Структура сайта: как правильно создать струкутуру сайта

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

Преимущества логической структуры

Структурированный сайт — это ресурс, все элементы (страницы или блоки) которого имеют единую логическую связь. У такого проекта появляется масса преимуществ:

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

Помимо явных есть еще 2 неочевидных на первый взгляд, но важных преимуществ:

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

В результате растет посещаемость и длительность присутствия на сайте, а с ними и конвертация лидов в реальных клиентов.

Как выглядит структурированный проект?

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

описание блока;
поле ввода данных;
кнопка отправки.

Все блоки в рамках страницы также связаны логически. С технической стороны структура выглядит так:

хедер (шапка);
центральный блок;
футер (подвал).

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

Варианты структуры

Каждый элемент сайта формирует общую структуру, которая зависит от потребностей проекта. Конечная цель структурирования — проще и быстрее переместить посетителя к искомому контенту (статье, товару). Но ввиду специфики конкретного проекта путь от главной до нужной страницы может отличаться.

Линейная

Последовательная структура, в которой каждая последующая структура является логическим продолжением предыдущей. В большинстве случаев используется для одностраничных сайтов (Landing Page). Задача этих сайтов пошагово подвести аудиторию к совершению покупки (заказа).

Пример логической последовательной структуры:

Привью.
Основное предложение (завоз нового товара, праздничная акция, добавление услуги).
Раскрытие предложения.
Подробное описание условий, из которых посетитель четко понимает, чего ожидать.
Преимущества.
Выдвижение ключевых преимуществ, подтверждающих выгодность данного предложения.
Форма оформления заказа.
Ключевая позиция, при использовании которой посетитель становится покупателем (клиентом). Бывает в формате блока заявки на обратный звонок, перехода на основной каталог или прямого заказа.

Линейная структура также используется Полноценными сайтами с единственным предложением (например, услуги частного мастера).

Древовидная

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

Древовидную структуру используют все интернет-магазины с большим ассортиментом. Разветвленный каталог удобен для пользователей:

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

Задача древовидной структуры — разделить и упорядочить карточки (статьи, темы обсуждения, файлы) по категориям.

Стоит отметить, чаще встречается комбинированная линейно древовидная структура. Примером может служить коммерческий сайт:

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

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

Блочная структура

Предусматривает логическую связь как с подкатегориями в рамках одного корня (линии), так и с параллельными ветвями. Используется в случаях, когда нужно предоставить пользователю переходы между параллельными предложениями. Для примера можно взять сайт провайдера, предлагающего интернет и телевидение:

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

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

Поисковая система или клиент — кому отдать предпочтение?

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

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

Создать новые подкатегории и карточки в существующем каталоге.
Создать поддомен 3-го уровня с отдельным каталогом для еды быстрого приготовления.

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

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

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

Второй пример — проект по продаже, лизинге и обслуживанию строительной техники. На первый взгляд подходит комбинированная линейно-древовидная структура:

основное предложение;
о компании;
выгода предложения;
условия сотрудничества;
страница оформления (или заказа консультации).

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

Как сделать структуру сайта?

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

Анализ конкурентов.
Изучение активных сайтов в нише будущего сайта, оценка их структуры и насколько она подходит.
Сбор семантики.
Выборка популярных запросов у целевой аудитории.
Кластеризация.
Распределение запросов по страницам, категориям и отдельным сайтам, участвующим в продвижении проекта.
Перелинковка.
Объединение отдельных страниц в единую логическую структуру.
Корректировка ЧПУ.
Прописывание корректных URL-адресов.

Эффективность успешной структуры можно определить по скорости индексации страниц.

Практические советы

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

Упрощать структуру

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

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

Использовать единую структуру для общих категорий

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

Больше работать со структурой страницы

Упростить сайт и разместить больше информации поможет добавление сквозных блоков на странице. Несколько примеров:

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

В обоих случаях упрощается структура самого сайта. При этом посетитель видит нужный раздел на каждой странице и ему не требуется заходить в отдельный раздел (контакты, новости или др.).

Заключение

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

Структура сайта: как правильно создать структуру сайта