Как создать архитектуру вашего веб-сайта для SEO? Что такое структура веб-сайта? Структура веб-сайта (также называемая архитектурой веб-сайта) — это то, насколько хорошо организованы страницы на вашем сайте и насколько хорошо они связаны друг с другом. Хорошо структурированный веб-сайт имеет решающее значение не только для пользовательского опыта, но и для поисковой оптимизации (SEO). Вот визуальный пример структуры веб-сайта: Архитектура веб-сайта важна для SEO по нескольким основным причинам: Она помогает поисковым системам находить и индексировать все страницы вашего сайта. Она распространяет авторитет на ваши веб-страницы через внутренние ссылки. Она помогает посетителям находить контент, который они ищут. Внутренние ссылки формируют структуру веб-сайта. Это означает, что создание ссылки с одной страницы на другую дает Google (и читателям) больше контекста об этой странице. И возможность добраться до связанной страницы. Ниже мы обсудим важность структуры веб-сайта и то, как спроектировать структуру, которая будет хороша как для пользователей, так и для поисковых систем. Почему архитектура веб-сайта важна? Архитектура веб-сайта важна, потому что она влияет как на позиции в поисковых системах, так и на пользовательский опыт. Хорошая архитектура сайта может помочь вашим страницам ранжироваться в Google. Потому что это может повлиять на способность Google находить и индексировать все ваши важные страницы. И понимать, о чем ваш веб-сайт. Это первый шаг к появлению в результатах поиска. Представьте, что вы впервые входите в чей-то дом. Вы не сразу узнаете, где находится каждая комната. Но из контекста вы будете знать, что в спальне должна быть кровать, в ванной — туалет и т. д. Теперь представьте, что вы заходите в ванную и видите кровать рядом с раковиной. Это может заставить вас задуматься, является ли комната, в которой вы находитесь, ванной или спальней. Это похоже на то, с чем Google сталкивается при работе с неорганизованным веб-сайтом. Если структура не имеет смысла, Google может не понять цель каждой из ваших веб-страниц. Тогда вам может быть трудно понять, когда и где ваши страницы должны появляться в результатах поиска. Визуальный пример архитектуры неорганизованного веб-сайта: Google использует внутренние ссылки для обнаружения и ранжирования страниц. Архитектура веб-сайта, в свою очередь, создается внутренними ссылками между страницами. Следовательно, чем более неорганизована архитектура вашего веб-сайта, тем меньше контекста у Google о ваших веб-страницах и их отношениях друг с другом. Это означает, что важно помнить о вашей общей стратегии внутренних ссылок при структурировании вашего веб-сайта. Создавая ссылку с одной страницы на другую, вы сообщаете Google, какие страницы являются релевантными. Если вы многократно ссылаетесь на определенную страницу, Google увидит, что вы считаете ее важной. Теперь перейдем ко второму пункту: как архитектура веб-сайта влияет на пользовательский опыт? Вы должны тщательно планировать структуру своего веб-сайта, чтобы пользователям было легко находить продукты, услуги и важную информацию. Чем проще кому-то найти цель своего визита на ваш сайт, тем выше вероятность того, что он станет клиентом. Или останется вовлеченным в контент вашего веб-сайта. На самом деле, 94% опрошенных пользователей заявили, что считают легкую навигацию самой важной характеристикой веб-сайта. Одной из основных функций контента на веб-сайте является продвижение потенциальных клиентов дальше по воронке продаж. Например, Sephora делает это хорошо. Удобное навигационное меню сайта косметики группирует все свои товары по хорошо известным категориям (например, Макияж, Уход за кожей, Макияж глаз и т. д.). Таким образом, покупатели могут добраться до нужных товаров всего за несколько кликов. Помните об этом, когда решаете, как отображать товары и контент пользователям вашего веб-сайта. Выбранная вами структура повлияет на то, как пользователи будут взаимодействовать с вашим сайтом. И делают ли они то, что вы хотите, чтобы они делали, пока они там. Например, вы можете разбить результаты на страницы (т. е. отображать товары или результаты поиска на отдельных страницах). Или использовать бесконечную прокрутку (т. е. загружать больше контента по мере прокрутки пользователем). Бесконечная прокрутка может сократить количество кликов, необходимых пользователю для доступа к товару. Это помогает пользователям быстрее находить то, что они хотят. Однако пагинация дает пользователям больше контроля и позволяет им легко запомнить, где находятся товары. И вернуться к ним. Поэтому пагинация лучше всего работает для навигации на большинстве сайтов. Но бесконечная прокрутка может подойти для блога или контента, не основанного на товарах. Теперь, когда мы рассмотрели некоторые основные лучшие практики, давайте взглянем на то, как выглядит хорошая архитектура веб-сайта. Как выглядит хорошая архитектура веб-сайта? Хорошая архитектура веб-сайта должна: Группировать связанный контент Организовывать группы в логическую иерархию Выделять ваши самые важные страницы Лучший способ сделать это — использовать плоскую архитектуру веб-сайта вместо глубокой архитектуры веб-сайта. Эти термины описывают, насколько глубоко уходит структура вашего веб-сайта. Или сколько кликов требуется, чтобы спуститься в подкатегории вашего сайта (это также называется глубиной сканирования или глубиной клика). Пользователи должны иметь возможность получить доступ к вашему контенту за как можно меньшее количество кликов. Идеальная глубина для доступа к любой странице на вашем сайте — менее четырех кликов. Таким образом, пользователям не нужно прилагать слишком много усилий, чтобы найти нужный контент. Вот пример плоской архитектуры веб-сайта: Чтобы добраться до нижней части архитектуры, требуется всего три клика. Это пример глубокой архитектуры веб-сайта, которая требует еще несколько кликов, чтобы добраться до страниц в нижней части структуры: Это не лучший пользовательский опыт, так как доступ к определенным страницам требует больше усилий. Также важно убедиться, что каждая важная страница является частью архитектуры веб-сайта; то есть каждая веб-страница содержит как минимум одну входящую ссылку с другой страницы на сайте. Страницы, на которые не ведут никакие внутренние ссылки, называются страницами-сиротами. Как это: Поисковые системы перемещаются по сети через ссылки. Поэтому им, вероятно, будет трудно получить доступ и ранжировать страницы, на которые не ведут никакие ссылки. Пользователи могут получить доступ к странице, которая не появляется в результатах поиска, только введя ссылку напрямую. Профессиональный совет: Создайте чистую архитектуру сайта и избегайте страниц-сирот, создавая тематические кластеры или группы контента, которые вращаются вокруг одной и той же темы и ссылаются друг на друга. Это позволяет группировать релевантные веб-страницы под соответствующими категориями. Как структурировать веб-сайт Шесть советов по созданию оптимальной структуры веб-сайта: Используйте внутренние ссылки стратегически Убедитесь, что пользователи могут получить доступ к вашим страницам всего за несколько кликов Создайте простое для навигации меню навигации Оптимизируйте URL-адреса вашего сайта Используйте «хлебные крошки» Используйте HTML и XML карты сайта Используйте внутренние ссылки стратегически Внутренние ссылки — это гиперссылки, которые указывают на другие страницы того же веб-сайта. Когда вы создаете ссылку с одной страницы на другую, вы сообщаете поисковым системам, что эти две страницы связаны. Это помогает поисковым системам определить структуру вашего сайта. Ссылки также дают авторитет или вотум доверия в глазах поисковых систем. Поэтому рекомендуется создавать ссылки на релевантные, важные страницы на вашем веб-сайте. Сильная стратегия внутренних ссылок также помогает пользователям переходить на страницы, которые им релевантны. Хороший способ связывать страницы друг с другом — использовать столпы контента и тематические кластеры. Столпы контента — это ваши основные, более широкие категории контента. Кластеры — это ваши подкатегории, которые поддерживают столпы. Как это: Допустим, вы хотите создать кластер контента на тему столпа «Копирайтинг». Откройте инструмент для исследования ключевых слов, такой как Keyword Magic Tool. И выполните поиск по вашему целевому ключевому слову; в данном случае «копирайтинг». Инструмент создаст список связанных ключевых слов, организованных по количеству поисковых запросов, которые каждое ключевое слово получает в месяц (т. е. ежемесячный объем поиска). Просмотрите список ключевых слов и начните записывать ключевые слова, связанные с копирайтингом, которые могут хорошо вписаться в элементы контента в вашем кластере «копирайтинг». Например, вы можете определить следующие ключевые слова, связанные с «копирайтингом»: Что такое копирайтинг E-mail копирайтинг Примеры копирайтинга Инструменты для копирайтинга Курсы копирайтинга Как найти лучших копирайтеров? Ваш конечный результат может выглядеть так: Следуйте этому процессу для каждой из основных тем, для которых вы собираетесь создавать контент. Вы получите карту всех тематических кластеров, которые хотите включить в структуру вашего сайта. Затем создайте контент для каждой из основных тем и подтем, которые вы определили. Убедитесь, что вы связываете релевантные темы в соответствии с архитектурой ссылок, которую вы описали ранее; ссылки на столпы с главной страницы, ссылки от столпов к подтемам и т. д. После публикации контента вам следует проверить общие проблемы с внутренними ссылками. Откройте Site Audit и нажмите кнопку «Просмотреть детали» в разделе «Внутренние ссылки». Вы получите отчет, содержащий следующую информацию: Глубина сканирования для каждой из ваших страниц Ошибки внутренних ссылок, которые вам нужно исправить Способы улучшения вашей стратегии внутренних ссылок Распределение внутренних ссылок по всему вашему сайту Список самых популярных страниц, которые передают авторитет Пока вы находитесь в Site Audit, проверьте, есть ли на вашем сайте страницы-сироты. В отчете «Внутренние ссылки», в разделе «Уведомления», нажмите кнопку «# проблем» рядом с ошибкой «Страницы карты сайта-сироты». Вы получите список страниц-сирот. Если вы найдете любую из этих страниц, создайте ссылку на эти страницы хотя бы один раз с релевантной страницы. Это позволит как пользователям, так и поисковым системам получить доступ к (ранее) осиротевшей странице. Для получения дополнительной информации о том, как создать правильную структуру ссылок, прочитайте наше руководство по внутренним ссылкам. Найдите и исправьте проблемы с внутренними ссылками Попробуйте бесплатно с инструментом Site Audit → Убедитесь, что пользователи могут получить доступ к вашим страницам всего за несколько кликов Пользователи должны иметь возможность получить доступ к контенту на вашем веб-сайте за как можно меньшее количество кликов (в идеале менее четырех). Даже если вы управляете крупным сайтом электронной коммерции с миллионами страниц. Глубина вашей архитектуры также влияет на то, как поисковые системы сканируют ваш сайт. Поисковые системы перемещаются по веб-сайтам через ссылки. Следовательно, чем меньше глубина сканирования, тем быстрее поисковые системы могут перейти на веб-страницу и тем вероятнее, что они это сделают. Вы можете использовать Site Audit, чтобы узнать, какие страницы на вашем сайте требуют более трех кликов для доступа. В разделе «Уведомления» отчета «Внутренние ссылки» нажмите кнопку рядом с опцией «Глубина сканирования страницы более 3 кликов». И вы получите список «слишком глубоких» ссылок. Если вы столкнетесь со страницами, которые требуют больше кликов, чем должны, подумайте об упрощении структуры вашего сайта. Совет: Используйте авторитетные страницы на вашем сайте для создания ссылок на страницы с большой глубиной сканирования. Вы можете найти авторитетные страницы, изучив виджет «Страницы, передающие больше всего внутреннего LinkRank» в отчете «Внутренние ссылки» в Site Audit. Страницы с высоким значением внутреннего LinkRank будут иметь больше авторитета. Создайте простое для навигации меню навигации Использование меню навигации — это простой способ связать страницы друг с другом и укрепить структуру вашего сайта. Потому что меню — это просто коллекции связанных ссылок. Существует много разных типов меню навигации, из которых можно выбирать. Нет одного правильного способа структурировать ваше меню, но лучше всего сделать навигацию по вашему сайту простой. Таким образом, клиенты смогут находить важные страницы и (надеемся) делать то, что вы хотите, чтобы они сделали. Самый распространенный тип навигации — горизонтальная панель навигации. Этот простой вариант будет работать на большинстве сайтов. Это выглядит так: Эта панель навигации верхнего уровня должна предоставлять категории, которые ожидают пользователи («Покупки», «Контакты», «О нас» и т. д.). Но не бойтесь настраивать свою навигацию верхнего уровня. Подумайте о своей целевой аудитории; что они ищут? Чего они пытаются достичь, перемещаясь по вашему веб-сайту? Это должно определять, что вы включите в свою навигацию. Допустим, у вас есть местный автосалон. Вы определенно захотите ссылку в своем главном меню навигации, которая направляет клиентов к вашему инвентарю новых автомобилей. Но многие люди покупают подержанные автомобили; поэтому вы, вероятно, также добавите ссылку на свой инвентарь подержанных автомобилей. И в качестве меры предосторожности ссылки на ваши другие отделы (такие как финансы и сервис). Таким образом, если кто-то хочет купить автомобиль, получить финансовую информацию или запланировать обслуживание, он может найти то, что ему нужно, прямо из главной навигации. Вы охватите каждую важную область вашего бизнеса. Но вы не хотите перегружать пользователей слишком большим количеством вариантов с самого начала. Если вы обнаружите, что добавляете слишком много вариантов в горизонтальную панель навигации, выберите структуру выпадающей навигации. Выпадающие меню навигации хорошо работают для сайтов с большим количеством контента и более сложной архитектурой веб-сайта. Вы можете устранить беспорядок на своих важных страницах, продолжая предоставлять пользователю четкий путь. Например, выпадающая навигация хорошо работает на сайтах электронной коммерции с множеством различных товаров. Пользователи могут просматривать простую горизонтальную навигацию. Затем выберите категорию, которая их интересует, чтобы увидеть больше ссылок. Вот хороший пример от PetSmart: Вы также можете выбрать вертикальное меню навигации на боковой панели: Этот вариант похож на горизонтальное меню навигации. Но он может предоставить больше места для большего количества ссылок навигации верхнего уровня. Возможно, у вас небольшой сайт, и вы хотите включить все свои страницы в навигацию. Вертикальное меню позволяет сделать это легко. Использование этого типа навигации также дает вам свободу добавлять другую информацию, такую как социальные ссылки или контактную информацию, в верхней части страницы. Оптимизируете свою навигацию для мобильного сайта? Меню навигации «гамбургер» — популярный вариант. Этот тип навигации отображается горизонтально на больших экранах, в то время как на мобильных устройствах он отображается вертикально. Как это: Пользователи нажимают кнопку навигации (значок с тремя линиями), чтобы увидеть ссылки навигации. Это экономит много ценного места на экране. Навигация «гамбургер» — отличный выбор, если вы не хотите, чтобы ваша навигация занимала слишком много места. Наконец, вы, вероятно, уже видели меню навигации в футере в нижней части веб-сайтов: Эти типы меню обычно сочетаются с горизонтальными панелями навигации. Вы можете добавить дополнительные ссылки, которые не помещаются в основную навигацию. И поскольку они появляются в самом низу экрана, они не усложняют дизайн вашей страницы. Готовы обновить свою навигацию? С помощью средней CMS (системы управления контентом) это сделать легко: Как добавить или обновить свое меню навигации в WordPress? Как добавить или обновить свое меню навигации в Wix? Оптимизируйте URL-адреса вашего сайта Держите URL-адреса короткими. И всегда используйте слова, связанные с контентом страницы. (Обычно ваше целевое ключевое слово работает хорошо.) Поскольку Google использует URL-адреса для понимания иерархии и структуры вашего веб-сайта, важно держать URL-адреса ясными и последовательными. Google рекомендует использовать простые URL-адреса, которые не выглядят «пугающе». Ниже приведен пример плохо оптимизированного URL-адреса: Вот пример хорошо оптимизированного URL-адреса, который четко передает тему страницы: Большинство CMS автоматически генерируют URL-адреса на основе H1 вашей страницы и любой категории главной страницы, которую вы выберете. Это не всегда идеально. Но ваша CMS обычно позволяет вам изменить URL перед публикацией. Вот как это выглядит в WordPress: Перед публикацией страницы убедитесь, что URL короткий и четко объясняет, о чем ваша страница. Примечание: Будьте очень осторожны при изменении URL-адресов страниц, которые уже находятся в сети. Если вы считаете, что необходимо изменить URL-адрес страницы, которая уже находится в сети, вам нужно настроить правильные перенаправления. Прочитайте наше руководство по перенаправлениям, чтобы узнать, как это сделать. Легко поддерживать последовательную структуру URL-адресов, когда вы используете свои столпы контента и кластеры в качестве ссылки. Например, URL-адреса страниц столпов могут быть в формате domain.com/pillar-topic/ В то время как URL-адреса вашей страницы кластера могут быть domain.com/pillar-topic/cluster-topic/ Итак, если мы используем пример с «копирайтингом» выше, это будет выглядеть так: Страница столпа: domain.com/copywriting Страница подтемы кластера: domain.com/copywriting/email-copywriting/ Эти URL-адреса оптимизированы для целей пользовательского опыта и SEO. URL-адрес страницы кластера показывает связь между темой столпа и подтемой. Используйте «хлебные крошки» Навигация по «хлебным крошкам» — это текстовый путь навигации, состоящий из ссылок. Он показывает пользователям, где они находятся в структуре вашего сайта. «Хлебные крошки» также сообщают поисковым системам, как структурирован ваш сайт. Они выглядят так: Мы можем видеть ссылки, идущие от главной страницы к отдельной странице товара. Когда пользователи переходят на ваш сайт, они не всегда переходят сразу к товару, который покупают, или контенту, который читают. Поэтому, на случай, если им нужно будет вернуться назад, будет полезно показать пути навигации. Продвинутый совет: Вы также можете добавить разметку структурированных данных «хлебных крошек» на страницы, чтобы путь «хлебных крошек» появился в SERP. Как это: Прочитайте наше руководство по навигации по «хлебным крошкам», чтобы узнать больше. Используйте HTML и XML карты сайта Карта сайта — это файл, который показывает все страницы, изображения, видео и файлы на вашем веб-сайте. Он показывает, как различные разделы вашего сайта связаны друг с другом в формате, доступном для поисковых систем. HTML-карта сайта предназначена для пользователей. То есть, если они не могут найти определенную страницу, они могут просмотреть полный список каждой страницы на вашем сайте. Как это: XML-карты сайта, с другой стороны, создаются с учетом поисковых систем. Они показывают полный список URL-адресов в виде обычного текста, чтобы роботы могли легко получить к ним доступ. Вот пример XML-карты сайта: Если в вашей карте сайта есть ошибки, это может означать, что поисковые системы не могут найти или обработать определенные веб-страницы. Поисковые системы могут решить игнорировать страницы, которые они не могут обработать. Это может привести к проблемам с ранжированием. Чтобы найти проблемы с XML-картой сайта, перейдите на вкладку «Проблемы» в инструменте Site Audit. Затем выполните поиск по фразе «sitemap» в строке поиска. Это выдаст список возможных ошибок XML-карты сайта, таких как ошибки форматирования и неправильные страницы. Нажмите на ошибки, которые вы можете найти, чтобы получить более подробную информацию о том, как вы можете улучшить свой сайт. Например, здесь вы можете найти список страниц карты сайта с ошибками форматирования, выявленными инструментом. Вы можете отправить свою XML-карту сайта непосредственно в Google через Google Search Console. Мы рекомендуем вам сделать это, чтобы быстро сообщить Google об архитектуре вашего веб-сайта всего за несколько кликов. Хотите создать карту сайта? Вот несколько ресурсов: Инструменты для создания карты сайта Плагины WordPress для XML и HTML карт сайта Руководство по HTML-карте сайта Руководство по XML-карте сайта
Связанная услуга: SEO (поисковая оптимизация)