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

Коротко. Структура сайта отвечает на два вопроса: какие страницы есть и в каком порядке идут блоки на каждой из них. Составлять её стоит до дизайна: от задач посетителей и списка услуг к поисковым запросам, а затем к дереву разделов, где у каждой страницы одна тема и одно целевое действие. Компании обычно нужны главная, страницы услуг, кейсы, «О компании», цены или условия, контакты и блог. Лендинг — частный случай: одна страница, где блоки выстроены по возражениям клиента.

Обычно про структуру вспоминают, когда дизайнер просит «список блоков», а его нет. Тогда структуру собирают по сайту конкурента или по шаблону, и сайт отвечает на чужие вопросы. Ниже — как сделать наоборот: начать с того, что ищут и спрашивают ваши клиенты.

Что такое структура сайта и почему её планируют до дизайна?

Структура веб-сайта — это список разделов и страниц, их иерархия и связи: меню, внутренние ссылки, переходы между страницами. У неё два уровня:

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

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

Как составить структуру сайта: пошагово

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

1. Кто приходит на сайт. Выпишите типы посетителей: заказчик, закупщик, партнёр, соискатель. У каждого свой вопрос.
2. Что вы продаёте. Список услуг или направлений — кандидаты в отдельные страницы.
3. Что ищут. Соберите запросы в Яндекс Вордстате и сгруппируйте по смыслу: одна группа — одна страница.
4. Что есть у конкурентов. Посмотрите, какие разделы встречаются у сайтов из выдачи по вашим запросам, и чего им не хватает.
5. Дерево разделов. Нарисуйте схему: главная, разделы, вложенные страницы. Важные страницы должны открываться в пару кликов из меню.
6. Цель каждой страницы. Для каждой страницы запишите тему и целевое действие: заявка, звонок, скачивание каталога.
7. Прототип. Разложите каждую страницу на блоки и только потом пишите тексты.

Какие разделы нужны в структуре сайта компании?

В структуре сайта компании обычно есть семь базовых разделов, а дальше её дополняют под отрасль. Базовый набор:

• Главная — кто вы, для кого и что делаете, с переходами в направления;
• Услуги или направления — отдельная страница на каждое;
• Кейсы или портфолио — доказательства с задачей и результатом;
• О компании — команда, подход, факты;
• Цены или условия работы — ориентиры, этапы, гарантии;
• Контакты — телефон, мессенджеры, форма, реквизиты;
• Блог или статьи — ответы на вопросы клиентов и вход из поиска.

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

Структура страницы сайта: из каких блоков её собрать

Структура страницы сайта строится по пути клиента: понять, что ему предлагают, поверить и сделать следующий шаг. Для страницы услуги рабочий порядок такой:

1. Первый экран — что вы делаете, для кого и кнопка. Что на нём написать — в статье о первом экране сайта.
2. Задача клиента — какую проблему решает услуга.
3. Что входит — состав работ или характеристики продукта.
4. Доказательства — кейсы, фото, видео, клиенты, документы.
5. Как работаем — этапы и сроки.
6. Цены — ориентиры или от чего зависит стоимость.
7. Ответы на возражения — частые вопросы.
8. Форма заявки — с понятным следующим шагом.

На обложке статьи — пример блока-доказательства с povidlo.su: вместо фразы «высокое качество» контроль показан по этапам с фото, а рядом кнопка запроса прайс-листа.

Структура лендинга: чем она отличается

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

Объём зависит от задачи: в экспресс-лендинге KORS прототип до 10 смысловых блоков, в продающем — до 20. Как устроен лендинг целиком, мы разбирали в статье что такое лендинг.

Анализ структуры сайта: как найти слабые места

Анализ структуры сайта начинают с простого: открыть меню глазами нового клиента и попробовать найти нужную услугу. Затем проверьте:

• есть ли у каждой услуги своя страница или несколько услуг свалены в одну;
• нет ли страниц, на которые не ведёт ни меню, ни ссылки;
• нет ли дублей — двух страниц про одно и то же;
• на какие страницы приходят из поиска — это видно в Яндекс Вебмастере;
• где посетители уходят и куда кликают — это показывает Яндекс Метрика.

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

Кто составляет структуру и сколько это стоит?

Структура входит в любой проект сайта в KORS: на этапе «Структура и текст» собираем прототип по блокам, пишем тексты и записываем видеопояснение логики каждого блока. Ориентиры:

• Аудит текущего сайта — бесплатно, 1–2 дня: разбор структуры, оффера и текстов, видеозапись с рекомендациями;
• Полноценный аудит сайта — 25 000 ₽, 5 дней: структура, оффер, тексты и дизайн по каждому экрану, отчёт с приоритетами;
• Экспресс-лендинг — от 74 000 ₽, от 14 дней;
• Продающий лендинг — от 104 000 ₽, от 21 дня;
• Многостраничный сайт — от 139 000 ₽, от 30 дней, с навигацией и структурой каталога.

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

УслугаСоздание сайтов: структура, тексты, дизайн и сборка — от прототипа до запуска и рекламыСмотреть тарифы →

Частые ошибки

• Копировать структуру конкурента. Его клиенты и аргументы могут не совпадать с вашими.
• Все услуги на одной странице. Ни клиенту, ни поисковику непонятно, о чём страница.
• Меню из десятков пунктов. Посетитель теряется и уходит, не найдя нужного.
• Глубокая вложенность. Важные страницы спрятаны в четырёх кликах от главной.
• Страница без целевого действия. Человек дочитал и не понял, что делать дальше.
• Структура после дизайна. Тексты подгоняют под готовые блоки, а не наоборот.

Вопросы, которые нам задают чаще всего