Структура сайта компании: как составить, примеры схем и типичные ошибки
Короткий ответ: структура сайта — это дерево страниц, в котором у каждой страницы есть своя задача и свой круг запросов. Составляют её до дизайна: сначала выписывают услуги и вопросы клиентов, затем группируют их в разделы, задают адреса и меню. Для большинства компаний хватает двух-трёх уровней вложенности: главная, раздел, страница услуги или товара.
Ниже — порядок работы, три схемы для разных типов компаний и ошибки, из-за которых сайт приходится перестраивать после запуска.
Что такое структура сайта и почему её делают до дизайна?
Структура — это ответ на вопрос «какие страницы есть на сайте и как они связаны». Дизайн отвечает на другой вопрос — как эти страницы выглядят. Если начать с макета главной, состав страниц придумывается на ходу, и потом его приходится подгонять под уже нарисованное меню.
На практике структура определяет почти всё остальное:
- Объём работ. Сколько шаблонов страниц рисовать, сколько текстов писать — это считается по дереву.
- Меню. Пункты меню — это разделы первого уровня. Их нельзя придумать красиво, не зная, что под ними лежит.
- Поиск. Каждая страница может отвечать на свой запрос. Если страницы нет, запросу просто некуда вести.
- Развитие. Хорошее дерево позволяет добавить услугу или отрасль без перестройки всего сайта.
Структуру удобно фиксировать в техническом задании: тогда и заказчик, и разработчик понимают, что именно будет сдано. Как оформить остальные пункты ТЗ, разобрали в статье «Как составить ТЗ на сайт без опыта».
С чего начать: услуги, вопросы клиентов или запросы?
Начинайте с того, что вы продаёте, затем проверьте это вопросами клиентов, а уже потом — поисковыми запросами. Список услуг даёт каркас, вопросы показывают, каких страниц не хватает, а запросы подсказывают, как эти страницы назвать и стоит ли дробить раздел.
Рабочий порядок, который занимает пару часов:
- Выпишите всё, что вы продаёте. Не так, как это называется внутри компании, а так, как это покупает клиент: не «отдел ОВиК», а «проектирование и монтаж вентиляции».
- Вспомните вопросы клиентов. Что спрашивают менеджеров по телефону и в переписке: цена, сроки, гарантия, работаете ли с юрлицами, есть ли лицензия. Повторяющийся вопрос — кандидат в отдельный блок или страницу.
- Посмотрите запросы. Через Вордстат или подсказки в поиске проверьте, ищут ли услугу отдельно. Если по «монтажу» и «обслуживанию» разный спрос, это две страницы, а не одна.
- Сгруппируйте. Похожие услуги — в раздел, справочные материалы — в блог, доказательства — в кейсы и документы.
- Нарисуйте дерево и проверьте путь клиента. Пройдите его глазами покупателя: из поиска на услугу, оттуда к кейсу, оттуда к форме заявки.
Таблица ниже показывает, как один и тот же бизнес получает разные страницы под разные типы вопросов. Пример условный — компания, которая монтирует и обслуживает вентиляцию.
| Что спрашивает клиент | Какой это интерес | Какая нужна страница | Где она в дереве |
|---|---|---|---|
| «монтаж вентиляции в кафе» | Конкретная услуга для конкретного типа объекта | Посадочная страница услуги или отрасли | Услуги → Монтаж → Для общепита |
| «сколько стоит обслуживание вентиляции» | Цена и порядок работ | Блок цены на странице услуги или отдельная страница цен | Услуги → Обслуживание |
| «какая вентиляция нужна в квартире» | Информационный вопрос, решение ещё не принято | Статья в блоге со ссылкой на услугу | Блог → статья |
| «название компании отзывы» | Проверка надёжности | Кейсы, о компании, реквизиты | О компании, Кейсы |
| «название компании телефон» | Готов связаться | Контакты | Контакты |
Как выглядит структура сайта услуг?
Классическая схема — главная, раздел услуг с отдельной страницей на каждую услугу, цены, кейсы, о компании, блог и контакты. Ниже — та же условная компания, нарисованная деревом. Адреса страниц указаны в скобках.
- Главная (/) — коротко, чем занимаетесь, для кого, ключевые услуги, доказательства, форма заявки
- Услуги (/uslugi/) — обзор всех направлений со ссылками
- Проектирование вентиляции (/uslugi/proekt-ventilyacii/)
- Монтаж вентиляции (/uslugi/montazh/)
- Для кафе и ресторанов (/uslugi/montazh/obshchepit/)
- Для офисов (/uslugi/montazh/ofisy/)
- Обслуживание (/uslugi/obsluzhivanie/)
- Цены (/ceny/)
- Кейсы (/keysy/) — объекты с фото, задачей и сроками
- О компании (/o-kompanii/) — команда, допуски, реквизиты
- Блог (/blog/) — ответы на информационные вопросы
- Контакты (/kontakty/)
- Услуги (/uslugi/) — обзор всех направлений со ссылками
Обратите внимание: страницы «для кафе» и «для офисов» появились не потому, что так красивее, а потому, что у этих клиентов разные требования и они по-разному ищут. Если у вас такого деления нет, третий уровень не нужен.
Небольшой компании с тремя-четырьмя услугами хватает 6–8 страниц: главная, услуги, кейсы, блог, контакты — именно такой состав заложен в тариф корпоративного сайта. Если направлений больше, дерево растёт вширь, а не вглубь.
Чем отличается структура B2B-компании и производства?
B2B-сайт строят вокруг задач и отраслей клиента, а сайт производства — вокруг продукции и её характеристик. В обоих случаях важнее, чем на сайте услуг, раздел документов: сертификаты, реквизиты, карточка компании — их ищут перед заключением договора.
B2B-компания. Покупатель — не один человек, а несколько: инженер смотрит технические детали, закупщик — условия и документы, руководитель — опыт и надёжность. Поэтому первый уровень обычно такой: «Решения» (по задачам клиента), «Отрасли» (для кого работаете), «Кейсы», «Документы», «О компании», «Контакты». Частая ошибка — строить меню по внутренней оргструктуре: «Департамент интеграции», «Отдел сервиса». Клиент не знает, в какой отдел ему нужно.
Производство. Здесь центр сайта — каталог продукции: группы, подгруппы, карточки изделий с размерами, материалами, допусками и чертежами для скачивания. Отдельно — «Производство» (оборудование, мощности, контроль качества), «Под заказ» (если делаете по чертежам клиента), «Доставка и оплата», «Документы». Если позиций сотни и цены зависят от объёма, часто не нужна корзина: хватает каталога с запросом цены — об этом формате есть отдельная статья про сайт-каталог с заявкой.
Ниже — три схемы рядом. Это не шаблоны, а отправная точка для обсуждения.
| Тип сайта | Разделы первого уровня | Что выносить на отдельные страницы | Где обычно ошибаются |
|---|---|---|---|
| Сайт услуг | Услуги, Цены, Кейсы, О компании, Блог, Контакты | Каждую услугу, на которую есть отдельный спрос | Все услуги на одной странице списком |
| B2B-компания | Решения, Отрасли, Кейсы, Документы, О компании, Контакты | Решения по задачам и страницы по отраслям клиентов | Меню по внутренним отделам компании, а не по задачам клиента |
| Производство | Продукция, Производство, Под заказ, Документы, Доставка, Контакты | Группы продукции и отдельные изделия с характеристиками | Каталог из 300 позиций без фильтров и групп |
Сколько уровней вложенности нужно?
Для сайта компании — два-три уровня: главная, раздел, конечная страница. Четвёртый уровень оправдан в каталогах с большим числом позиций. Правило проверки простое: до любой важной страницы посетитель должен дойти с главной за два-три клика.
Глубина влияет и на людей, и на роботов. Яндекс в справке для вебмастеров прямо пишет, что робот находит страницы по ссылкам, и чем глубже документ, тем дольше он может ждать попадания в индекс («Структура сайта», Яндекс Вебмастер). Человек же просто уходит, если не находит нужное за несколько переходов.
Как понять, что вложенность лишняя:
- в разделе одна-единственная страница — раздел не нужен, поднимите страницу на уровень выше;
- промежуточная страница состоит только из списка ссылок и ни на что не отвечает сама;
- адрес страницы длиннее пяти-шести частей через косую черту;
- сотрудники компании сами не могут быстро найти страницу на своём сайте.
Обратный перекос тоже встречается: двадцать пунктов в верхнем меню и ни одного раздела. Это плоская структура, в которой посетитель теряется так же, как в слишком глубокой.
Как связать меню, адреса страниц и хлебные крошки?
Меню повторяет разделы первого уровня, адреса повторяют дерево, а хлебные крошки показывают, где посетитель находится в этом дереве. Если три эти вещи совпадают, сайт понятен и человеку, и поисковику. Если меню живёт своей жизнью, а адреса — своей, начинается путаница.
Меню. В верхнем меню — пять-семь пунктов первого уровня, кнопка связи и телефон. Выпадающие списки — для второго уровня, если он есть. Мобильное меню проверяйте отдельно: длинный выпадающий список на телефоне превращается в бесконечную прокрутку.
Адреса (URL). Короткие, читаемые, в нижнем регистре, слова разделены дефисами. Google в документации советует использовать понятные слова вместо длинных идентификаторов, дефисы вместо подчёркиваний и минимум параметров в адресе, а также напоминает, что регистр в пути важен: адреса с большими и маленькими буквами — это разные адреса (Google Search Central, URL structure). Яндекс отдельно отмечает, что транслитерация в адресе помогает роботу понять тему страницы.
Хлебные крошки. Строка вида «Главная / Услуги / Монтаж вентиляции» над заголовком. Она помогает вернуться на уровень выше и показывает место страницы в дереве. Для Google крошки можно разметить микроразметкой BreadcrumbList; в документации сказано, что цепочка должна показывать типичный путь пользователя к странице, а не обязательно повторять адрес (Google Search Central, Breadcrumb).
Ещё одна деталь, которую легко упустить: все пункты меню и внутренние ссылки должны быть обычными ссылками с адресом. Google в своей документации пишет, что надёжно извлекает адреса только из тега a с атрибутом href, а каждая важная страница должна иметь ссылку хотя бы с одной другой страницы сайта.
Как структура влияет на поиск?
Напрямую: одна страница — один круг запросов. Если под услугу нет отдельной страницы, по её запросу в выдачу попадёт главная или общий раздел, а они почти всегда проигрывают странице, которая отвечает ровно на этот вопрос. Структура — это карта того, по каким запросам сайт вообще может быть найден.
Что от структуры зависит в поиске:
- Охват спроса. Каждая услуга, отрасль, город обслуживания со своим спросом — потенциальная посадочная страница.
- Отсутствие конкуренции внутри сайта. Если две страницы написаны под один и тот же запрос, поисковик выбирает одну из них сам и не всегда ту, что нужна вам.
- Индексация. Страницы, на которые ведут ссылки из меню и из текста, робот находит быстрее, чем страницы, доступные только через поиск по сайту.
- Перелинковка. Статья блога ведёт на услугу, услуга — на кейс, кейс — на форму. Такие связи закладываются в дерево, а не добавляются потом.
Структура — это основа, но не продвижение. Техническую базу к запуску — robots.txt, sitemap, единый адрес сайта, title и description — мы разобрали в статье «Что должно быть на сайте при запуске для SEO».
Какие ошибки ломают структуру?
Самые дорогие ошибки — те, которые обнаруживаются после запуска: страницы под одинаковые запросы, услуги без своих страниц, смена адресов без редиректов. Их исправление — это уже переделка разделов, текстов и ссылок, а не правка меню.
- Все услуги на одной странице. Удобно на старте, но такая страница не может хорошо ответить ни на один конкретный запрос.
- Дубли. «Монтаж вентиляции» и «Установка вентиляции» — две страницы с почти одинаковым текстом. Лучше одна сильная страница.
- Меню по оргструктуре. Разделы называются так, как удобно компании, а не клиенту.
- Пустые разделы «на вырост». Раздел «Новости» с одной записью трёхлетней давности вредит доверию сильнее, чем его отсутствие.
- Страницы-сироты. Страница есть, но на неё не ведёт ни одна ссылка: её не найдут ни посетители, ни робот.
- Смена адресов без 301-редиректов. При переделке сайта старые адреса перестают работать, и накопленные позиции теряются.
- Адреса с кириллицей вперемешку с латиницей, заглавными буквами и параметрами — один и тот же раздел начинает жить по нескольким адресам.
- Нет пути к заявке. Со страниц услуг и кейсов нельзя связаться без возврата на главную.
Когда сложная структура вам не нужна?
Если у вас одна услуга и клиенты приходят по рекламе, разветвлённое дерево не нужно: хватает одной страницы с понятным предложением и формой. Многоуровневая структура оправдана там, где несколько направлений и ставка на поиск.
Не стоит усложнять, когда:
- вы проверяете спрос на новую услугу — проще запустить лендинг, по прайсу от 24 000 ₽, и расширить сайт, если ниша сработает;
- под каждую страницу нет материала: если про услугу нечего написать, кроме двух предложений, отдельная страница будет пустой;
- сайт нужен «чтобы был» для проверки контрагентами: достаточно главной, услуг, реквизитов и контактов.
Если сомневаетесь, какой формат выбрать в принципе, сначала посмотрите разбор «Лендинг, корпоративный сайт или веб-приложение», а уже потом стройте дерево.
Как передать структуру разработчику?
Лучше всего — таблицей, где на каждую страницу одна строка: название, адрес, родительский раздел, цель страницы, основной запрос и что на ней должно быть. Такой файл понятен дизайнеру, копирайтеру и разработчику и легко превращается в sitemap.
Минимальный набор колонок:
- название страницы и её адрес;
- раздел, к которому она относится;
- зачем она нужна: какое действие должен совершить посетитель;
- под какой вопрос или запрос она создаётся;
- какие материалы для неё есть у вас: тексты, фото, документы, кейсы.
Если таблицу составить не получается, ничего страшного: на брифе мы проходим этот путь вместе и согласуем карту сайта до макетов. Дальше дерево фиксируется в техническом задании, и в рамках согласованного объёма по тарифу действуют до 2 раундов правок: на макете и на готовой сборке. Состав и условия тарифа — на странице корпоративного сайта.
Короткие ответы на частые вопросы
Что такое структура сайта простыми словами?
Это список всех страниц сайта и связей между ними: какие разделы есть, что в них лежит и как посетитель переходит от одного к другому. Обычно её рисуют деревом: главная наверху, под ней разделы, под разделами отдельные страницы.
Какая структура сайта наиболее универсальна?
Для сайта компании чаще всего подходит связка «Главная — Услуги или Продукция — Кейсы — О компании — Блог — Контакты». Но это стартовая точка, а не готовый ответ: состав второго уровня зависит от того, сколько у вас направлений и как клиенты их ищут.
В какой программе нарисовать структуру сайта?
Подойдёт любой инструмент, где можно сделать дерево: таблица, онлайн-доска для схем, даже вложенный список в документе. Важнее содержание: у каждой страницы должны быть название, адрес, цель и запрос, под который она создаётся.
Можно ли поменять структуру после запуска?
Можно, но при смене адресов страниц нужно настроить постоянные 301-редиректы со старых адресов на новые, обновить меню, внутренние ссылки и sitemap. Без этого посетители и поисковые роботы будут попадать на несуществующие страницы.
Сколько страниц должно быть на сайте компании?
Столько, сколько у вас отдельных тем, на которые есть спрос. Небольшой компании с тремя-четырьмя услугами часто хватает 6–8 страниц; если направлений больше или нужен поиск по каждой услуге, страниц становится больше.
Услуги и кейсы по теме: корпоративные сайты · цены и сроки
Пришлите список услуг и пару сайтов, которые вам нравятся, — набросаем дерево разделов и скажем, сколько страниц на самом деле нужно вашему сайту.
Рассчитать проект →Оценку срока и цены по брифу делаем бесплатно, обычно отвечаем в течение часа в рабочее время. Типовой договор — посмотреть до оплаты.
