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

Что такое структура сайта?

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

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

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

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

Какие бывают виды структуры: линейная, древовидная, блочная?

Линейная, древовидная, блочная и смешанная. Для сайтов услуг почти всегда подходит древовидная.

• Линейная. Страницы идут одна за другой, как слайды. Так устроены одностраничники и простые сайты-визитки. Под поиск почти не годится: одна страница не может ответить на десятки разных запросов.
• Древовидная (иерархическая). От главной расходятся разделы, от разделов — страницы. Так устроены сайты услуг, интернет-магазины, блоги. Удобна и людям, и поисковикам.
• Блочная (сетевая). Все страницы ссылаются друг на друга без явной иерархии. Встречается у небольших портфолио. При росте сайта быстро превращается в кашу.
• Смешанная. Дерево разделов плюс перекрёстные ссылки: из статьи блога на услугу, из услуги на кейсы. Так на деле устроен почти любой живой сайт.

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

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

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

Поэтому порядок у меня всегда один: запросы → структура → прототип → дизайн → вёрстка → тексты.

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

Как создать структуру сайта: пошаговая инструкция

Собираю запросы, группирую их по выдаче, раскладываю группы по разделам, проверяю конкурентов, назначаю адреса и сохраняю всё в одну таблицу.

1. Собираю запросы. Беру Wordstat и записываю, как клиенты ищут услугу: названия услуг, «цена», «под ключ», «рядом», вопросы. Для начала хватит пары сотен запросов. Как собирать запросы, я подробно разбираю в чек-листе по семантике, его можно забрать в моём боте.

2. Чищу. Убираю чужие города, бренды конкурентов, «бесплатно» и «своими руками», если вы продаёте услугу, а не учите.

3. Группирую по выдаче Яндекса. Это главный шаг. Смотрю первую десятку Яндекса по каждому запросу. Если у двух запросов в топ-10 совпадают 3–4 одинаковых адреса, Яндекс считает их одной темой, и их можно закрыть одной страницей. Если совпадений нет, нужны разные страницы. Руками это долго, поэтому есть сервисы кластеризации, а я делаю это скриптом.

4. Раскладываю группы по разделам. Каждая группа становится страницей. Близкие страницы объединяю в раздел: например, все виды ремонта уходят в раздел «Ремонт». Информационные группы («как выбрать», «что лучше») уходят в блог.

5. Проверяю конкурентов. Открываю 3–5 сайтов из топа и смотрю, какие разделы есть у них и нет у меня. Не копирую, а ищу дыры.

6. Записываю всё в таблицу. Столбцы: раздел, страница, адрес, главный запрос, остальные запросы группы, тип страницы. Эта таблица потом становится ТЗ для дизайнера, программиста и копирайтера. И для нейросети тоже: я отдаю её агенту, и он собирает страницы по ней.

Как семантическое ядро и анализ выдачи Яндекса подсказывают страницы?

Смотрите на выдачу, а не на свою логику. Если Яндекс по двум запросам показывает разные сайты, это две разные страницы.

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

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

Запросы с почти нулевой частотой я не выношу на отдельные страницы. Их добавляю в существующую страницу подзаголовком или вопросом в FAQ.

Пример структуры: сайт услуг, визитка, интернет-магазин

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

Вот типовое дерево для небольшой компании, которая делает ремонт. Это учебный пример, а не чей-то реальный сайт:

• Главная — коротко кто вы, главные услуги, доверие, кнопка заявки.
• Услуги — раздел-каталог.
• Ремонт квартир под ключ
• Ремонт ванной
• Ремонт в новостройке

• Дизайн-проект

• Цены — отдельная страница: по запросам «цена» и «стоимость» у Яндекса часто своя выдача.

• Работы — фото объектов, лучше каждый объект отдельной страницей.
• Блог — ответы на вопросы до покупки: сроки, материалы, что выбрать.
• О компании, Отзывы, Контакты.

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

Интернет-магазин. Здесь иерархия глубже: каталог → категория → подкатегория → товар. Категории и подразделы я тоже собираю по запросам: если люди ищут «диваны угловые» отдельно от «диваны прямые», это две категории, а не фильтр внутри одной. Карточку товара держу не глубже третьего-четвёртого уровня.

У этого блога структура такая же по сути, только проще: главная, блог с рубриками, продукты с отдельными посадочными под каждый и страница обо мне. Каждая статья ссылается на 2–3 соседние и на подходящий продукт.

Какие требования к URL, навигации и карте сайта для SEO?

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

• Адреса повторяют дерево: /uslugi/remont-vannoj/, /blog/kak-vybrat-plitku/. Без дат, номеров и кириллицы.
• Глубина. Любую важную страницу человек должен найти в пару кликов с главной. Если услуга спрятана на пятом уровне, поисковик тоже будет считать её второстепенной.
• Хлебные крошки. Показывают, где человек находится, и дают поисковику ещё одну подсказку о дереве.
• Перелинковка. Из статьи блога даю ссылку на услугу, из услуги на работы и цены. Так вес и люди перетекают туда, где заявка.
• Карта сайта sitemap.xml. Её генерирует движок или плагин, а я проверяю, что туда попали все нужные страницы и не попал мусор. Потом добавляю её в Яндекс Вебмастер.

Какие ошибки в структуре я вижу чаще всего: советы

Все услуги на одной странице, дубли под один и тот же запрос и страницы, на которые нет ни одной ссылки.

1. Все услуги на одной странице. Удобно владельцу, но под поиск это одна страница вместо десяти. Каждая услуга с отдельным спросом заслуживает своей страницы.
2. Дубли. Две страницы под одну и ту же группу запросов мешают друг другу, и Яндекс показывает то одну, то другую. Лучше одна сильная.
3. Страницы-сироты. Страница есть, а ссылок на неё нет ни из меню, ни из текстов. Её плохо находят и люди, и робот.
4. Структура «как у нас в компании». Разделы названы внутренними словами отделов, а не так, как ищут клиенты.
5. Мусор в индексе. Тестовые копии, старые поддомены, служебные страницы. Их нужно закрывать от индексации. Я сам недавно вычищал такое на своём домене.
6. Смена адресов без перенаправления. Переделали структуру, а старые адреса отдают ошибку. Позиции теряются.

Хорошая структура — это ещё и основа для ответов нейросетей: когда у каждой темы своя понятная страница, её проще процитировать.

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

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

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

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

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

Частые вопросы

Дмитрий Гугуян

Разработчик сайтов и SEO-специалист · Майкоп

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

WordPress 1С-Битрикс Python SEO Яндекс/Google ИИ-агенты

Материалы в Telegram Задать вопрос автору Обо мне Агентство Рекком