18999 Знания

15 советов по seo-архитектуре сайта: делаем структуру для SEO

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

Обновленное руководство, основанное на статье о структуре сайта от агентства Zyppy: мы перевели, адаптировали и дополнили материал.


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

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

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

Zyppy использовали несколько советов из списка на своем проекте и засекли рост трафика на 175% за несколько месяцев.

график роста трафика на сайте

Рост трафика после доработки архитектуры

Если использовать все советы, трафик может вырасти еще больше.

Руководство по работе с архитектурой сайта

1. Удовлетворите потребности пользователей

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

  1. Что ищут пользователи?
  2. Что для них важно?
  3. Как страницы связаны друг с другом?

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

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

структура сайта

Пример хорошо построенной структуры

На сайте REI из примера четкая и понятная структура:

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

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

Проведите аналитику и определите:

  • какие страницы имеют большую посещаемость;
  • какие больше совпадают с пользовательскими запросами;
  • с какими дольше взаимодействуют.

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

Другое дело, если страница действительно важна для конверсии, на нее ведут CTA — конверсионные кнопки с других страниц, а переходов мало. Проведите A/B тестирование разных вариантов кнопок с разными текстами, возможно, вы выбрали неудачный вариант и нужно поменять местоположение, внешний вид или формулировку. Как успешно провести тестирование, если опыта нет, — в статье.

2. Упростите архитектуру

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

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

правило трех кликов

Схема кликов

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

  • 200 ссылок на страницу дают 8 000 000 страниц;
  • 500 ссылок на страницу дают 125 000 000 страниц;
  • 1000 ссылок на страницу дают 1 миллиард страниц.

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

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

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

Как проверить уровень вложенности

Если на вашем сайте много страниц, будет тяжело определить количество кликов для каждой страницы вручную. Авторы предлагают воспользоваться сервисами для SEO-аудита, которые помогут определить уровень вложенности. К примеру, это Screaming Frog, Ryte, Moz, SEMrush и другие. У OnCrawl к тому же есть хороший отчет о внутренних ссылках.

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

визуализация структуры сайта сервис

Визуализация структуры сайта от Sitebulb

3. Задействуйте страницы-хабы

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

Зачем нужны хабы:

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

Пример хаб-страницы Consumer Reports:

страница категории на сайте

Страница-хаб

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

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

О похожей модели «Hub And Spoke» или «Хаб и лучи» в кейсе о получении миллионного трафика из органики, рассказала компания из США G2. По этой модели на сайте строят систему с хабами — большими темами, объединяющими много вспомогательных страниц-лучшей с материалами внутри этой темы. Хаб с его лучами образуют тематический кластер, по словам компании G2, Google любит кластеры, считает сайт авторитетным в обозначенных темах, и быстрее выводит страницы по этим темам в топ.

Подробнее о пути к миллионному трафику из органики в адаптированном переводе кейса компании G2.

4. Создайте SILO-структуру контента

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

Страница-хаб объединяет контент в общую ветку, а структура SILO отвечает за распределение внутри этой ветки.

схема SILO-структуры контента

Схема SILO

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

Страницы-хабы находятся вверху иерархии и обычно содержат:

  • навигацию, в том числе «хлебные крошки»;
  • контекстные ссылки;
  • структуру URL.

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

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

Пример, где дочерние позиции одной категории ссылаются друг на друга:

стратегия перекрестных ссылок схема

Схема перелинковки

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

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

Когда созданы страницы-хабы, SILO-структура контента и перекрестные ссылки, можно добавить еще ссылки на целевые страницы. Это может быть:

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

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

На какие страницы добавить ссылки? Воспользуйтесь инструментами:

  1. В отчете внутренних ссылок Google Search Console показано количество внутренних ссылок для ваших лучших 1000 URL-адресов.
    Совет: если на вашем сайте больше 1000 URL-адресов, создайте отдельные отчеты Search Console на уровне каталогов, чтобы получить дополнительные подробности.
  2. Сервисы Moz, Ahrefs и SEMrush покажут метрики для каждого URL-адреса. Автор особенно рекомендует сервис Link Explorer, он покажет высокоуровневые и скрытые URL-адреса.
  3. Google Analytics покажет, какие страницы получают наибольший трафик, а какие страницы хорошо конвертируются и выиграют от повышения трафика.

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

7. Оптимизируйте пагинацию

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

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

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

С другой стороны, страницы с функцией «просмотреть все» также могут сгладить архитектуру сайта, связав все записи с одной страницы. Некоторые seo-специалисты используют этот метод, поскольку считают, что Google лучше сканирует записи, находящиеся на одной странице. Это хорошо работает, если у вас мало позиций. Если категорий больше 100, то страница может медленно загружаться, или ее будет неудобно просматривать из-за особенностей интерфейса.

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

бесконечная прокрутка на сайте схема

Схема бесконечной прокрутки


Как оптимизировать постраничную разбивку

При использовании разбивки на страницы легко упустить из виду мелочи, которые могли бы помочь в SEO и юзабилити:

  1. Используйте правильную разметку, включая ссылки rel = "next" и rel = "prev" или заголовки.
  2. Не пренебрегайте ссылками в нижней части страницы. Это фактические ссылки, поэтому они также влияют на SEO.
  3. Имейте в виду, что ссылки на страницы — это реальные ссылки, которые влияют на удобство использования и сканирование сайта ботом-краулером.

Вместо того, чтобы разбить страницы в обычном линейном режиме (2, 3, 4 и так далее), некоторые оптимизаторы используют другие методы:

пример пагинации на сайте

Пример разбивки страниц

8. Используйте умные фильтры

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

фильтрация на сайте

Пример фильтрации

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

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

В приведенном примере Google может индексировать страницу «Сандалии для девочек», но есть смысл закрыть от индексирования страницы типа «Сандалии для девочек нулевого размера».

После того, как вы поймете, какие URL-адреса вы хотите индексировать, а какие нет, в вашем распоряжении много инструментов для управления умной фильтрацией, в том числе:

  • мета-роботы;
  • robots.txt;
  • rel = canonical;
  • параметры Search Console;
  • атрибуты nofollow;
  • схемы JavaScript.

9. Используйте HTML карту сайта

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

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

В HTML-карте для газеты New York Times отражена каждая страница на сайте, они выстроены по дате, формату контента и теме:

HTML-карта сайта со списком страниц

HTML-карта New York Times

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

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

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

Джон Мюллер из Google объясняет:
Большое значение имеет то, что новый контент довольно сильно связан со структурой сайта, иногда при этом и со стартовой страницей. Так что у многих сайтов есть боковая панель, на которой выводятся новые статьи или продукты, которые вы хотите подтолкнуть в результатах поиска.

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

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

Новый контент и изменения в навигации могут не заметить не только ПС, но и пользователи. О том, почему пользователи не видят важные элементы и ссылки на сайте, и что с этим делать, в статье «Юзабилити и психология: почему ваши клиенты не замечают изменений на сайте».

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

Связывание нового контента с более старым приносит пользу:

  1. Автоматически создает и помогает укрепить хабы.
  2. Создает актуальную связь между старыми и недавно созданными страницами.
  3. Дает новизну и повышает авторитет старым страницам.

«Хлебные крошки» — навигационная цепочка по сайту, которая показывает путь SILO-структуры контента от корня сайта до страницы, на которой находится пользователь. Крошки полезны для юзабилити, потому что помогают пользователю ориентироваться на сайте и возвращаться на предыдущие категории, а еще поисковые системы индексируют ссылки из «хлебных крошек», и они передают страницам вес.

Заострим внимание на их роли в архитектуре сайта:

  • определение относительной позиции URL-адреса в иерархии;
  • связывание материалов внутри SILO-структуры контента;
  • навигация по сайту для посетителей.

хлебные крошки на сайте пример

Пример «хлебных крошек»

В качестве дополнительного плюса: Google использует «хлебные крошки» в расширенных сниппетах в поисковой выдаче, а они хорошо влияют на CTR.

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

Зачем нужно удалять ненужные ссылки:

Меньше ссылок проще контролировать. Если на сайте будут тысячи ссылок, Google должен будет сканировать эти URL, а порядок сканирования может не совпадать с желаемым. Краулингового бюджета может не хватить на приоритетные по вашему мнению страницы, и они уступят очередь менее важным.

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

как уменьшить футер на сайте

Старый и новый подвал сайта

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

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

О том, как можно оптимизировать футер, читайте в статье.

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

тепловая карта кликов на сайте

Тепловая карта кликов сайта

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

Хотя Google может сканировать множество ссылок на один URL, это не значит, что чем больше ссылок, тем лучше.

14. Используйте иерархическую структуру URL

При организации вашего контента часто лучше использовать URL-адреса, которые отражают структуру содержимого. Например, если вы продаете ковры в отделе мебели, то URL-адрес мог бы выглядеть так: https://example.com/furniture/rugs

Зачем нужна иерархическая структура URL:

  1. Пользователи могут по URL понять, где находятся.
  2. Ключевые слова в URL-адресе могут помочь в ранжировании и CTR.
  3. Плюс к ранжированию: Google использует показатели уровня вложенности страницы, чтобы какое-то время определять по этому важность и релевантность новых URL-адресов.

Некоторые веб-мастера «подделывают» плоскую структуру каталогов, размещая все URL-адреса в корне или ограничивая папки. Хотя этот метод может иметь свои достоинства, для Google гораздо важнее то, сколько кликов до перехода на страницу контента, а не сколько информации между слешами в ее URL.

15.Используйте правильные анкоры

Анкоры — это часть архитектуры вашего сайта, в HTML его можно найти здесь — <a href="https://site.ru/"> Анкор</a>. Когда вы ссылаетесь на страницу, Google использует анкор для присвоения релевантности вашему контенту, поисковики также учитывают анкоры для определения естественности ссылки. Рекомендуем размещать подходящие по теме ссылки, а анкор делать описательным с ключевыми словами и по возможности навигационным. 

Как улучшить анкор:

  • Главная —> Zyppy - вместо определения главной страницы использовать название компании;
  • Обувь —> осенняя обувь из кожзама - конкретизировать;
  • Инструменты —> Бесплатные инструменты для SEO - добавить ключей.

Работа с приоритетом первой ссылки

Когда вы ставите ссылку на страницу со всей навигацией по сайту, ссылка становится анкорной. Судя по опыту автора статьи и экспериментам, Google анализирует первый анкорный текст, который найдет. Такая ссылка станет приоритетной, остальные поисковик не будет брать в расчет, так что вы не сможете менять внутренний анкор, который мог бы принести пользу для SEO. 

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

Итоги

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



На основе статьи: «15 Site Architecture Tips for Performance SEO: Master Guide»

Google: стремитесь к простой URL-архитектуре сайта
В работе Google Adsense снова перебои
Google AdSense задерживает выплаты
Комментарии (6)
balboa   05.09.2018 01:31
99% текста это настройка по умолчанию. Так делает любой начинающий веб-мастер. Без оптимизации текстов, сильных внешних ссылок и хороших поведенческих фактовро, все эти «15 советов» ничего не дадут
mercusss   11.09.2018 17:54
Конечно, потому что гугл сейчас использует для ранжирования 200 факторов. Но перечисленные 15 советов тоже могут принести пользу. Спасибо за статью!
Inna_Samarina   05.09.2018 12:00
Автор (и мы тоже) не говорит, что достаточно советов из статьи, но эти советы определенно имеют смысл.
inettman   18.07.2019 07:40
Как поменяется SILO в вашем примере, если нужно также добавить Man-Women-Children для разных категорий?
Elena_Zhmurina   18.07.2019 10:32
Например, так: общую категорию, к примеру, Одежду, разделить на Man-Women-Children, а их уже делить по подгруппам - предметам одежды. Man - костюмы, брюки, свитера, пиджаки... Women - костюмы, платья, кардиганы... и так далее.
inettman   18.07.2019 12:19
А что если я хочу посмотреть на Костюмы - все вместе, для всей семьи. Судя по примеру выше это будут разные категории. /clothes/suits уже не получится сделать. Теоретически можно собрать с разных категорий по этому урлу, но так значительно усложнится логика веб приложения. Также неудобство предложенной вами структуры в том что мы можем захотеть добавить Man-Women-Children для обуви, головных уборов - дерево расрастется с дублирующим свойством еще больше. Более того, потом нам может понадобится для Одежды, Обуви, Головных уборов разделить children на мальчиков и девочек - вот тогда будет весело.

Чтобы оставлять комментарии, вам нужно войти в систему

Авторизоваться

К данной записи нельзя добавлять комментарии, т.к. она очень старая.