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

 

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

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

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

 

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

 

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

 

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

 

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

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

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

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

 

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

 

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

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

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

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

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

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

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

 

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:

 

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

 

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

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

 

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

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

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

 

Схема SILO

 

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

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

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

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

 

5. Линкуйте страницы, связанные по контексту

 

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

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

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

 

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

 

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

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

 

6. Ссылайтесь с авторитетных страниц на важные

 

Теперь, когда созданы страницы-хабы, 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-карта New York Times

 

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

 

10. Линкуйте новый контент с видных мест

 

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

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

 

---

Джон Мюллер из Google объясняет:

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

---

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

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

 

11. Ссылайтесь с новых статей на старые

 

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

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

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

 

12. Используйте «хлебные крошки»

 

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

О том, что такое «хлебные крошки» и зачем они нужны, было написано много материалов. Заострим внимание на их роли в архитектуре сайта:

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

 

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

 

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

 

13. Избавьтесь от разбухания сайта ссылками

 

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

 

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

Меньшее количество ссылок проще контролировать. 
Если на сайте будут тысячи ссылок, 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.Используйте правильные анкоры

 

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

Текст анкора должен быть описательным и по возможности навигационным.

Примеры улучшения анкорного текста:

• Главная> Zyppy
• Sheets > Fitted King Sheets
• Инструменты> Бесплатные инструменты для SEO

 

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

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

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

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

 

Итоги

 

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

 

---

Оригинал статьи: «15 Site Architecture Tips for Performance SEO: Master Guide»