Грамотная структура сайта: разработка структуры в виде схемы, типы и примеры

Что такое структура сайта и зачем она нужна

Структура сайта — это схема размещения его основных разделов и страниц относительно друг друга. Это план-схема, которая показывает, каким образом строится сайт, логическая связка его страниц.

Такой план-схема обычно изображается графически, в виде блоков, связанных стрелочками.

Не стоит путать внешнюю и внутреннюю структуру. Внешняя — это макет страницы, расположение блоков на ней. Внутренняя же отображает категории и принадлежность отдельных страниц или материалов. Вот об этой, внутренней структуре, и пойдет речь.

Структура сайта зависит от того, какой вид сайта вообще планируется делать. Если это сайт-визитка, то здесь план-схему сделать проще всего. Здесь будет главная страница, а от неё идут ссылки на разделы:

У коммерческого сайта схема будет гораздо сложнее. Тут обычно три уровня страниц: главная страница сайта, затем категории, которые описывают виды деятельности, и третий уровень — подвиды.

У информационного сайта будет похожая структура. Только от главной будут идти основные разделы. А каждая статья — это будет уже страница, на которую можно попасть в том числе и с главной. Причем каждый раздел практически не имеет информационной ценности, это страница со ссылками на статьи. У коммерческого же сайта каждый раздел содержит в себе важную информацию.

Что касается интернет-магазина, это сама сложная по своей организации структура. Тут будет главная страница, категории, подкатегории и карточки товаров. Причем сразу нужно определить, какие из качеств товара будут основными, а какие — второстепенными. Основные станут подкатегориями, второстепенные — пойдут в фильтры. Например, обувь можно разделить на подкатегории женская, детская и мужская. Кожаная или замшевая – уже может быть фильтром. Точно как и цвет – красный, чёрный, синий — это фильтр, делать для этих свойств отдельные категории нет смысла.

Хорошая структура сайта делает его удобным не только для посетителей. Поисковым роботам она тоже облегчит работу, в итоге не будет проблем с индексацией страниц.

Виды структуры сайта

Линейная

Линейная структура выглядит в виде цепочки. Подойдет для одностраничных сайтов (якорного меню) и визиток.

Например:

• Главная
• О компании
• Услуги
• Контакты

Линейно-разветвленная

Линейно-разветвленная структура, представляет из себя цепочку переходов, иногда с правом выбора. Подойдет для небольших сайтов — в основном визиток.

Пример:

• Главная
• О компании
  • Наши работы
  • Отзывы о нас
• Услуги
  • Создание
  • Продвижение
  • Реклама
• Контакты

Дерево

Древовидная структура состоит из множества уровней и разделов (имеет много ветвлений). Самая распространенная, популярная и оптимальная для многостраницных сайтов.

Решето, сеть

Структура в виде сети, создается по принципу древовидной, но при этом все проектируется так, чтобы посетитель мог перескочить со страницы глубокого уровня вложенности, на любой другой, к примеру, на 1-й или второй уровень. При разработке такой структуры важно тщательно продумывать ее, чтобы не запутать посетителей.

Что нужно знать для построения правильной структуры сайта

Давайте немного отойдем от блога “Учебка WordPress“, поговорим о том, что такое структура сайта, как ее формировать и создавать.

Итак, составим небольшой план действий, возможно он позволит ускорить ваши поиски необходимой информации (скорее всего вы уже кое-что читали о структуре сайта, и вам не нужно перечитывать все заново).

1. Что такое структура сайта;
2. требования к структуре сайта;
3. типы структуры, примеры в виде схем;
4. внешняя и внутренняя структуры сайта;
5. как правильно изменить (переделать) структуру сайта;
6. чек-лист “Учебка WordPress” — что, как и почему изменилось после смены структуры сайта.

Что такое структура сайта

Правильная структура сайта — это система расположения страниц сайта по четко сформированной логической схеме, структуру можно обозначить, как иерархию всех страниц сайта, их принадлежность к тем или иным каталогам и папкам.

В тезисах структуру сайта можно охарактеризовать так:

• Где я нахожусь сейчас (страница входа);
• куда я могу попасть (переход);
• взаимосвязь между категориями.

Формируя структуру стоит разобраться в желаниях потенциальных посетителей, что они будут искать, и какая информация их интересует.

Структура сайта это пути получения пользователем запрашиваемой информации. Тут можно очень сильно углублять в SEO (ключи, анкоры, перелинковка), но сейчас смысл понять, что такое структура сайта, поэтому делать этого не буду. Скажу кратко, что чем лучше построена структура, тем лучше для вас и ваших клиентов (посетителей). Посетителям проще находить интересующую информацию и переходить от одной страницы к другой.

Какие существуют требования к структуре сайта

Кто вообще может формировать требования к структуре сайта? Конечно же это поисковые системы, именно под них и стараются подстраиваться вебмастера (никогда не забывайте что в первую очередь должно быть удобно посетителям, а уж потом роботам).

Поисковые системы анализируют структуру сайта по своему, они берут во внимание структуру URL сайта. В общем структура сайта и структура URL это одно и тоже, но в разговоре проще не использовать аббревиатуру URL.

Какие страницы обязательно должны быть в структуре сайта?

В ряде случаев в структуре сайта должны присутствовать определенные страницы. Это может быть связано с требованиями законодательства (например, для сайтов образовательных учреждений). Но чаще наличие таких страниц обусловлено практикой.

Корпоративные сайты:

1. Страница «О компании».
2. Страница с сертификатами или лицензиями, если деятельность подлежит лицензированию.
3. Страница с перечнем услуг или каталог товаров.
4. Страница «Отзывы» или «Наши партнеры».
5. Страница «Гарантии», если гарантии предусмотрены.
6. Страница с ценами, если на других страницах цены не указаны.
7. Страница «Контакты» со схемой проезда.

Сайты частных специалистов, фрилансеров:

1. Страница «Обо мне».
2. Страница с перечнем услуг.
3. Портфолио.
4. Страница «Цены».
5. Страница «Отзывы».
6. Контакты.

Сервисы и информационные сайты:

1. Страница «О сайте».
2. Информационные материалы или сам сервис.
3. Страница «Пользовательское соглашение».
4. Страница «Помощь» с описанием функционала сайта.
5. Страница «Поддержка» для обращения в службу поддержки.

Интернет-магазины, торговые площадки, агрегаторы:

1. Каталог товаров.
2. Страница «О магазине».
3. Страница с описанием вариантов оплаты.
4. Страница с условиями доставки.
5. Страница с условиями возврата товара.
6. Страница «Поддержка» для обращения в службу поддержки.
7. Страница с реквизитами компании.

Типовые требования поисковой системы Google к структуре сайта

Информация о структуре сайта содержится в руководстве по поисковой оптимизации для начинающих от google. А если кратко, то:

• Должна быть предельно простой, логичной и понятной для человека.
• Рекомендуется использовать ЧПУ (человеко подобные адреса) — это помогает гуглу в определении релевантности.
• Слова в ЧПУ должны быть разделены дефисами, без знаков пунктуации. Например: не strukturasayta, а struktura-sayta, также запятые «,» должны быть заменены на «-«
• Не используйте длинные и сложные URL.

Основные требования предъявляемые ПС Яндекс к структуре сайта

Официальная подробная инструкция от поисковой системы Яндекс по работе со структурой сайтов. Если коротко, то рекомендации такие:

• Каждая страница (документ) должен относиться к своему разделу.
• Чем больше вложенность страницы, тем дольше Яндекс будет ее индексировать. Лучше не использовать вложенность белее чем на 3 уровня.
• Используйте карту сайта sitemap.
• Закройте от индексирования служебные страницы. Например не нужно отдавать в индекс страницу с результатами поиска.
• Не должно быть дублей URL.
• Так же как и для гугл, в идеале должны быть человеко-понятные URL.
• Делайте перелинковку. Ссылайтесь на релевантные документы.
• Проверяйте корректность symlink-ов. Не должно быть цикличных страниц с большим количеством повторений, например web-revenue/sbor/sbor/sbor/sbor.

Программы для построения древовидной структуры сайта

Структуру можно построить практически в любой программе, например в exel, но визуально это будет выглядеть не особо, по этому лучше воспользоваться специализированным софтом.

XMind — программа для построения майнд карт, структур (есть как платная, так и бесплатная версия — которой вполне достаточно). Лично я пользуюсь данной программой и рекомендую ее вам, т.к. она обладает достаточно широким функционалом, есть версии для Window, macOS, Linux.

diagrams.net — бесплатный онлайн сервис для создания структур и диаграмм. Из плюсов, есть инженерные шаблоны — которые не нужны нам и есть возможность выгрузки результатов в облачные сервисы.

Microsoft Visio — платный софт от майкрософт, подойдет для создания структур любой сложности и направленности — на нем нарисованы изображения выше.

Начиная создание структуры сайта, четко обозначьте удобства для пользователя, насколько наглядно будет представлен контент. Проанализируйте, все ли будет понятно, какой текст, картинка где находятся, сможет ли пользователь в любой момент, не затрачивая лишнего времени, отыскать необходимые записи, страницы, изображения и так далее.

Для того, чтобы материалы ваших веб-страниц были легко воспринимаемы посетителем, они должны быть правильно соответствующим образом структурированы. Сегодня, когда нет проблем с отысканием нужного материала в Интернете, любое неудобство провоцирует читателя покинуть ресурс и отправиться в поисках больших удобств.

Требования Яндекса

У Яндекса требования достаточно простые, но в то же время многочисленные и строгие. Вы можете перейти в Яндекс.Помощь и ознакомиться с ними самостоятельно. Здесь же я постараюсь кратко пояснить значение каждого приведенного там пункта.

• Четкая иерархия

Яндекс хочет, чтобы на вашем сайте каждый элемент относился к какому-то конкретному разделу. Это значит, что статья должна быть размещена в каком-то определенном месте – лучше всего в одной рубрике.

В статейниках вы должны определить четкую иерархию категорий и статей в них. Желательно сделать вложенность даже в ссылках.

Например, если статья относится к рубрике “Заработок”, то она должны быть доступна по адресу: site.ru/zarabotok/state.html.

Не все следуют такой модели, потому что при смене названия категории или перемещении статьи в другую – придется очень сильно поработать, чтобы материал не потерял в позициях.

В коммерческих сайтах наличие грамотной иерархии строго обязательно. Каждый товар или материал должен быть расположен в определенном месте – ячейке. При этом, “рубрик” может быть больше, чем в статейниках.

• Карта сайта

Ее наличие также обязательно для проектов, которые ориентированы на поисковое продвижение. Карта – это обычный XML-файл, который содержит в себе ссылки на все материалы ресурса. При этом иерархия тоже отражается, поэтому поисковикам легче индексировать сайт.

• Правильный Robots.txt

С помощью этого небольшого файлика вы можете запретить индексирование каких-то ненужных технических разделов. Если этого не сделать, поисковик может добавить слишком много лишнего в выдачу. Это негативно скажется на общих позициях. Поэтому составление правильного robots.txt – очень важный аспект SEO-оптимизации.

• Текстовые ссылки

Сайт должен содержать текстовые ссылки на другие разделы. Направлено на улучшение видимости поисковыми роботами.

• Уникальные URL

Ссылки должны быть уникальными. Но это, думаю, и так понятно.

Требования Гугла

У Гугла требования точно такие же: наличие карты сайта, простая и понятная иерархия, адекватная перелинковка, наличие рубрик и т. д.

Особых отличий нет, но можно выделить обязательное присутствие ЧПУ – URL в виде фраз, которые понятны человеку.

Рекомендации для WordPress

В WordPress структура задумана изначально. Ранее в этой статье я уже упоминал, что при создании элементов иерархия ресурса будет создаваться автоматически.

Тем не менее я бы хотел дать вам несколько рекомендаций по этому поводу:

• Одна статья – одна рубрика

В ВП можно привязывать к статье несколько рубрик. Одна из них будет “основной”, вторая – “дополнительной”. Однако на схему проекта такой подход влияет крайне негативно.

Поэтому лучше придерживаться модели, когда одна статья будет относиться только к одной рубрике. С точки зрения поисковой оптимизации это будет более выгодно, поэтому если вы только-только продумываете свой ресурс – не забывайте про этот момент.

• Рубрики в URL

Обычно вебмастеры упускают этот момент, но он очень хорошо повышает видимость ваших материалов среди поисковиков. Я говорю о структуре ссылок – добавляйте рубрики, чтобы ссылки на ваши материалы имели вид: site.ru/рубрика/статья. Это можно очень просто сделать через “Настройки” – “Постоянные ссылки”.

• Закрывайте метки (/tag/) от индексации

Метки – это, конечно, хорошо, но они негативно влияют на схему и создают лишние дубли. Лучше закрыть метки через robots.txt, дабы поисковые системы адекватно индексировали ваш проект.

Как создать структуру сайта самостоятельно?

Существует несколько способов:

• на основе поискового спроса;
• на основе анализа конкурентов;
• на основе личного опыта и понимания ниши.

Самый эффективный — комбинированный, то есть — использовать все способы.

Подбор семантического ядра

Первый делом собираем полное семантическое ядро — список ключевых слов для продвижения. Для этого можно и нужно использовать все источники данных:

• Яндекс.Вордстат — сервис подбора ключевых слов от отечественного поисковика;

• Используем поисковые подсказки и рекомендации в Яндексе и Google;

• Сервисы для аналитики (например, яндекс.метрика);
• Базы данных (MOAB и т.д.);
• На основе личного опыта и анализа конкурентов проверяем, все ли запросы учли, не пропустили синонимы и т.д.

Задача — получить полный список слов (кому интересно, я недавно публиковал статью про типы поисковых запросов). Для этого используем специальные сервисы и программы: я использую KeyCollector — отдельная статья по данному инструменту скоро будет в блоге, подписывайтесь на обновления.

При анализе конкурентов можно оценить:

• типы страниц и реализацию структуры;
• объем структуры сайта, чтобы понимать примерный масштаб работы;
• непроработанные страницы, по которым у Вас есть шанс занять место первым;
• интересные решения в реализации посадочных страниц, например:
  • для продвижения по всем городам России;
  • страницы с отзывами о товарах для получения дополнительного трафика;
  • страницы для запросов «недорого», «дешево» и т.д.

После сбора данных, необходимо избавиться от мусора, нецелевых и непопулярных ключевых слов. Таким образом, мы сразу получаем готовый список запросов, примерное представление о структуре, а самые внимательные — фишки конкурентов и новые способы для получения трафика. Пример того, что должно получиться:

Кластеризация запросов

Следующий этап — кластеризация (группировка) запросов. То есть, объединяем запросы, решающие 1 проблему пользователя, в группы. Примеры групп запросов:

1 группа — страница для заказа визиток, запросы:

• визитки;
• печать визиток;
• заказать визитки;
• изготовление визиток;
• заказ визиток;
• и т.п.

2 группа — страница с конструктором визиток:

• визитки онлайн конструктор бесплатно с распечаткой;
• визитки онлайн конструктор;
• визитка онлайн конструктор бесплатно;
• создание визиток конструктор;
• и т.д.

Аналогичным образом разбиваются все запросы на группы. Эффективней использовать разбивку с учетом поисковой выдачи. Онлайн-сервисы помогут Вам в решении данной задачи:

• just-magic.org
• engine.seointellect.ru
• rush-analytics.ru

Есть масса аналогов, по качеству все работают примерно одинаково. Данные инструменты лишь помогают Вам (программа не может думать за Вас) и необходимо вручную пересмотреть группировку.

Определение посадочных страниц и построение структуры сайта

После того, как все группы будут готовы, необходимо определить посадочную страницу (существующую на сайте или новую). 1 группа = 1 посадочная страница.

Таким образом, у Вас получается файл с разбивкой всех запросов на группы и посадочные страницы. Для удобства, желательно, наглядно представить размещение групп (можно сделать в виде иерархии или древовидной структуры сайта).

Обычно я составляю в этом же файле title, h1, description и другие элементы для оптимизации посадочной страницы.

Удобная навигация

После создания наглядной эффективной структуры сайта, необходимо уделить внимание расположению элементов на сайте для удобства пользователя и эффективного продвижения. Для этого необходимо сделать все страницы второго уровня вложенности (в крайнем случае — третьего). Засунуть все страницы в меню однозначно не получится, так как пользователь запутается в нем. Что делать? Использовать разные зоны.

• меню сайта. Стараемся максимально засунуть все ссылки на продвигаемые страницы в меню сайта. Пример меню, где много элементов и все выглядит удобно: www.tehnosila.ru

• сайдбар сайта. Можно добавить дополнительные блоки со ссылками в сайдбар. А также использовать фильтры для перелинковки сайта.

• вывод ссылок в контентной части на главной странице;
• создание карты сайта в формате html с выводом всех ссылок на посадочные страницы. Ссылку на карту можно разместить на главной странице или в нижней части сайта. Благодаря этому, все продвигаемые страницы будут третьего уровня;
• вывод ссылок на карточках товара.

Это лишь малая часть возможной навигации на сайте. Для каждого сайта можно придумать интересные решения. Идеально представить структуру — сложно, поэтому необходимо постоянно дорабатывать ее и оценивать эффективность. Полезно также привлекать пользователей сайта к формированию структуры, устраивая опросы и тесты.

Формирование структуры URL-адресов

Основные требования к URL-адресам:

• каждая страница сайта должна иметь свой URL;
• желательно использовать вхождение ключевых слов;
• при частом повторе слов в URL — страница может не индексироваться. Например, страница: albakoff.ru/seo/seo/seo/seo/;
• все буквы строчные;
• использовать ЧПУ;
• между словами использовать тире;
• отсутствие лишних символов, например: №, ~, ‘ и др.;
• использование одного формата для URL-адресов.

По возможности соблюдайте четкую ссылочную структуру, т.е. каждый документ должен относиться к своему разделу. Например: сайт.рф/бытовая-техника/газовые-плиты/

Формирование структуры посадочных страниц

Последний вопрос, который я хотел бы разобрать — это представление информации на посадочных страницах. Задача — сформировать структуру страницы таким образом, чтобы:

• она была удобна для пользователя;
• отвечала на его ожидания;
• было желание совершить действие (заказать услугу, положить товар в корзину, оставить комментарий и т.д.);
• максимально использовались все зоны для вхождения ключевых слов. Таким образом, мы получаем дополнительные вхождения без спама.

Разберем внешнюю структуру проекта для разных сайтов.

Представление информации для посадочной страницы сайта-услуг

Речь идет про представление контента. Элементы в шапке сайта, сайдбаре и нижней части лучше всего формировать с учетом коммерческих факторов ранжирования.

Таким образом, у нас получается на странице вся необходимая для пользователя информация + вхождения ключевых слов. Я постарался взять самое основное, но никто не мешает Вам добавить дополнительную информацию, например, о сотрудниках, которые занимаются уборкой и т.д.

Представление информации для интернет-магазина

При работе с интернет-магазинами необходимо понимать, где сконцентрирован трафик. Часть товаров ищут по категориям (например, подарки, кольца и т.д.), а часть по карточкам товаров (телефоны: iphone 7, samsung s7 и т.д.). С учетом этого необходимо оптимизировать представление каталога и карточки товара. Ниже пример страницы категории.

Для информационных сайтов все намного проще. Пример — данный материал (заголовок, введение, содержание материала, полный материал, комментарии).

Оптимизируем структуру сайта: секреты и трюки

Больше всего хлопот SEO-специалисту может принести запутанная структура сайта. Она может создавать проблемы с индексацией, если на сайте много страниц с высоким уровнем вложенности, или снижать поведенческие факторы (посетители не могут найти нужную информацию на сайте и уходят не удовлетворенными).

Любые изменения в структуре сайта, даже не оптимальной, могут привести к потере части трафика. Поэтому следуйте данным советам при решении оптимизировать структуру сайта:

1. Выделите на сайте страницы, получающие существенный трафик из поисковых систем. Менять оптимизацию данных страниц не желательно, чтобы не потерять (путь даже временно) трафик из поисковых систем. Удалять их тоже не стоит без крайней необходимости.
2. Если Вы меняете адрес страницы (URL), обязательно настраивайте редирект со старого адреса на новый. Проверьте, что редирект работает корректно!
3. Вносите изменения в структуру уже работающего сайта постепенно, мелкими шагами. Резкие изменения могут дать негативный эффект. Делайте паузы между изменениями, минимум 2-4 недели, чтобы отследить эффективность доработок и понять необходимость дальнейшей оптимизации структуры.
4. Часто в крупных разделах каталога имеет смысл сделать несколько подразделов, каждый из которых оптимизируется к средне и низко- частотным запросам. Это позволяет охватить больше запросов и привлечь на сайт больше посетителей.
5. При внедрении нового функционала на сайте обратите особое внимание на закрытие служебных страниц и результатов поиска от индексации. Также проследите, чтобы в индекс не попали дубли (страницы, содержание которых копирует уже находящиеся в индексе страницы).
6. Если на Вашем сайте много страниц и часть документов не попадает в индекс из-за лимитов (у каждого сайта есть лимит страниц, которые индексируются поисковой системой), то закройте от индексации второстепенные страницы. Таким образом Вы добавите в индекс более ценные документы.
7. Часто проблему со структурой удается решить при помощи дополнительных небольших меню. Например, на карточках товаров сделать блок «Аксессуары» со ссылкой на сопутствующие товары. На информационном сайте сделать небольшое меню со ссылками на самые свежие статьи или популярные материалы. Не спешите вносить на сайт глобальные изменения. Возможно, проблему можно решить небольшой доработкой.

Правильная структура сайта, типы структуры, примеры в виде схем

Посмотрев ТОП Яндекса и Google по запросу “структура сайта” нашел много интересной “шлаковой информации”, как только не извращаются вебмастера-учителя описывая структуру сайта. Выдумали кучу схем и названий, описания к ним и примеры непонятно от куда взятые.

Итак, давайте все по порядку. Структура сайта бывает:

• Простая (двухуровневая), главная страница и много внутренних страниц 2-го уровня (home.ru/stranica1 и home.ru/stranica2 и т.д.)
• сложная (древовидная, три и больше уровней вложенности home.ru/category/stranica1 и home.ru/blog/statya и т.д.)

Все больше вариантов нет! Можно встретить такие понятия как смешанная, линейная, решетчатая и еще куча всякой белиберды можно найти в сети. Только два вида простая (2 уровня вложенности URL) и сложная или древовидная 2 и больше уровней.

Так же можно разделить структура на два типа:

• Правильная (логически составленная и понятна людям и роботу);
• не правильная (никакой логики, полное отсутствие структуры (сплошная каша)).

Пример простой структуры сайта (схема)

Вот вам наглядный пример простой структуры сайта. Она подойдет для маленьких сайтов, узконишевых, где тема каждой страницы очень близка. К примеру портфолио фотографа где есть главная страница на которой находиться информация об авторе и форма заказа услуги. Внутренние страницы собственно портфолио, разные фото.

Если кроме главной вы планируете создавать 20-30 или же 100 страниц, обязательно создайте структуру, разбейте страницы и будущие страницы на группы, это будет правильно и в дальнейшем позитивно скажется на продвижении вашего сайта.

Пример древовидной структуры сайта, схема и пояснения

Древовидная структура сайта самая распространенная и правильная, она используется на большинстве крупных сайтов, интернет магазинах и порталах. Внешний вид имеет такой:

На примере схемы показано все виды структуры, в совокупности это и есть древовидная структура сайта.

Теперь немного поясню:

1. примеры 1.1, 1.2, 2.1, 3.1 идентичны, так показал что бы вас не вводили в заблуждения другие “умники”. Древовидная структура формируется по принципу Главная/категория/статья или же Главная/категория/подкатегория/статья.
2. В древовидной структуре может быть несколько веток, каждая из которых может иметь разную глубину вложенности (первая ветка Главная/О компании, вторая ветка Главная/Услуги/SEO анализ, третья ветка Главная/Блог/Самостоятельное продвижение/Методы продвижения), в совокупности эти три ветки сформируют отличную, правильную структуру сайта.
3. В примере 3.2 показано как делать ненужно, очень глубокое размещение материала не эффективно. Как поисковые роботы так и посетители попросту не дойдут до этой информации, контент будет утерян и не принесет никаких плодов. Опускаться ниже 4-го уровня лучше не стоит, если только вы не владелец Amazon.

Внутренняя структура сайта

То о чем писалось выше и есть внутренняя структура сайта или структура URL, правила и порядок формирования URL и будет внутренней структурой.

Еще раз повторюсь, тщательно продумывайте каким будет ваш сайт в будущем, сделав это вы сможете уберечь себя от проблем переделывания структуры, поверьте, это сложно и очень долго. Благо если вы сможете это сделать самостоятельно, в противном случае заказать услуги специалиста, который этим займется будут стоять не дёшево.

У меня на момент “переделки” было 170 страниц в индексе, что бы все исправить, добавить контент к рубрикам и подрубрикам (24 страницы), заранее подготовить все редиректы, сменить внутренние ссылки и перелинковку ушло больше месяца. А как вы думаете сколько это будет стоять у наемного рабочего?

Внешняя структура или блоки каждой веб-страницы

Внешняя структура торгового портала разрабатывается в большинстве случаев на основе стандартного макета.

Это современный стандарт сайтостроения, разработанный с учетом открытий айтрекинга.

Какой бы дизайн Вы ни выбрали – лаконичный или яркий и насыщенный – шаблон должен иметь базовые стандартные блоки.

Рассмотрим их.

Для начала обратите внимание: зеленым цветом на схеме выделены стационарные элементы, которые обязательно повторяются на каждой веб-странице: хедер и footer сайта.

Расскажем детальнее про каждый блок.

1. Header (шапка)

Это самая верхняя часть сайта.

Она обязательно содержит логотип, название компании/промоакции или имя специалиста, кнопки меню.

Кроме этого, в шапке могут быть такие элементы:

– УТП;

– контакты;

– кнопки регистрации и входа;

– корзина (если это интернет-магазин);

– кнопка для выполнения действия конверсии;
Конверсионная кнопка известнейшей биржи фриланса fl.ru

– рекламный баннер, информация о временной акции.

2. Текстовое или контентное поле

Этот блок прорабатывается индивидуально для каждой веб-страницы.

Если это продуктовая страница, то здесь можно разместить следующие элементы:

– перечень характеристик;

– описание способов применения, выгод от покупки продукта;

– фото или (что предпочтительнее) фотогалерея с опцией Zoom;

– иногда текст заменяется видеопрезентацией.

Кроме этого, в нескольких местах текстового поля и сразу после текста может быть форма оформления заказа.

А в нижней части поля обычно размещены кнопки для перехода к следующим звеньям конверсионной цепочки (элементы навигации).
Главная страница обычно содержит ссылки на разделы каталога, перечень гарантий, примеры выполненных проектов, отзывы и пр.

На коммерческой странице должны быть, в частности, элементы навигации для логичного перехода к следующим разделам сайта:

• способы доставки;
• гарантии;
• контакты или способы заказа;
• похожие товары.

Под информационной статьей блога могут быть ссылки на определенный товар или услугу, страницу «О компании» или «О нас» и на главную.

В идеале каждая страница должна иметь донорские и акцепторные внутренние ссылки.

В этом случае одновременно решаются 2 задачи:

– равномерно распределяется ссылочный вес (что важно для ранжирования в Google);

– образуется логичная цепочка переходов (потенциальный покупатель легко находит ответы на возражения и переходит к оформлению заказа).

3. Sidebar / боковые меню

Эта часть сайта не относится к обязательным.

Но может использоваться, когда нужно акцентировать внимание на отдельных внутренних страницах, продукте, акции, рекламе.
Подбирая 2- или 3-колоночный шаблон сайта, ориентируйтесь на структуру айтрекинга (eye tracking – технология движения глаз) и, в частности, на диаграмму Гуттенберга.

Как правильно изменить (переделать) структуру сайта

Что такое структура сайта, какая она бывает и каких правил нужно следовать составляя “костяк” сайта мы вроде бы выяснили. Пришло время для самого интересного, взять наш испорченный ранее труд и полностью переделать структуру сайта.

С чего начать изменение структуры:

1. Первым делом вам нужно вывести (выписать) все страницы вашего сайта на отдельный лист (я это делал в екселе). Это нужно для разбивки и построения материала по рубрикам (темам). Сразу указывайте и текущие url для дальнейшего удобства.
2. Следующий этап — четкое понимание (заранее составленный) плана, дополнительные рубрики (страницы) с ключевыми словами или без них. В эти рубрики вы будете распределять страницы выписанные в ексель.
3. Распределить все страницы и записи по соответствующим категориям и страницам. Можно в отдельные листы или файлы.
4. Придумать (использовать ключи) для формирования будущих дополнительных страниц.
5. Прописать в файле для каждой страницы будущий URL.
6. Подготовить тексты или шаблоны контента промежуточных страниц (рубрик).
7. Подготовить файл (блокнот) с редиректами со старых на новые адреса страниц.
8. Добавить новые рубрики (страницы) и текст к ним.
9. Поменять структуру ссылок в вашей CMS.
10. Проставить к каждой записи принадлежность к тем или иным страницам (рубрикам) что бы новые url совпали с плановыми.
11. Внедрить перенаправление со старых адресов на новые.
12. Поменять внутренние ссылки, перелинковку, что бы ссылки со страниц вели на новые URL, а не на редиректы.

Я предупреждал что работы очень много, это все займет в лучшем случае неделю, при большом количестве страниц месяц, или больше.

Теперь давайте быстро пробежим по всем пунктам списка. С 1-го по 7-й можно делать не спеша, никакого “яда” от этого не будет.

После того как все пункты по 7-й включительно будут готовы с 8-го по 11-й нужно внедрить за несколько часов, может день, максимум два, для избежания проблем с индексацией.

Последний 12-й пункт можно провести в течении месяца, он не так критичен, как остальные.

Я больше чем уверен что у вас возникло больше вопросов чем ответов, по этому советую ознакомиться с более детальным описанием всего происходящего на примере сайта “Учебка WordPress”. После ознакомления вам все станет ясно.

Программы для создания структуры сайта

Чтобы проработать схему сайта, в первую очередь вам понадобятся программы для сбора ключевых слов. Я уже упомянула выше KeyCollector, это одна из лучших программ в этом отношении.

Далее вам нужно будет построить структуру сайта. Это можно сделать:

Word или Excel

Например, схемы в этой статье я просто рисовала в Ворде. Не скажу, что это самый простой и лёгкий способ, но если сайт простенький, вам возможностей программы хватит с головой.

Draw.io

Тут много возможностей для рисования разных схем. И все что нужно чтобы её использовать — активный аккаунт в Google. В самой программе уже есть готовые шаблоны схем, останется только подогнать под себя. Готовая схема сохранится на Гугл Диске.

Xmind

Программа для визуализации ментальных карт, которая поможет вам быстренько набросать даже сложную схему сайта, указав все связи между страницами.

Помните, что без создания4 структуры сайта не получится сделать готовый к продвижению и удобный для пользователей ресурс. Но приступать к её созданию (если вы собираетесь продвигать сайт с помощью SEO) нужно только после проработки семантического ядра.

Примеры создания структуры веб-сайта

Вариант схемы ресурса будет зависеть от его вида, тематики и контента. Как я говорил ранее, в ресурсах типа лендингов и визиток может применяться линейная иерархия – не очень хороший вариант для SEO, но кто-то все равно пользуется.

В рамках этого материала мы будем рассматривать наиболее правильный вариант схемы – древовидный. Он универсальный, поэтому подойдет для большинства проектов.

Визитка

Обычно визитки содержат в себе не очень много страниц. Это может быть главная – с общим описанием услуг. Далее идут отдельные страницы с портфолио, вакансиями, более подробным описанием услуг и т. д. Здесь всего два уровня.

То есть у ресурса максимально простая иерархия, которую очень легко реализовать.

Если говорить про проект на WordPress, то вам просто необходимо создать несколько документов (Страницы – Добавить новую). Этого вполне хватит для визитки. Все они будут располагаться на более “низкой” ступени, относительно главной. С точки зрения SEO, это хорошо.

Коммерческий ресурс

Коммерческие проекты содержат уже более сложный вариант схемы. От главной точно так же может отходить несколько документов с информацией. Но, помимо этого, могут содержаться разделы, внутри которых будут тематические посты.

В коммерческом проекте уже желательно использовать хлебные крошки. Пользователи могут запутаться в структуре, и ни к чему хорошему это не приведет, а вот хлебные крошки, помимо перелинковки, добавят вашему ресурсу хороших поведенческих. Это положительно сыграет на ранжировании.

Информационный проект

Информационные ресурсы также имеют сравнительно сложную схему. Там, помимо страниц и рубрик, есть также и материалы. Они могут располагаться как внутри одной рубрики, так и в нескольких. В последнем случае это может создавать лишние дубли и негативно сказываться на поисковой оптимизации.

При формировании схемы для инфо-проекта стоит учитывать, что не только поисковые роботы будут изучать ваш ресурс. Простым посетителям тоже нужно ориентироваться во всем этом многообразии.

Интернет-магазин

У интернет-магазинов самая сложная схема среди всех. Обусловлено это огромным количеством товаров, каждый из которых может принадлежать к нескольким группам. Этих групп тоже может быть очень много, поэтому общая структура может простираться на несколько огромных листов.

Формирование структуры для интернет-магазина является первостепенной задачей. Этим должен заниматься профессионал, который понимает важность такой схемы для поискового продвижения и юзабилити.

Исходя из всего вышеописанного, чтобы разработать правильную структуру ресурса, вы должны:

1. Определить тип проекта, выполнить аудит тематики.
2. Нарисовать схему, которая будет содержать в себе страницы, категории, статьи/товары. Иерархия должна быть древовидной, соответствовать одному из примеров выше.
3. Планомерно воссоздать схему, сделать перелинковку.
4. Добавить карту сайта, которая будет содержать в себе все элементы проекта.
5. Создавать качественный контент.

При этом структура тесно связана с семантическим ядром. Его можно либо составить самостоятельно, либо заказать.

Выводы

Чтобы создать идеальную структуру сайта, удобную и для посетителей, и для продвижения сайта, используйте следующие базовые рекомендации:

1. Работу по созданию обширного каталога начинайте со сбора семантики и группирования ключевых фраз.

2. При разработке общей структуры и перелинковке сайта ориентируйтесь на формулу AIDA и путь потенциального покупателя (UX-наработки).

3. Используйте элементы, которые максимально упрощают навигацию по каталогу и по сайту («меню-крошки», карту сайта).

4. Обратите внимание – даже неопытный посетитель должен легко находить контакты, конверсионную форму или чат с менеджером. Лучше разместите эту информацию в заметном месте шапки сайта.

5. Обилие сайдбаров с рекламными блоками, всплывающих окон плохо влияет на продвижение и отвлекает посетителей от конверсионного пути.

В целом, проверяя прототип будущего сайта, представьте себя в роли потенциального клиента и подумайте, легко ли ему найти ответ на свой вопрос и выполнить заказ.