В этой статье мы рассмотрим, что такое структура веб-сайта, какая она должна быть и чего делать не стоит. Обсудим типичные ошибки, которые обычно сильно тормозят продвижение, мешают получать трафик и конверсии.
Что понимать под правильной структурой сайта?
Способ его устройства, в котором каждая страница упорядочена и логически связана с другими. Подобно карте, структура помогает людям легко находить нужную информацию, а поисковым системам — эффективно "читать" веб-страницы. Она строится так, чтобы каждая часть ресурса соответствовала определенным темам или запросам, интересующим посетителей.
Почему структура сайта важна для SEO
Google оценивает ее, как один из важных факторов для оптимизации под поисковые системы (SEO). Поскольку стремится предоставить нам лучший опыт поиска и навигации.
Хорошо организованная структура облегчает индексацию, т.е., страницы быстрее попадают в поиск по нужным запросам.
К слову, около 95% проектов, которые поступают нам на оптимизацию, построены с ошибками. Самые распространенные:
- Неправильная группировка товаров: когда в одной категории смешаны несвязанные товары (и название категории, соответственно, тоже неопределенное), это затрудняет поиск и выбор товаров для пользователей.
- Отсутствие подкатегорий и фильтров. Часто в родительской категории, например "Футболки для мальчика", нет подкатегорий и фильтров товаров (по брендам, цветам, материалу).
Из-за этого потенциал привлечения органического трафика сильно снижается. Потому мы решили рассказать, как правильно создать структуру сайта с подробной инструкцией.
Требования от Google
Основные требования ориентированы на базовые принципы создания и функционирования веб-сайтов. Это правила, применимые к большинству площадок, независимо от их типа или контента.
Основное:
- Нужны навигационные цепочки, или "хлебные крошки". Это ряд ссылок (обычно вверху экрана), показывающих путь от “Главной” до текущего места, где вы находитесь.
- Любая страница должна быть доступна за три клика от “Главной”.
- Контент должен быть разбит на категории.
- Рекомендуется использовать языки разметки HTML и стилей CSS для создания меню и других элементов на сайте. Так удобнее для людей и лучше для индексации. HTML задаёт структуру и содержание страницы, например, где будет располагаться меню, а CSS определяет внешний вид этих элементов, например, цвет и размер.
- Нужно сделать так, чтобы в структуру легко было вносить изменения, например, добавлять или удалять категории и подкатегории товаров или услуг, не нарушая общую работоспособность и навигацию по сайту.
- Обязательно нужно создать xml-карту сайта для роботов — это ускоряет индексацию, а также html-карту, сделанную для людей. Мы этого еще коснемся в статье.
Google советует делать структуру понятной и простой. Нужно, чтобы адреса страниц (URL) были короткие и удобочитаемые.
На каждой странице должны быть заголовок H1, title и описание (description), которые соответствуют её содержанию – это поможет юзеру легко найти нужную информацию по запросу. Содержание каждого элемента должно быть уникальным, чтобы поисковые системы правильно его индексировали. Рекомендуется также использовать микроразметку и чётко структурировать текст, что упрощает ориентацию как для людей, так и для поисковых роботов.
Типы структур
Структура сайта — это создание взаимосвязей страниц по принципу иерархии. Проще всего представить ее схематически. Самая простая схема структуры сайта — блочная. В ней наглядно прослеживается иерархия, уровни вложенности страниц и их связи.
Итак, есть два основных типа структур и несколько разных методов организации контента на сайте. Рассмотрим их.
Линейные и древовидные структуры
Основные типы схем:
- Линейная — это как цепочка событий. Вы заходите на “Главную”, далее переходите к услугам, а затем, например, оставляете заявку. Просто и понятно, но применимо только для небольших проектов.
- Древовидная — схема с четкой иерархией. Есть “Главная”, от нее тянутся “ветви” - это основные разделы. А в каждом разделе свои подразделы. Это удобно, потому что можно легко найти нужную информацию и вернуться.
Чуть подробнее: что такое линейная структура сайта с точки зрения SEO. Линейная неэффективна для продвижения, поскольку акцентирует внимание человека только на стартовой странице.
Иерархическая — другое дело. Здесь контент разделен на тематические кластеры, а их элементы связаны между собой перелинковкой (внутренними ссылками). При этом каждый тематический кластер оптимизируется для своей группы запросов, что делает продвижение более целевым и эффективным. В каждом разделе есть подразделы. Дробить их можно условно до бесконечности, но мы не рекомендуем опускаться ниже четвертого уровня вложенности — глубоко размещенные страницы плохо индексируются. Оптимальный вариант: категория → подкатегория → карточки товаров
Методы организации контента
Методы организации контента на веб-сайтах — это различные системы категоризации и классификации контента, продуманные для того, чтобы человеку и поисковику было проще находить нужные материалы.
Алфавитная
Из названия понятно – информация расположена по алфавиту. Чаще всего такой метод применяется в словарях или энциклопедиях.
Сайты аптек часто используют алфавитную структуру для упорядочивания списка лекарственных препаратов, чтобы облегчить поиск и быстрый доступ к нужному товару для покупателей.
Хронологическая
Здесь всё упорядочено по датам. Этот способ идеально подходит для новостных порталов или блогов.
Географическая
Часто используется в SEO для создания страниц, ориентированных на конкретные регионы. Например, услуг и филиалов в разных городах. Это помогает повысить релевантность и видимость сайта по геонезависимым поисковым запросам. Такой подход позволяет предприятиям эффективно привлекать местную аудиторию, которая ищет товары или услуги в их регионе.
Тематическая организация
Самый распространённый метод. Информация делится на категории по темам. Отличный вариант для многостраничных магазинов или информационных порталов. Этот метод хорошо подходит для СЕО продвижения, поскольку позволяет эффективно распределить ключевые слова по страницам категорий, подкатегорий и страницам фильтров.
Гибридная организация
Что такое структура сайта гибридного типа. Она идеально подходит для ресурсов, где нужно учесть разные способы поиска и навигации различными аудиторными группами. Такой системой часто пользуются интернет-аптеки. Представим, что у пользователя есть рецепт на лекарство "Амоксициллин". Он заходит на сайт аптеки и может воспользоваться алфавитным поиском, выбрав букву "А”.
Если же он ищет лекарство для лечения ангины, но не знает название препарата, он может перейти в тематическую категорию "Лекарства от ангины".
Кроме того, если пользователю нужно найти ближайшую аптеку, чтобы купить "Амоксициллин", он может воспользоваться географическим поиском, указав свой город или район, и сайт покажет аптеки поблизости, где доступен этот препарат.
Примеры оптимальной организации сайтов
Пример простой структуры
Это пример структуры сайта для корпоративных задач малого и среднего бизнеса, визиток, площадок, оказывающих услуги, информационных платформ и небольших интернет-магазинов. Она обеспечивает достаточно информации для ознакомления с основными аспектами деятельности, продуктами или услугами компании, а также предлагает простую и понятную схему для связи контента.
Древовидная
Считается самой популярной и правильной и используется большинством крупных вебсайтов, блогов, интернет-магазинов и интернет-порталов.
Для сайта электронной коммерции
Новостной ресурс
Для блога
Создание и оптимизация структуры сайта
Рассмотрим, как составить структуру сайта пошагово.
Шаг 1. Анализируем конкурентов
Используя инструменты для анализа, такие как Serpstat, вы можете сравнить свой ресурс с конкурентами и найти общие ключевые слова. Это даст понимание, какие тематические блоки важны для вашей аудитории и поможет создать схему, которая будет логичной и удобной для пользователей, а также оптимизированной для поисковых систем.
Шаг 2. Собираем и кластеризуем семантическое ядро
На втором этапе необходимо собрать семантическое ядро, то есть подобрать ключевые слова и фразы, по которым ресурс будет продвигаться в поисковиках. Если он мультиязычный, для каждого языка семантику собирают отдельно.
Шаг 3. Создаем иерархию и категоризируем вебстраницы
Сначала определите главные разделы, подразделы и типы страниц, исходя из особенностей вашей ниши и собранного семантического ядра. Важно, чтобы к каждой вебстранице можно было добраться за три клика от главной.
Используйте визуализацию для наглядности, и не забывайте о возможности масштабирования для добавления новых разделов в будущем.
Проверьте и оптимизируйте индексацию, обдумайте логику фильтров и сортировок, исключите возможность появления дубликатов и «мусорных» разделов. Правильно организованная структура упрощает навигацию как для людей, так и для поисковых систем.
Шаг 4. Проверяем структуру URL
На четвертом шаге нужно внимательно проверить структуру URL-адресов вашей площадки. URL должны быть понятными и короткими, содержать ключевые запросы, но без переспама. Для мультиязычных ресурсов не забудьте добавить атрибуты hreflang и указать язык для каждого URL. Такие меры помогут улучшить SEO и сделают вебсайт более дружественным как для пользователей, так и для поисковиков.
Шаг 5. Связываем страницы между собой с помощью перелинковки
Внутренние ссылки помогают людям и поисковикам легко перемещаться по сайту. Обязательно нужно убедиться, что нет страниц-сирот, то есть таких, на которые не ведет ни одна ссылка. Для этого полезно заранее составить список всех, категорий и подкатегорий.
Шаг 6. Обеспечиваем удобную навигацию
Необходимо тщательно продумать меню, использовать “хлебные крошки” для навигации, а также оптимизировать хедер и футер сайта. Магазинам важно наличие удобных фильтров и опций сортировки, а также блоков рекомендаций для перелинковки.
Шаг 7. Создаем карту сайта
XML-карта сайта — это технический файл, который создается в формате XML. Он содержит список URL-адресов всех страниц нашего сайта.
HTML-карта сайта — это обычная веб-страница на вашем сайте, которая включает ссылки на все основные разделы и страницы. Её можно создать вручную или с использованием специальных инструментов.
XML-карта ускоряет индексацию сайта поисковиками, а HTML-карта делает навигацию по сайту более удобной для посетителей.
Частые ошибки в структуре и способы их избежать
Как мы уже писали, большинство наших клиентов допускали ошибки при составлении структуры сайта, из-за чего испытывали проблемы с продвижением. Расскажем, что не так.
- Правило трех кликов, о котором мы уже упоминали. Разделы с более глубокой вложенностью часто плохо индексируются и трудно доступны для людей.
- Неточное или непонятное название категорий. Люди не ищут "разное", "прочее", "новинки". Релевантность таких категорий для поисковых запросов низкая, а значит эффективного продвижения ждать не стоит.
- Использование нескольких синонимов в названии категории может сбить с толку поисковые системы, что снижает релевантность страницы.
- Ограниченное количество фильтров и их параметров. Важно к каждой группе товаров добавлять фильтры, максимально охватывающие характеристики продукции. SEO-фильтры позволяют создать новую посадочную страницу с собственным URL и метатегами. Ее содержимое будет максимально соответствовать запросу пользователя. Таким образом мы получим дополнительный источник качественного целевого трафика.
- Дублирование товаров и категорий. Если на сайте есть несколько похожих страниц, они могут конкурировать друг с другом, что уменьшает видимость каждой отдельной страницы.
- Недостаточная классификация товаров. Товары в некоторых тематиках (например, на сайтах аптек) необходимо узко классифицировать, иначе найти их будет сложно. В таких случаях чаще всего выбирают гибридную структуру с несколькими методами организации контента.
Чтобы полностью раскрыть потенциал вашего сайта после создания его оптимальной структуры, ознакомьтесь с нашей статьёй “Этапы раскрутки сайта”, которая станет вашим навигатором в мире эффективного продвижения в интернете.
Изменение и оптимизация существующей структуры
Лучше продумывать структуру современного сайта до его запуска. Но большинство наших новых проектов — это уже готовые вебсайты с имеющейся структурой. Часто их приходится дорабатывать или реорганизовывать сайт. Кроме того, изменения иерархии страниц, например, может понадобиться в процессе расширения интернет-магазина или при редизайне.
Как можно изменить (переделать) организацию сайта
Важно учитывать некоторые моменты, чтобы сохранить текущие позиции страниц в поиске:
- Если организация некоторых разделов или элементов остается прежней, мы стараемся сохранить их исходные URL-адреса, избегая создания дубликатов, например, из-за разной транслитерации.
- При изменении URL вебстраниц необходимо настроить 301-редирект со старых адресов на новые, чтобы сохранить ссылочные и поведенческие факторы.
После запуска важно отслеживать эффективность доработок и вносить корректировки по мере необходимости.
Реальный пример
О том, как могут измениться показатели после построения структуры сайта, можно посмотреть в нашем кейсе для интернет-магазина чулочно-носочных изделий и домашнего текстиля.
Сайт пребывал в стагнации несмотря на попытки продвижения. Однако ситуация изменилась после того, как мы разработали и внедрили новую, более эффективную иерархическую структуру. Это позволило улучшить показатели страниц и сделать навигацию более удобной как для пользователей, так и для поисковых ботов.
В итоге количество фраз, по которым сайт показывается в поисковой выдаче, увеличилось более чем в 6 раз, а число страниц в индексе — почти вдвое. Что привело к значительному росту органического трафика.
Заключение и ключевые выводы от специалистов M.System
Четкая, логично организованная структура обеспечивает эффективное сканирование и индексацию контента поисковыми роботами и улучшает пользовательский опыт. Если сайт организован грамотно и в соответствии с требованиями, Google поощрит вас лучшим ранжированием.
Потому при разработке ресурса нужно помнить, что такое логическая структура сайта и чего от нас ожидает Гугл.
Что важно:
- Структура должна быть интуитивно понятной и простой для пользователя, обеспечивая легкость навигации и доступа к нужной информации.
- В то же время, она должна быть максимально широкой. Отвечать на все вопросы пользователя, содержать достаточное количество контента и опций. У пользователя должна быть возможность найти всю необходимую информацию и совершить все нужные действия в рамках этого сайта, не обращаясь к другим источникам.
- Желательно придерживаться глубины вложенности не более двух-трех уровней. Оптимальный вариант: категория → подкатегория → товарные карточки.
- Важно наличие уникальных URL (ЧПУ) для каждой вебстраницы, правильно составленные XML и HTML карты, и использование инструментов навигации, в частотности хлебных крошек. Самое важное мы упоминали в разделе “Требования от Google”.
Структурировать интернет-магазин сложнее, чем, скажем, сайт-визитку. Специалист должен умело связать большой ассортимент товаров с запросами покупателей. Грамотно распределить товары по категориям и подкатегориям, учитывая их характеристики, и сделать так, чтобы пользователь могу быстро их найти.
Создание эффективной структуры для онлайн-магазина требует тщательного анализа семантики, включающего десятки тысяч ключевых слов и фраз. Важно определить, какие параметры товаров будут использоваться в фильтрах, а какие — выделены в отдельные подкатегории. Это требует компетенции, навыков работы с веб-инструментами и опыта. Нужно знать, что такое внутренняя структура веб-сайта и как с ней работать. Потому рекомендуем привлекать специалистов по SEO еще на этапе разработки сайта.