Как построить архитектуру вашего веб-сайта для SEO
Что такое структура веб-сайта?
Структура веб-сайта (также называемая архитектурой веб-сайта) — это то, насколько хорошо страницы вашего сайта организованы и связаны друг с другом. Хорошо структурированный веб-сайт важен не только для пользовательского опыта, но и для поисковой оптимизации (SEO).
Вот визуальный пример структуры веб-сайта:
Архитектура веб-сайта важна для SEO по нескольким ключевым причинам:
- Она помогает поисковым системам находить и индексировать все страницы вашего сайта
- Она распределяет авторитетность по вашим веб-страницам через внутренние ссылки
- Она помогает посетителям находить контент, который они ищут
Внутренние ссылки создают структуру веб-сайта. Это означает, что ссылка с одной страницы на другую дает Google (и читателям) больше контекста об этой странице. А также возможность перейти на связанную страницу.
Ниже мы обсудим важность структуры веб-сайта и то, как спроектировать ее так, чтобы она была удобной как для пользователей, так и для поисковых систем.
Почему архитектура веб-сайта важна?
Архитектура веб-сайта важна, потому что она влияет как на ранжирование в поисковых системах, так и на пользовательский опыт.
Хорошая архитектура сайта может помочь вашим страницам ранжироваться в Google. Потому что она может повлиять на способность Google находить и индексировать все ваши важные страницы. И понимать, о чем ваш веб-сайт. Это первый шаг к появлению в результатах поиска.
Представьте, что вы впервые входите в чей-то дом. Вы не сразу узнаете, где находится каждая комната. Но по контексту вы поймете, что в спальне должна быть кровать, в ванной — туалет и так далее.
Теперь представьте, что вы заходите в ванную и видите кровать рядом с раковиной. Это может заставить вас задуматься, ванная это или спальня.
Это похоже на то, как Google сталкивается с неорганизованным веб-сайтом. Если структура не имеет смысла, Google может не понять цель каждой из ваших веб-страниц. И тогда может возникнуть сложность с пониманием того, когда и где ваши страницы должны появляться в результатах поиска.
Вот визуальный пример архитектуры неорганизованного веб-сайта:
Google использует внутренние ссылки, чтобы обнаруживать и ранжировать страницы. А архитектура веб-сайта создается внутренними ссылками между страницами.
Поэтому чем более неорганизована архитектура вашего веб-сайта, тем меньше контекста у Google о ваших веб-страницах и их взаимосвязи друг с другом.
Это означает, что важно помнить о вашей стратегии внутренней перелинковки при структурировании вашего веб-сайта.
Создавая ссылки с одной страницы на другую, вы сообщаете Google, какие страницы связаны. И если вы часто ссылаетесь на определенную страницу, Google увидит, что вы считаете ее важной.
Теперь перейдем ко второму пункту: как архитектура веб-сайта влияет на пользовательский опыт.
Вам следует тщательно планировать структуру вашего веб-сайта, чтобы пользователям было проще переходить к продуктам, услугам и важной информации.
Чем проще кому-то найти то, ради чего он попал на ваш сайт, тем выше шанс, что он станет клиентом. Или останется вовлеченным в контент вашего веб-сайта.
На самом деле, 94% опрошенных пользователей сказали, что считают простую навигацию самой важной характеристикой веб-сайта.
Одна из ключевых функций контента на веб-сайте — продвигать потенциальных клиентов дальше по воронке продаж.
.
Sephora, например, делает это хорошо.
Удобное навигационное меню сайта косметики группирует все их продукты по известным категориям (например, Макияж, Уход за кожей, Макияж для глаз и т. д.). Таким образом, покупатели могут найти нужные им продукты всего за несколько кликов.
Помните об этом, когда решаете, как отображать продукты и контент для пользователей вашего веб-сайта. Выбранная вами структура повлияет на то, как пользователи взаимодействуют с вашим сайтом. И сделают ли они то, что вы хотите, пока находятся на нем.
Например, вы можете использовать пагинацию результатов (т. е. отображать продукты или результаты поиска на отдельных страницах). Или использовать бесконечную прокрутку (т. е. загружать больше контента по мере прокрутки пользователем).
Бесконечная прокрутка может уменьшить количество кликов, необходимых пользователям для перехода к продукту. Что помогает пользователям быстрее находить то, что они хотят.
Но пагинация дает пользователям больше контроля и позволяет им легко запомнить, где находятся продукты. И вернуться к ним.
Поэтому пагинация часто лучше всего работает для большинства сайтов в целях навигации. Но бесконечная прокрутка может хорошо подойти для блога или контента, который не основан на продуктах.
Теперь, когда мы рассмотрели некоторые основные лучшие практики, давайте посмотрим, как выглядит хорошая архитектура веб-сайта.
Как выглядит хорошая архитектура веб-сайта?
- Хорошая архитектура веб-сайта должна делать следующее:
- Группировать тематически связанный контент
- Организовывать группы в логическую иерархию
Выделять ваши самые важные страницы Лучший способ сделать это — использовать плоскую архитектуру веб-сайта вместо.
глубокой архитектуры веб-сайта
.
Эти термины описывают, насколько глубока структура вашего веб-сайта. Или сколько кликов требуется, чтобы пройти по подкатегориям вашего сайта, что также называется глубиной сканирования или глубиной клика.
Пользователи должны иметь возможность получить доступ к вашему контенту за как можно меньшее количество кликов. Идеальная глубина клика для перехода на любую страницу вашего сайта — менее четырех кликов.
Таким образом, пользователям не нужно слишком усердно работать, чтобы найти нужный им контент.
Вот пример плоской архитектуры веб-сайта:
Требуется всего три клика, чтобы добраться до конца архитектуры.
А это пример глубокой архитектуры веб-сайта, для достижения страниц в конце структуры которой требуется еще несколько кликов:
Поскольку для доступа к определенным страницам требуется больше усилий, это не лучший пользовательский опыт. Также важно убедиться, что каждая важная страница является частью архитектуры веб-сайта, что означает, что каждая веб-страница имеет как минимум одну входящую ссылку с другой страницы сайта..
Страницы, на которые не ведут никакие внутренние ссылки, называются
сиротскими страницами
. Как здесь:
Поисковые системы перемещаются по сети через ссылки. Поэтому им, вероятно, будет сложно получить доступ к страницам без ссылок на них и ранжировать их. А пользователи могут получить доступ к странице, которая не отображается в результатах поиска, только введя ссылку напрямую.
Совет профессионала:
- Создайте чистую архитектуру сайта и избегайте сиротских страниц, создавая тематические кластеры или группы контента, которые вращаются вокруг одной и той же темы и ссылаются друг на друга. Это позволяет группировать связанные веб-страницы по соответствующим категориям.
- Как структурировать веб-сайт
- Вот шесть советов по созданию оптимальной структуры веб-сайта:
- Используйте внутренние ссылки стратегически
- Убедитесь, что пользователи могут получить доступ к вашим страницам всего за несколько кликов
- Создайте простое для понимания навигационное меню
Оптимизируйте URL-адреса вашего сайта
Используйте «хлебные крошки»
Используйте HTML и XML карты сайта
Используйте внутренние ссылки стратегически
Внутренние ссылки — это гиперссылки, которые указывают на другие страницы того же веб-сайта.
Когда вы ссылаетесь с одной страницы на другую, вы сообщаете поисковым системам, что эти две страницы связаны. Что помогает поисковым системам определить структуру вашего сайта. Ссылки также передают авторитетность или голоса доверия в глазах поисковых систем. Поэтому хорошей практикой является создание ссылок на релевантные, важные страницы вашего веб-сайта. Сильная стратегия внутренней перелинковки также помогает пользователям переходить на страницы, которые для них релевантны. Хороший способ внутренней перелинковки — использовать контент-столпы и тематические кластеры.
Контент-столпы — это ваши основные, более широкие категории контента. А кластеры — это ваши подкатегории, которые поддерживают столпы.
Например:
Допустим, вы хотите создать контент-кластер по теме контент-столпа «Копирайтинг».
Откройте инструмент для исследования ключевых слов, такой как Keyword Magic Tool. И найдите свое целевое ключевое слово, в данном случае «копирайтинг».
Инструмент создаст список связанных ключевых слов, упорядоченных по количеству поисковых запросов в месяц (также известному как объем ежемесячного поиска).
Прокрутите список ключевых слов и начните выписывать ключевые слова, связанные с копирайтингом, которые могут хорошо вписаться в контент внутри вашего кластера «копирайтинг».
Вы можете, например, определить следующие ключевые слова, связанные с «копирайтингом»:
- Что такое копирайтинг
- Копирайтинг для email
- Примеры копирайтинга
- Инструменты для копирайтинга
- Курсы по копирайтингу
- Как найти лучших копирайтеров
Ваш готовый результат может выглядеть примерно так:
Следуйте этому процессу для каждой из основных тем, для которых вы будете создавать контент. В итоге у вас получится карта всех тематических кластеров, которые вы хотите включить в структуру своего сайта.
Затем создайте контент для каждой темы-столпа и подтемы, которые вы определили. Обязательно свяжите связанные темы друг с другом в соответствии с архитектурой ссылок, которую вы уже наметили: главная страница ссылается на столпы, столпы ссылаются на подтемы и т. д.
После того как вы опубликовали контент, вам следует проверить наличие общих проблем с внутренней перелинковкой. Откройте Site Audit и нажмите кнопку «View details» (Просмотреть детали) в разделе «Internal Linking» (Внутренняя перелинковка).
Вы получите отчет со следующей информацией:
- Глубина сканирования для каждой из ваших страниц
- Ошибки внутренней перелинковки, которые вам нужно исправить
- Способы улучшения вашей стратегии внутренней перелинковки
- Распределение внутренних ссылок по всему вашему сайту
- Список топовых страниц, которые передают авторитет
И пока вы находитесь в Site Audit, проверьте свой сайт на наличие страниц-сирот.
В отчете «Internal Linking» нажмите кнопку «# issues» рядом с ошибкой «Orphaned sitemap pages» (Страницы-сироты в карте сайта) в разделе «Notices» (Уведомления).
Вы получите список страниц-сирот.
Если вы найдете любую из этих страниц, поставьте на нее ссылку хотя бы один раз со связанной страницы. Это гарантирует, что как пользователи, так и поисковые системы смогут получить доступ к (ранее) осиротевшей странице.
Для получения дополнительной информации о том, как создать правильную структуру ссылок, прочитайте наше руководство по внутренней перелинковке.
Поиск и исправление проблем с внутренней перелинковкой
с помощью инструмента Site Audit
Убедитесь, что пользователи могут получить доступ к вашим страницам всего за несколько кликов
Пользователи должны иметь возможность получить доступ к контенту на вашем веб-сайте как можно меньшим количеством кликов (в идеале — менее четырех). Даже если вы управляете крупным сайтом электронной коммерции с миллионом страниц.
Глубина вашей архитектуры также влияет на то, как поисковые системы сканируют ваш сайт. Поисковые системы перемещаются по веб-сайтам с помощью ссылок. Поэтому чем меньше глубина сканирования, тем быстрее и вероятнее поисковые системы смогут перейти на веб-страницу.
Вы можете использовать Site Audit , чтобы узнать, для каких страниц на вашем сайте требуется более трех кликов для доступа.
Нажмите кнопку рядом с «Page Crawl Depth more than 3 clicks» (Глубина сканирования страницы более 3 кликов) в разделе «Notices» отчета «Internal Linking».
И вы получите список ссылок, которые «слишком глубокие».
Если вы найдете страницы, для посещения которых требуется больше кликов, чем необходимо, подумайте об упрощении структуры вашего сайта.
Совет: Используйте авторитетные страницы на вашем сайте для ссылок на страницы с большой глубиной сканирования. Вы можете найти авторитетные страницы, просмотрев виджет «Pages passing the most Internal LinkRank» (Страницы, передающие наибольший Internal LinkRank) в отчете по внутренней перелинковке в Site Audit. Страницы с высоким Internal LinkRank будут передавать больше авторитета.
Создайте простое для навигации меню
Использование навигационного меню — это простой способ связать страницы и укрепить структуру вашего сайта. Потому что меню — это просто коллекции связанных ссылок.
Существует много различных типов навигационных меню , из которых можно выбирать. Нет единственно правильного способа структурировать ваше меню, но лучше всего сделать ваш сайт простым для навигации. Чтобы клиенты могли находить важные страницы и (надеюсь) делать то, что вы от них хотите.
Самый распространенный тип навигации — это горизонтальная панель навигации. Этот простой вариант хорошо подойдет для большинства сайтов.
Он выглядит так:
Эта панель навигации верхнего уровня должна предоставлять категории, которые ожидают пользователи (например, «Магазин», «Контакты», «О нас» и т. д.).
Но не бойтесь настраивать свою навигацию верхнего уровня. Подумайте о своей аудитории, что они ищут? Чего они пытаются достичь, перемещаясь по вашему веб-сайту? Это должно определять то, что вы включаете в свою навигацию.
Допустим, вы владеете местным автосалоном. Вы определенно захотите иметь ссылку в своем главном навигационном меню, которая ведет клиентов к вашему инвентарю новых автомобилей.
Но многие люди покупают подержанные автомобили, поэтому вы, вероятно, также добавите ссылку на свой инвентарь подержанных автомобилей. И ссылки на другие ваши отделы (например, финансы и сервис) для надежности.
Таким образом, независимо от того, хочет ли кто-то купить автомобиль, получить финансовую информацию или записаться на сервис, он может найти то, что ему нужно, прямо из главной навигации. Вы охватите все важные области вашего бизнеса.
Но вы не хотите перегружать пользователей слишком большим количеством вариантов с самого начала.
Если вы обнаружите, что включаете слишком много вариантов в горизонтальную панель навигации, выберите структуру выпадающей навигации .
Выпадающие навигационные меню хорошо работают для сайтов с большим количеством контента и более сложной архитектурой веб-сайта. Вы можете разгрузить свои важные страницы, при этом предоставляя пользователю четкий путь.
Например, выпадающая навигация хорошо работает для сайтов электронной коммерции с множеством различных товаров. Пользователи могут видеть простую горизонтальную навигацию. Затем они выбирают категорию, которая их интересует, чтобы увидеть больше ссылок.
Вот хороший пример от PetSmart:
Вы также можете выбрать меню вертикальной боковой навигации :
Этот вариант похож на горизонтальное навигационное меню. Но может предоставить больше места для большего количества ссылок навигации верхнего уровня.
Возможно, у вас небольшой сайт, и вы хотите включить все свои страницы в навигацию. Вертикальное меню позволяет сделать это легко.
Использование этого типа навигации также дает вам свободу включать другую информацию в верхней части страницы, например, ссылки на социальные сети или контактную информацию.
Оптимизируете навигацию для мобильного сайта?
Гамбургер-навигация меню — популярный вариант. Хотя на больших экранах этот тип навигации отображается горизонтально, на мобильных устройствах он появляется вертикально.
Вот так:
Пользователи нажимают на кнопку навигации (значок из трех полосок), чтобы увидеть навигационные ссылки. Это экономит много ценного пространства на экране.
Гамбургер-навигация — отличный выбор, если вы не хотите, чтобы навигация занимала слишком много места.
Наконец, вы, вероятно, уже видели меню навигации в футере в нижней части веб-сайтов:
Этот тип меню обычно сочетается с горизонтальными панелями навигации. Вы можете добавить дополнительные ссылки, которые не помещаются в основную навигацию. И это не загромодит дизайн вашей страницы, так как оно появляется в самом низу экрана.
Готовы обновить навигацию? Это легко сделать в обычном CMS (системе управления контентом):
Оптимизируйте URL вашего сайта
Делайте URL короткими. И всегда используйте слова, которые относятся к контенту на странице. (Обычно ваше целевое ключевое слово работает хорошо.)
Важно поддерживать URL ясными и последовательными, потому что Google использует их для понимания иерархии и структуры вашего веб-сайта.
Google рекомендует использовать простые URL которые не выглядят «угрожающе».
Вот пример плохо оптимизированного URL:
А вот пример хорошо оптимизированного URL, который четко передает тему страницы:
Большинство CMS автоматически генерируют URL на основе тега H1 вашей страницы и любой выбранной вами категории родительской страницы.
Что не всегда идеально. Тем не менее, ваша CMS обычно позволяет изменить URL перед публикацией.
Вот как это выглядит в WordPress:
Перед публикацией страницы убедитесь, что URL лаконичен и понятно объясняет, чему посвящена ваша страница.
Примечание: будьте очень осторожны при изменении URL уже существующих страниц. Если вы считаете, что изменение URL существующей страницы необходимо, вам потребуется настроить правильные перенаправления. Прочитайте наше руководство по перенаправлениям , чтобы узнать, как это сделать.
Легко поддерживать единую структуру URL, когда вы используете свои контентные столпы и кластеры в качестве ориентира.
Например, URL страниц столпов могут следовать формату yourdomain.com/pillar-topic/
А URL ваших страниц кластеров могут быть yourdomain.com/pillar-topic-/cluster-topic/
Поэтому, если мы используем пример с «копирайтингом» из примера выше, он будет выглядеть так:
- Страница столпа: yourdomain.com/copywriting
- Страница подтемы кластера: yourdomain.com/copywriting/email-copywriting/
Эти URL оптимизированы для удобства пользователей и целей SEO. А URL страницы кластера показывает связь между темой столпа и подтемой.
Используйте «хлебные крошки» (Breadcrumbs)
Навигация по «хлебным крошкам» — это текстовый путь навигации, состоящий из ссылок. Она показывает пользователям, где они находятся в структуре вашего сайта.
«Хлебные крошки» также сообщают поисковым системам, как структурирован ваш сайт.
Они выглядят так:
Мы видим ссылки с главной страницы на страницу отдельного продукта.
Когда пользователи кликают по вашему сайту, они не всегда переходят напрямую к продукту, который они в итоге покупают, или к контенту, который они в итоге читают. Поэтому полезно показать их путь навигации, на случай если им понадобится вернуться назад.
Продвинутый совет: вы также можете добавить разметку структурированных данных «хлебных крошек» на страницы, чтобы путь «хлебных крошек» отображался в выдаче SERP. Вот так:
Чтобы узнать больше, прочтите наше руководство по навигации на основе «хлебных крошек».
Используйте карты сайта HTML и XML
Карта сайта — это файл, в котором перечислены все страницы, изображения, видео и файлы на вашем веб-сайте.
В удобном для сканирования поисковыми системами формате она показывает, как различные части вашего сайта связаны друг с другом.
Карта сайта HTML разработана для пользователей. Поэтому, если они не могут найти определенную страницу, они могут просмотреть полный список каждой страницы на вашем сайте.
Вот так:
Карты сайта XML, с другой стороны, создаются с учетом требований поисковых систем. Они показывают полный список URL в виде обычного текста, чтобы поисковые роботы могли легко получить к ним доступ.
Вот пример карты сайта XML:
Если в вашей карте сайта есть ошибки, это может означать, что поисковые системы не могут найти или обработать определенные веб-страницы. И поисковые системы могут принять решение проигнорировать страницы, которые они не могут обработать. Что может привести к проблемам с ранжированием.
Чтобы найти проблемы с картой сайта XML, перейдите на вкладку «Проблемы» в инструменте Site Audit. Затем введите «sitemap» в строку поиска.
Это должно вывести список потенциальных ошибок карты сайта XML, таких как ошибки форматирования и неверные страницы.
Нажмите на любую найденную ошибку, чтобы получить более подробную информацию о том, как вы можете улучшить свой сайт. Например, вот список страниц карты сайта с ошибками форматирования, выявленных инструментом.
Вы можете отправить свою карту сайта XML напрямую в Google через Google Search Console. Мы рекомендуем сделать это, чтобы быстро сообщить Google об архитектуре вашего веб-сайта всего в несколько кликов.
Хотите создать карту сайта? Вот несколько полезных ресурсов:
- Инструменты для генерации карт сайта
- Плагины WordPress для карт сайта XML и HTML
- Руководство по карте сайта HTML
- Руководство по карте сайта XML
Связанная услуга: Веб-дизайн и разработка