Сайты с ИИ2026-07-268 минНатали Анарбаева

Разделы сайта: какие нужны и как сделать структуру в 2026

Разделы сайта: какие нужны и как сделать структуру в 2026

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

Какие разделы нужны обычному сайту

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

  • Главная: кто вы, что делаете, для кого и что человеку сделать дальше. Единственный раздел, который обязателен всегда.
  • Услуги или каталог: список того, что вы продаёте, с составом работы, сроками и ценой (хотя бы вилкой «от и до»).
  • О нас или об авторе: факты вместо эпитетов, опыт, состав команды, документы, лицензии.
  • Кейсы или портфолио: 3-6 примеров по схеме «задача, что сделали, что получилось». Это самый убедительный раздел на сайте услуг.
  • Отзывы: скриншоты переписок, ссылки на карты и отзовики, короткие видео. Тексты без источника почти не работают.
  • Контакты: телефон, мессенджеры, адрес и карта, если приём офлайн, и форма заявки.
  • Блог или «полезное»: нужен, если планируете трафик из поиска и готовы писать регулярно. Без статей это пустая вкладка в меню.

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

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

Посмотреть, как собрать

Одна страница с якорями или несколько страниц

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

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

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

По теме: Как сделать кликабельный сайт в 2026: ссылки, кнопки, телефон

Как спроектировать структуру до вёрстки

Полчаса на бумаге экономят несколько вечеров переделок. Порядок такой.

  1. Запишите цель сайта. Одна фраза: что должен сделать человек (оставить заявку, записаться, купить, написать в мессенджер). Разделы, которые не ведут к этой цели, лишние.
  2. Выпишите вопросы клиента. Возьмите десять реальных вопросов из переписок и звонков. Каждый вопрос это кандидат в раздел или в блок FAQ.
  3. Соберите вопросы в группы. Похожие склеиваются: «сколько стоит», «что входит», «какие сроки» это одна страница услуги, а не три.
  4. Назовите разделы словами клиента. «Услуги», «Цены», «Отзывы» понятнее, чем «Решения» и «Экспертиза». Названия из меню люди сканируют за секунду.
  5. Постройте карту на два уровня. Главная, под ней разделы, под разделами страницы. Третий уровень вложенности небольшому сайту почти никогда не нужен.
  6. Проверьте каждый раздел вопросом «чем я его наполню сегодня». Нечем наполнить, значит раздел пока не создаём.

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

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

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

Собрать сайт с ИИ

Промпт для генератора сайтов: пример

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

«Сделай многостраничный сайт студии маникюра в Твери. Страницы и их адреса: главная (/), услуги (/uslugi), кейсы (/keysy), о студии (/o-nas), контакты (/kontakty). Верхнее меню одинаковое на всех страницах, пункты ведут на эти адреса, на телефоне меню сворачивается в кнопку. Главная: первый экран с заголовком, коротким предложением и кнопкой «Записаться», ведущей на /kontakty, дальше блок из трёх услуг с ценами, три отзыва, блок с картой и формой. Страница услуг: список из шести услуг, у каждой название, состав, длительность, цена от. Кейсы: шесть карточек «до и после» с подписью. Контакты: телефон, WhatsApp, адрес, часы работы и форма с полями имя, телефон, комментарий и галочкой согласия на обработку данных. Текст пиши по-русски, обращение на вы, без выдуманных фактов: где нужны данные, ставь заметный плейсхолдер в квадратных скобках. Стиль спокойный, светлый фон, один акцентный цвет. Подвал одинаковый на всех страницах: контакты, ссылка на политику конфиденциальности, год.»

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

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

Если сайт собирается кодом, попросите сразу разложить страницы по файлам (index.html, uslugi.html, kontakty.html) и вынести меню и подвал в одинаковую разметку. Якорь внутри одностраничника это обычная ссылка вида <a href="#uslugi">Услуги</a>, а у самой секции стоит атрибут id="uslugi", так что смешивать оба подхода можно: пункты меню ведут либо на страницу, либо на якорь.

По теме: Как сделать сайт на весь экран в 2026: готовый CSS и промпты

Навигация: меню, которое не путает

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

  • 5-7 пунктов в верхнем меню. Больше не удерживается взглядом, лишнее уводите в подвал.
  • Логотип слева всегда ведёт на главную: это ожидаемое поведение, отдельный пункт «Главная» тогда не нужен.
  • Кнопка целевого действия («Записаться», «Оставить заявку») стоит в меню отдельно и выделена цветом.
  • Активный раздел подсвечен, чтобы человек понимал, где находится.
  • В подвале дублируются контакты и юридические страницы: их ищут именно внизу.
  • На телефоне меню сворачивается в иконку, а кнопка действия остаётся видимой.

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

Где собирать: конструкторы и ИИ-генераторы

Структура важнее инструмента, но выбор влияет на то, насколько легко добавлять разделы потом. Три варианта, доступные из России летом 2026 года.

Блочные конструкторы. У Tilda есть бесплатный тариф Free: до 50 страниц, адрес вида yourname.tilda.ws, при этом свой домен, приём данных из форм и подключение Яндекс.Метрики на нём недоступны (условия тарифа Free). То есть спроектировать и показать структуру бесплатно можно, а вот собирать заявки уже нет. Пошаговый разбор есть в статье про сайт на Тильде.

Российские конструкторы с ИИ. Craftum генерирует черновик сайта по текстовому описанию и даёт бесплатный пробный период, платные тарифы начинаются примерно от 270 рублей в месяц, дешевле при оплате за год (обзор конструкторов 2026). Плюс в оплате российской картой без обходных путей, минус в том, что генерация даёт скорее заготовку, чем готовую структуру.

ИИ-генераторы, которые пишут код. Lovable и подобные сервисы собирают многостраничный сайт прямо по промпту. Бесплатный тариф Lovable даёт 5 кредитов в день с потолком 30 кредитов в месяц, кредиты обновляются в полночь по UTC и не накапливаются (разбор тарифов Lovable). Этого хватает на черновик и пару правок, дальше нужен платный план, а оплата из России требует отдельных способов. Общая картина инструментов есть в руководстве, как сделать сайт с помощью ИИ.

По теме: Как сделать сайт-визитку в 2026: три способа и готовый промпт

Как не наплодить лишних страниц

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

  • Правило наполнения: раздел создаётся, когда для него уже написан текст, а не «на будущее».
  • Одна страница, один запрос: если две страницы отвечают на один и тот же вопрос, они мешают друг другу в поиске и их лучше склеить.
  • Раздел меньше 1000 знаков это блок на другой странице, а не самостоятельная страница.
  • Новости заводят только под регулярный поток: пустая лента с последней записью годичной давности говорит о вас ровно обратное задуманному.
  • Раз в квартал проходите по меню и убирайте то, на что никто не заходит: статистика посещений покажет такие разделы за минуту.

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

Сколько разделов должно быть на сайте?

Для сайта услуг рабочий минимум это 4-6 разделов: главная, услуги, кейсы или отзывы, о нас, контакты. Магазину добавляются каталог, доставка и оплата. Считать нужно не разделы, а закрытые вопросы клиента: если на все вопросы ответ есть, количество вторично.

Чем раздел отличается от страницы?

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

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

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

Можно ли добавить разделы позже?

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

Если хотите собрать сайт со структурой, меню и заявками за один вечер и понять, как на этом навыке брать заказы, приходите на бесплатный воркшоп «Сайты с ИИ»: там всё делается руками на живом примере.

Занять место
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».
Первый проект с ИИ: живой разбор, бесплатно Занять место