Как создать структуру сайта



Насколько логично и просто посетителю вашего веб-ресурса найти нужную ему информацию? Это зависит именно от структуры конкретного сайта. Она считается одним из важных факторов ранжирования – качество ее проработки влияет на скорость и корректность индексирования страниц поисковыми роботами. Следовательно, она должна одновременно удовлетворять требования и потребителей, и поисковых систем.

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

Рис. 1 – Пример структуры интернет-магазина с категориями и подкатегориями

Рис. 1 – Пример структуры интернет-магазина с категориями и подкатегориями

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

1. Виды и типы структуры сайта

Следует сказать, что под различные типы страниц подходят разные по структуре типы сайтов, всего их существует три варианта:

  1. Линейная: имеется логическая цепочка, по которой страницы веб-ресурса перетекают одна в одну. 

Например, Главная страница салона красоты → Услуга “SPA и массаж”→ Вид массажа → Записаться на услугу. 

Рис. 2 – Пример линейной структуры сайта косметический салон

Рис. 2 – Пример линейной структуры сайта: косметический салон

  1. Иерархическая, или древовидная

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

Например, для сайта спортивных товаров путь может быть Каталог → Ролики, скейты, самокаты → Ролики → Женские. Если переходов слишком много или путь логически непонятен, значит, структуру нужно переработать. 

Рис. 3 – Пример древовидной структуры сайта интернет-магазин спорттоваров

             Рис. 3 – Пример древовидной структуры сайта: интернет-магазин спорттоваров

  1. Блочная: пользователи могут перейти с одной страницы на другую без потери логической взаимосвязи. Встречается достаточно редко и подходит для небольших сайтов, где вся информация пересекается. 
Рис. 4 – Пример блочной структуры сайта детский центр искусств

Рис. 4 – Пример блочной структуры сайта: детский центр искусств

Кроме того, можно учитывать виды организации структуры информации сайтов:

  • алфавитная организация (неудобство в том, что потребитель должен точно знать, что именно он ищет, чтобы найти название по алфавиту);
Рис. 5 – Пример алфавитной организации

Рис. 5 – Пример алфавитной организации

  • организация по целевой аудитории: наиболее наглядный пример – сайты по поиску работы, где информация четко разбита на запросы для соискателей и для работодателей;
Рис. 6 – Пример организации по целевой аудитории

Рис. 6 – Пример организации по целевой аудитории

  • тематическая (применяется градация информации по тематике);
Рис. 7 – Пример тематической организации

Рис. 7 – Пример тематической организации

  • географическая (актуальна для ресурсов, привязанных к определенной местности: салонов красоты, кафе и ресторанов, центров услуг);
Рис. 8 – Пример географической организации

Рис. 8 – Пример географической организации

  • хронологическая (подойдет в том случае, если запрос посетителя сайта связан с конкретной датой, актуален для новостных веб-ресурсов). 
Рис. 9 – Пример хронологической организации

Рис. 9 – Пример хронологической организации

2. Как оценить структуру веб-ресурса. Требования к качеству

В системе навигации сайта его структура отображается:

  • непосредственно в меню;
  • в “хлебных крошках” – цепочке навигации, которая показывает путь от главной до текущей страницы пользователя;
  • пользователи видят ее в HTML-карте, а роботы – в XML-карте сайта.

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

Какие требования предъявляются для качественной структуры сайта:

  • использование HTML и CSS для навигации;
  • уровень вложенности страниц не превышает четыре – так называемое правило трех кликов; 
Рис. 10 – Пример правила трех кликов на нашем сайте

Рис. 10 – Пример правила трех кликов на нашем сайте

  • использование категорий для того, чтобы связать контент по смыслу;
  • с любой страницы сайта можно перейти на главную;
  • наличие карты сайта;
  • сохранение структуры при удалении или добавлении подкатегорий – например, если на предыдущем скрине добавить целую подкатегорию (допустим, SMM) или удалить одну из имеющихся, то первоначальная иерархия Материалы → Статьи → Подкатегории тематики сохранится.

Что требует от хорошей структуры сайта Google:

  • она должна быть понятная и простая, удобная для пользования;
  • для определения релевантности страницы нужны человекопонятные URL – веб-адреса из понятных слов;
  • эти URL можно укорачивать при слишком длинном “хвосте”: Google одобряет длину до 75 символов;
  • в ссылках на страницы нужны дефисы между словами, а не нижние подчеркивания.

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

Итак, при правильной структуре сайта:

  1. Навигация понятна пользователям. Сайт полезен, т. к. статьи релевантны запросам. Позиции в  рейтинге повышаются и поисковый трафик идет; качество взаимодействия пользователя и сайта повышается. После корректировок улучшен поведенческий опыт – например, растет время просмотра страниц посетителями. 
  2. Страницы и ключевые запросы на них распределены правильно и покрывают пользовательские запросы,  а значит, положительно влияют на конверсию.
  3. Создаются дополнительные категории и разделы веб-ресурса под узкие группы запросов. Так можно привлечь больше трафика, ранжируясь по большему количеству ключей. 
  4. Содержимое сайта размещено логично, поисковые системы его видят – страницы сканируются быстро, маршрут движения для роботов упрощается.

3. Алгоритм создания правильной структуры сайта

Для SEO-адаптированной структуры сайта важно не пропустить ни единого этапа алгоритма. Итак, как пошагово создать хорошую структуру для сайта:

  1. Проанализировать конкурентов 

Сформируем список лидеров ниши для анализа, по поисковым запросам и по контекстной рекламе. 

Рис. 11 – Пример поиска конкурентов в вашей нише

Рис. 11 – Пример поиска конкурентов в вашей нише

Затем: 

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

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

  1. Собрать семантическое ядро и кластеризовать запросы

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

Рис. 12 – Интерфейс Google Ads для поиска ключей
Рис. 12 – Интерфейс Google Ads для поиска ключей

Рис. 12 – Интерфейс Google Ads для поиска ключей

Далее необходима кластеризация запросов – объединение ключей по группам. Для облегчения этой процедуры пригодятся такие сервисы автоматической кластеризации, как Megaindex или Coolakov.

Рис. 13 – Интерфейс Megaindex

Рис.13 – Интерфейс Megaindex

Рис. 14 – Интерфейс Coolakov

Рис. 14 – Интерфейс Coolakov

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

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

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

  1. Проверить структуру URL

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

  1. Проверить переход со страниц на страницы сайта 

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

Можно закрепить на сайте такие блоки как “Читайте также”, “Вам может быть интересно”, “С этим товаром покупают” и т.д.

  1. Проверить отображение меню, футера и шапки сайта

Меню может быть главным и второстепенным, горизонтальным и вертикальным. Также оно должно отображаться одинаково удобно и в десктопной, и в мобильной версиях.  Футер – это блок внизу страниц, который содержит Контакты, Политику конфиденциальности и т.д., а так называемая “шапка” сайта размещена вверху и призвана облегчить навигацию. Эти элементы – базовые для сайта. Их удобство и лаконичность не должны вызывать сомнений.

  1. Создать карту сайта

Строго говоря, карта сайта не считается обязательной. Но она помогает поисковикам быстрее индексировать ресурс и выглядит как файл Sitemap. Для роботов структуру сайта опишет xml-карта, например, созданная с помощью инструмента “Анализ сайта”. Для пользователей можно создать кликабельный список страниц – HTML-карту.

  1. Протестировать сайт

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

  1. Проверить сайт-линки

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

4. Стоит предотвратить: типичные ошибки

Есть несколько распространенных ошибок, которые стоит предусмотреть заранее и, соответственно, избежать.

  1. Слабая классификация. Меню, не отражающее иерархию категорий, их неточное название. Любой посетитель сайта должен понимать, где он находится и как ему попасть куда-либо. Навигация должна быть у него перед глазами постоянно. При этом помним о правиле трех кликов и не делаем разбивку излишне подробной: если характеристик у товаров или услуг много, то поможет использование тегов и фильтров.
  1. Отсутствие общих категорий – товары могут повторяться в смежных рубриках, если их целевое назначение затрагивает обе эти рубрики. Ведь неизвестно, в какой из них товар/услугу будут искать пользователи. Но по URL позиция должна находиться только по одному адресу, чтобы для поисковиков не создавались дубликаты. Например, в интернет-магазине косметики конкретный BB-крем должен быть размещен и в уходовой косметике, и в декоративной.
  1. Недостаточная продуманность фильтров – быстрый доступ к нужной категории бесценен. Возможность отсортировать записи или товары по признакам (например, по дате, стоимости, цвету, размеру или по бренду) существенно повышает юзабилити для пользователей.
Рис. 15 – Пример хорошей разбивки товаров по фильтрам

Рис. 15 – Пример хорошей разбивки товаров по фильтрам

Итак, правильно созданная структура сайта необходима для его развития по всем аспектам. Подведем итоги –  вот в чем заключается ее важность для SEO:

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться:

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: