Разработка структуры сайта гайд и шаблоны

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

Зачем сайту нужна структура

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

Четкая правильная структура дает ресурсу преимущества:

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

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

Виды структуры сайта

Что такое структура сайта, теперь понятно. Разберемся с ее вариантами.

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

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

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

Древовидная. В этом типе структуры есть главная страница, которая ведет на несколько крупных разделов, они в свою очередь делятся на подразделы, те на еще более мелкие подразделы. По такому принципу, устроены, например, интернет-магазины. Именно древовидная схема наиболее универсальна и подходит большинству многостраничных сайтов.

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

Требования поисковиков к структуре сайта

Удобство структуры сайта для пользователей очень важно. Но еще она должна соответствовать требованиям поисковых систем, иначе ресурс мало кто увидит. Сайт имеет смысл оптимизировать под рекомендации Яндекса и Гугла: вместе они, по данным Яндекс.Метрики, обрабатывают более 99% поисковых запросов в Рунете.

Как разработать структуру сайта под требования Яндекса. Основные рекомендации.

• Четкая взаимосвязанная структура. Каждая страница должна находиться в определенном разделе и на нее должна быть ссылка хотя бы с одной другой страницы.
• Sitemap или xml-карта сайта. Это что-то вроде оглавления ресурса со ссылками на все его страницы. С помощью этого инструмента поисковые роботы смогут быстро видеть, что на сайте появились новые страницы и индексировать их.
• Уникальные, понятные человеку и соответствующие тематике страниц url-адреса.
• Текстовые ссылки на другие страницы сайта. Они помогают как людям, так и поисковикам понять больше о содержании этих страниц.
• Запрет индексации служебных страниц в файле robots.txt. Они не нужны пользователям и могут мешать продвижению ресурса.

Рекомендации Гугла про правильную структуру в целом схожие.

• Четкая понятная схема сайта. Контент не смешивается в одну кучу, а распределен по страницам и разделам.
• Постоянные уникальные и понятные человеку url-адреса.
• Разделение отдельных слов в url-адресах, лучше через дефисы.
• Отсутствие скрытой переадресации. Пользователь должен попадать туда, куда он переходил.
• Работоспособные ссылки внутри сайта. Нерабочие ссылки следует отслеживать и удалять.
• Ключевая информация в виде текста. Хотя поисковой робот может анализировать файлы разных форматов, с текстом он справляется лучше и точнее всего.

Как сделать хорошую структуру сайта

Разработка структуры сайта включает следующие этапы:

1. Сбор семантического ядра. Это ключевые запросы для продвижения в поисковиках. Для сбора ядра используют специальные сервисы: Яндекс.Вордстат, Semtools, Keys.so, Ahrefs, SpyWords, Key Collector, PromoPult. Для блогов в основе ядра информационные запросы, для интернет-магазинов и компаний — коммерческие.
2. Группировка близких по смыслу ключей. Здесь также можно использовать специальные сервисы, например, КейСо, Labrika, Rush Analytics, SEOBrain, SEOlib, Пиксель Тулс, Серпхант, SEMparser, Arsenkin Tools
3. Распределение групп ключевых запросов по категориям и подкатегориям. Для удобства пользователей желательно, чтобы уровень вложенности, то есть количество кликов на пути к любой страницы, не превышал четырех. Поэтому слишком глубокой детализацией лучше не увлекаться, можно при необходимости добавить фильтры. На этом этапе обычно становится окончательно понятно, какие виды структуры сайта подойдут ресурсу.
4. Отрисовка структуры сайта в виде схемы. Для простых ресурсов это можно сделать просто на бумаге или в любом примитивном графическом редакторе. Для сайтов со сложной разветвленной структурой удобно пользоваться сервисами интеллект- карт, например, XMind, Coggle Diagrams, MindMeister, Simple Mind, Draw.io, Mindmup.
5. Настройка навигации. Этот этап разработки структуры web сайта включает создание меню на всех страницах, добавление поисковой строки и «хлебных крошек» — навигационной цепочки от главной до текущей страницы сайта, например главная-блог-название этой статьи.
6. Организация перелинковки внутри сайта. При наполнении сайта контентом необходимо связать страницы между собой через подходящие ссылки внутри текстовых материалов, рекомендации похожих статей, товаров и услуг и т.д.

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

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

Какие страницы должны быть на сайте

В зависимости от содержания сайта, состав его разделов может отличаться. Но в среднем стандартная структура многостраничного сайта включает следующие разделы:

Главная страница. Ее цель — создать общее представление о ресурсе и обеспечить удобную навигацию по остальным разделам.

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

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

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

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

Доставка. Если ресурс продает физические товары, то здесь подробно описывают условия и стоимость их доставки пользователю.

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

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

Цель первого экрана — зацепить внимание. Поэтому в этой части сайта структура включает самые яркие преимущества и особенности продукта. Обязательно есть призыв к действию — покупке, подписке, записи, навигационное меню, контакты и форма обратной связи. Часто на лендинге бывают экраны с преимуществами продукта, выгодой или пользой для покупателя, отзывами.

Саммари

• Структура сайта — это взаимное расположение разделов и отдельных страниц сайта, взаимосвязь между ними.
• Правильная структура сайта позволяет пользователям легко и быстро находить нужную информацию и мотивирует возвращаться снова и снова, а поисковым системам она помогает индексировать ресурс.
• В проектировании структуры сайта выделяют линейную, линейную с ответвлениями, блочную и древовидную разновидности.
• Древовидный тип структуры сайтов — самый удобный и популярный для большинства многостраничных ресурсов. Для простых сайтов вроде портфолио и визиток часто выбирают линейную архитектуру.
• Поисковые системы хорошо оценивают четкую правильную структуру сайта с наличием взаимных ссылок между страницами, уникальными, осмысленными и понятными человеку url-адресами.
• Создание структуры сайта включает сбор и обработку семантического ядра, отрисовку схемы, организацию удобной навигации и перелинковку материалов внутри ресурса.
• Анализ структуры сайта через поведение пользователей поможет понять, насколько она получилась удачной и нужны ли доработки.