Структура сайта: виды, схемы, примеры
Структура сайта — это схематичное, наглядное представление, которое отражает взаимосвязь всех элементов ресурса (разделов, подразделов, страниц).
Под это определение также попадает понятие структуры страниц сайта.
Структура страниц сайта — это логика расположения навигационных, функциональных и контентных блоков на страницах того или иного типа.
Тут следует понимать, что при разработке ресурса изначальной задачей ставится описание технической структуры (структуры сайта), а уже после её подготовки можно переходить к составлению визуальной (т. е. структуры контента страниц).
Раскрываем в статье тему именно структуры сайта (технической) как первоочередного этапа разработки, без которого невозможно перейти к описанию логики расположения контента на страницах (визуала).
Зачем описывать структуру сайта
Это важно для рационального распределения ресурсов при разработке проекта, для его удобства и закладывания потенциала развития, для последующего успешного продвижения в поисковых системах, а также положительного пользовательского опыта.
Конкретное описание структуры важно по ряду причин. Попробовав указать их по мере значимости, получим следующее:
Для пользователей. Посетителям будет проще находить интересующую информацию и переходить от одной страницы к другой.
Любой сайт создаётся для пользователей. А положительный пользовательский опыт благотворно сказывается на успешности ранжирования ресурса.
Для поисковых систем. Поиск сможет наиболее полноценно индексировать сайт, а также «понимать» наполненность и пользу разделов.
Другими словами, логичное расположение элементов относительно друг друга поможет поисковым роботам быстро находить новые страницы и добавлять их в индекс. Кроме того, понимание взаиморасположения разделов ресурса позволит поисковым алгоритмам точнее оценить полноту ответа на запрос пользователей по высокочастотным ключам.
Для разработчика. Специалист сможет максимально адекватно оценить стоимость разработки и сразу, ещё на этапе проектирования ресурса, заложить весь необходимый функционал.
На начальной стадии разработки наличие полной схемы взаиморасположения частей ресурса позволит избежать добавления «костылей» в будущем.
Для дальнейшего развития ресурса. Продуманность базовой структуры даст возможность легко встраивать в неё дополнительные категории страниц при расширении проекта.
Названные причины взаимосвязаны — зависят/исходят друг от друга.
Например, продумывая, как сделать структуру для удобства пользователей, мы заодно обеспечиваем хорошее индексирование сайта. А его логичность и полнота строения не только облегчают задачу разработчику, но и позволят избежать сложностей при дальнейшем развитии ресурса.
Как правильно составить структуру сайта
Подготовка правильной структуры сайта не является тривиальной задачей. При попытке свести её к одному этапу (непосредственной подготовке схемы взаимосвязи элементов) появляется риск упустить важные категории, необходимые страницы и функционал.
Процесс создания структуры сайта выполняется в четыре шага, два из которых — подготовительные.
Шаг 1. Сбор базовой информации
Для сбора информации используем все доступные источники.
Если сайт существует, выгружаем текущую структуру.
Далее:
Для интернет-магазина — выявляем весь ассортимент будущего каталога товаров.
Желательно взять таблицы-выгрузки от поставщиков.
Для сайта услуг — определяем список основных сервисов.
Лучше руководствоваться прайсами с полным перечнем услуг.
Для информационного сайта или блога — помечаем желаемые темы и направления публикаций.
Чем полнее собранная информация, тем качественнее будут проведены последующие работы.
Шаг 2. Сбор семантического ядра
На основе полученных на первом этапе данных собираем полное семантическое ядро для сайта.
Важно. Запросы должны быть эффективными. Подробнее об эффективности запросов.
Специфика работы по этому шагу описана в отдельной статье. Сейчас следует лишь упомянуть, что без учёта семантического ядра и эффективности запросов невозможно сделать полноценную, полезную структуру для сайта.
Шаг 3. Составление структуры
На основе собранного семантического ядра подготавливается композиция разделов и категорий.
Кроме этого, выполняется анализ текущей структуры сайта (выгруженной на первом этапе) — проводится проверка:
на наличие неучтённых в собранном семантическом ядре страниц и разделов;
текущей и потенциальной пользы от наличия неучтённых в ядре страниц.
Затем на основе анализа структуры текущего сайта вносятся дополнения в структуру, разработанную на основе семантического ядра.
Шаг 4. Визуализация, схемы
Важно не только, какова система взаимосвязи элементов ресурса, но и чем представлена, ответом на этот вопрос будет выбор инструментов. Он зависит от целей визуализации.
Например:
Если структура в первую очередь предназначена для разработчика, то табличный вариант наиболее удобен и полноценен.
В таблицу в дальнейшем могут добавляться важные для последующей работы элементы, такие как адреса страниц, заголовки, теги и пр. Для работы с таким объёмом данных удобнее представлять строение ресурса в таблице Excel.
Для согласования на генеральном уровне может быть предпочтительней и наглядней структура сайта в виде схемы, пример показан на картинке:
Такая схема может быть составлена c помощью как специализированной программы, например Xmind, так и в графическом редакторе, например Figma.
Владельцам малого и среднего бизнеса могут быть интересны оба упомянутых варианта.
На вопрос, чем представить структуру сайта, наш ответ — таблицей. Такой вид наиболее функционален.
Требования к структуре сайта
Главное требование при построении правильной структуры сайта — необходимость создать максимально логичную иерархию страниц и разделов.
Логичность не должна зависеть от сложности проекта и объёма семантического ядра. Логика расположения категорий и страниц должна прослеживаться как на большом интернет-магазине, так и на типовом сайте-визитке частного мастера.
Например, для интернет-магазина:
Неверный вариант
Категория «Продукты» расположена в разделе «Товары для кухни», при этом в ней отсутствуют подкатегории, раскрывающие тему продуктов:
Продукты — отдельная ниша, не относящаяся к категории товаров для кухни, и достаточно конкурентный кластер выдачи поисковых систем. Поэтому страница категории «Продукты» не будет ранжироваться и приносить трафик при таком исполнении структуры.
Верный вариант
Следует привести информацию к такому виду:
А именно: необходимо вынести категорию «Продукты» в отдельный раздел и добавить в него максимальное количество подкатегорий продуктов.
Каждый документ (страница) должен относиться к своему разделу (категории, блоку).
Раздел необходимо расширять подкатегориями настолько, насколько позволяет ассортимент товаров. Только тогда поисковые системы смогут корректно оценить наполнение раздела и его пользу для людей.
Только детально продуманная иерархическая структура способна принести максимум трафика на сайт.
Советы по построению структуры сайта
Также полезно учитывать правила и рекомендации из справочников поддержки от Яндекса и Google.
Важные/разводящие страницы, такие как «Услуги» и «Цены», размещать не далее, чем в одном клике от главной страницы.
Оптимальная глубина/уровень вложенности остальных страниц — максимум 3.
URL-адреса следует делать лаконичными (короткими и понятными для человека), не использовать слишком длинные и сложные.
На страницах необходимо использовать навигационную строчку («хлебные крошки»), указывающую посетителю раздел, в котором он находится.
Каждую услугу или товар размещать на отдельной странице с уникальным адресом (URL).
На каждую страницу проставлять не менее одной ссылки с других страниц.
Одна страница должна быть доступна только по одному адресу.
Анкоры ссылок на другие разделы и страницы делать преимущественно текстовыми.
По сути, это остаток нюансов, в дополнение к упомянутым выше в статье.
Особенности структур для сайтов разных типов
Отличия структур в зависимости от видов сайтов обуславливаются тем, что для продвижения ресурсов разной направленности необходим различный набор страниц и разделов.
Например, для интернет-магазинов важно наличие страниц с гарантиями, таких как «Возврат-обмен», «Доставка» и т. д. Для сайта компании, предоставляющей какие-либо услуги, актуальны страницы с условиями сотрудничества. А для информационного ресурса зачастую даже страница «Контакты» не обязательна.
Приведём примеры структур для сайтов разных типов.
Пример структуры сайта-визитки
У сайтов-визиток обычно простая организация структуры.
Помимо главной в данном случае целесообразно предусмотреть такие страницы, как «Контакты», «О себе».
Пример структуры сайта услуг
Сайты организаций, предоставляющих услуги (ремонт, автосервис и пр.), в большей мере относятся к коммерческим ресурсам. А это обязывает предусматривать страницы, обеспечивающие соответствие коммерческим факторам ранжирования (цены, о компании, контакты, отзывы, политика конфиденциальности и т. д.).
Также важно в полной мере описать все предоставляемые услуги. В большинстве случаев приходится предусматривать для каждой услуги отдельную страницу.
Пример структуры интернет-магазина
В интернет-магазине важно сделать страницы для каждой выделенной категории товаров, а также обозначить такие страницы, как «Корзина», «Личный кабинет», «Сравнение товаров» и т. д.
В структуре интернет-магазина не указываем страницы-карточки товара, но подразумеваем, что для каждой позиции ассортимента необходима отдельная страница, а ссылки на карточки обязательно содержатся на страницах разделов и категорий в виде листинга с превью товаров.
Пример структуры блога
Структура блога достаточна проста по сравнению, например, с новостным ресурсом.
На этапе структурирования определяем рубрики, для которых предусматриваем отдельные страницы.
Типичные ошибки при подготовке структуры сайта
Мы описываем формирование структуры как конкретный этап создания/доработки сайта, не включающий прототипирование. Оно, в свою очередь, выполняется на следующем этапе подготовки к разработке ресурса и является по своей сути подготовкой структуры контента страниц.
Тем не менее при создании технической структуры сайта «специалисты» зачастую пытаются сначала составить визуальную (для контента страниц) с последующей настройкой связей подготовленных макетов. Из-за такого подхода остаются не продуманы базовые моменты построения ресурса.
Суть всех бед — путать и смешивать визуальную структуру страниц и техническую структуру сайта.
Из-за некорректно выстроенного алгоритма работы и смешивания двух связанных, но тем не менее разных задач, появляются ошибки.
Не все способные приносить трафик страницы учтены в структуре.
Сначала сбор семантического ядра — затем подготовка структуры. Только так можно учесть все потенциально трафиковые страницы.
Не учтён необходимый для успешного ранжирования в данной тематике функционал.
При структурировании страниц и разделов важно анализировать топ выдачи по собранным кластерам запросов и учитывать используемый успешными конкурентами функционал (наличие калькулятора расчёта, личного кабинета, корзины и т. д.).
Современный сайт невозможно спроектировать на коленке. Чтобы сделать полезный ресурс, необходимо придерживаться правил и качественно прорабатывать каждый этап создания, включая описание структуры.
Вся соль
Быстро понять, как правильно сделать структуру сайта, поможет сформулированный нами алгоритм. Следует действовать поэтапно:
- Собрать доступную базовую информацию (выявить ассортимент товаров, список услуг, основные рубрики для инфораздела).
- Собрать полное семантическое ядро, состоящее из эффективных запросов.
- На основе собранного ядра подготовить структуру (вносить дополнения и корректировки по необходимости).
- В получившемся файле привести схему к понятному и удобному для работы виду (указать типы страниц, визуально структурировать информацию).
От грамотной работы на этом фундаментальном этапе зависит успешность последующих шагов по созданию ресурса. Задачу по его структурированию, ввиду её нетривиальности, должны решать специалисты в этой сфере, а не владельцы бизнеса. Профессионалы досконально знают, какие структуры сайтов бывают и как создать нужную в конкретном случае. Значит, не ошибутся. Кроме того, сделают всё в комплексе с другими мероприятиями по разработке ресурса.