Клиенты часто спрашивают, как сделать разделы на Тильде так, чтобы сайт не разрастался в одну бесконечную ленту блоков без начала и конца. За практику с Tilda-проектами я прогонял оба подхода: разделы-страницы, которые живут на отдельных адресах, и разделы-блоки, соединённые якорями внутри одного лендинга. У каждого варианта свои ограничения по меню, индексации в поиске и скорости сборки, и выбор зависит от типа сайта - визитка на пять экранов, каталог на пару сотен товаров или продуктовый лендинг с одной формой заявки.
По теме статьи
Готовое решение
Скрипт расчёта налога (НДС) в корзине Tilda
Автоматический расчёт НДС отдельной строкой в корзине Tilda — для США, ЕС и B2B.
от5 000 ₽
Сайт / Tilda
От лендинга до интернет-магазина
Разработка сайтов на Tilda с нестандартным функционалом. Кастомные формы, калькуляторы, интеграции с CRM — всё, что нужно для запуска бизнеса.
от30 000 ₽
Два способа разбить сайт на разделы в Тильде
В Tilda раздел можно организовать двумя путями, и путать их не стоит - от выбора зависит вся дальнейшая структура проекта.
Первый способ - раздел как отдельная страница (Page) со своим URL, собственным набором блоков, своим title и description в настройках SEO. Так устроены каталоги, блоги, сайты услуг с разделами «О компании», «Кейсы», «Контакты».
Второй способ - раздел как якорный блок внутри одной страницы. Пункт меню ведёт не на новый адрес, а прокручивает страницу к блоку с заданным ID, например #price или #contacts. Это стандартная схема для одностраничных лендингов: оффер, преимущества, кейсы, тарифы и форма заявки идут друг за другом на одном URL.
Я обычно смотрю на количество будущих разделов и цель сайта. Если посадочная страница продаёт один продукт и разделов пять-семь, якоря удобнее: страница легче в поддержке и не плодит лишние URL для индексации. Если сайт растёт вширь - каталог, блог, несколько направлений услуг, - без отдельных страниц не обойтись, иначе поисковик увидит один документ с кашей из ключевых фраз вместо нескольких целевых страниц.
| Критерий | Разделы-страницы | Якорные блоки на одной странице |
|---|---|---|
| SEO разных разделов | У каждой страницы свой URL, title и description | Все блоки делят один URL и один title |
| Скорость загрузки | Грузится только нужная страница | Грузится весь набор блоков сразу |
| Переход по меню | Ссылка ведёт на новый адрес | Плавная прокрутка на той же странице |
| Когда уместно | Каталог, блог, сайт услуг от пяти разделов | Лендинг одного продукта или услуги |
Как сделать раздел-страницу и привязать её к меню
Раздел-страница создаётся в панели проекта кнопкой «Добавить страницу». У новой страницы сразу стоит задать три вещи: человекочитаемый путь вида /uslugi, а не /page3841, заголовок и описание в настройках SEO, и опубликовать её хотя бы черновиком - иначе она не появится в структуре меню.
Дальше раздел добавляется в меню через настройки шапки: либо простым пунктом со ссылкой на страницу, либо выпадающим списком, если раздел объединяет несколько подстраниц. Типичный пример - пункт «Услуги» с выпадением на «Разработка сайтов», «Поддержка», «SEO».
Из практики: вложенность больше двух уровней (раздел, потом подраздел, потом под-подраздел) на Тильде читается плохо, а на мобильной версии превращается в неудобный длинный список. Если структура получается сложнее, чем «раздел и пара подстраниц», я на этом этапе обычно пересобираю карту сайта заново, а не пытаюсь впихнуть третий уровень в меню.
Когда разделов набирается больше десятка и часть из них требует нестандартной логики - фильтры каталога, личный кабинет, интеграция с CRM, - готовые блоки конструктора такую задачу не закрывают. На этом этапе обычно подключают разработку сайта на Тильде под конкретную структуру с кастомными скриптами под фильтрацию, вложенные разделы и связку с внешними сервисами.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Разбивка одной страницы на смысловые блоки якорями
Для лендинга разделы делаются иначе - через ID блока и якорную ссылку в меню. В настройках блока указывается произвольный идентификатор, например price, а в пункте меню ставится ссылка вида #price. Клик по пункту меню плавно прокручивает страницу к нужному месту.
Порядок блоков должен повторять путь мысли посетителя, а не порядок, в котором вы их придумали: сначала оффер и понимание, что это за продукт, потом разбор проблемы и выгод, кейсы или отзывы, тарифы, ответы на частые возражения и форма заявки в конце. Если поменять местами цены и кейсы, конверсия часто падает - это видно и по вебвизору, и по обычной логике поведения: сначала доверие, потом цена.
Отдельная головная боль - фиксированная шапка (sticky header). Она перекрывает верх блока при переходе по якорю, и заголовок раздела прячется под меню. Лечится это через отступ прокрутки в настройках якоря или через отдельный скрипт, компенсирующий высоту шапки - без него на мобильных с шапкой высотой около 70 пикселей обрезает первую строку заголовка почти всегда.
Структура разделов для каталога и интернет-магазина
У интернет-магазина на Тильде разделы почти всегда - это страницы, а не якоря: карточка товара, категория, корзина и оформление заказа физически не могут ужиться на одном экране с прокруткой.
Категории первого уровня выносятся в отдельные пункты меню, подкатегории - страницами с привязкой к родительскому разделу. На практике для магазина в 50-150 товаров хватает двух уровней: категория и подкатегория, третий уровень нужен только при ассортименте от нескольких сотен позиций.
Разделы, которые часто забывают на этапе планирования структуры, но которые ищут покупатели: доставка и оплата, возврат, статус заказа. Зоны доставки в Тильде из коробки не считаются по адресу и весу заказа - для этого обычно ставят отдельный скрипт, который рассчитывает стоимость по городу и весу через данные СДЭК или другой службы.
SEO-настройка каждого раздела отдельно
Главный плюс разделов-страниц - у каждой свой title, description и h1, и настраивать их нужно вручную, конструктор не подставляет уникальные метатеги сам. На проекте из 12-15 разделов эта работа занимает у меня час-полтора: выписываю по одному ключевому запросу на раздел, ставлю его в title, а description пишу под конкретную выгоду раздела, а не общими словами про компанию.
После добавления новых разделов не забывайте про карту сайта - Тильда обновляет sitemap.xml автоматически, но индексация новых адресов в Яндексе и Google занимает от нескольких дней до двух-трёх недель, и на это стоит закладывать время уже при планировании публикации.
Для якорных блоков SEO работает иначе: раз URL один на всю страницу, title и description пишутся под главный оффер лендинга, а не под каждый блок отдельно. Пытаться впихнуть в один title сразу все ключи от каждого раздела - плохая идея, поисковик такую страницу считает нерелевантной ни одному запросу.
Частые ошибки при делении сайта на разделы
За доработку чужих Tilda-проектов я чаще всего встречаю одни и те же промахи.
- Один и тот же блок скопирован в три раздела вместо переиспользования - при правке текста забывают обновить копии, и на сайте расползаются противоречащие друг другу цены или условия.
- Меню растёт быстрее, чем контент: в шапке двенадцать пунктов, а за половиной из них по одному блоку текста. Лучше объединить мелкие разделы, чем плодить пустые страницы ради структуры.
- Якорная ссылка ведёт на блок, у которого позже поменяли или удалили ID - пункт меню кликается, а прокрутки не происходит, и при беглой проверке это не всегда заметно.
- Разделы каталога без хлебных крошек - посетитель попадает в подкатегорию через поиск и не понимает, в какой части магазина находится.
Каждая из этих ошибок лечится за 15-30 минут, если найти её вовремя, но без разбора структуры на проде их обычно не видно, пока не начнёт падать конверсия или не пожалуется клиент.
Частые вопросы
Сколько разделов можно сделать на Тильде?
Технического потолка по числу страниц на платных тарифах нет, ограничения касаются в основном набора блоков и функций внутри тарифного плана. На практике разумный предел определяет не конструктор, а удобство меню: больше 8-10 пунктов верхнего уровня уже плохо читаются на мобильном экране, и часть разделов стоит прятать в подменю или в footer.
Можно ли совмещать разделы-страницы и якорные блоки на одном сайте?
Да, это обычная практика. Продающий лендинг с якорными блоками может вести с одной из кнопок на отдельную страницу-раздел «Каталог» или «Оплата и доставка», где уже своя структура. Главное - не путать это в самом меню: пункты-якоря и пункты-ссылки на страницы стоит визуально или логически разносить, чтобы посетитель понимал, останется он на месте или уйдёт на новый экран.
Как перенести часть блоков в отдельный раздел без потери вёрстки?
В Тильде есть копирование блока между страницами через буфер обмена: сочетание для копирования на исходном блоке и вставки на нужной странице сохраняет вёрстку и стили. Сложнее с блоками, у которых есть кастомный JS конкретной страницы, например скрипт фильтра каталога - его нужно переносить и тестировать отдельно, простым копированием блока такой скрипт не подтянется.
Сколько стоит доработать структуру разделов на готовом сайте?
Небольшая правка вроде переноса блока в новый раздел и перенастройки меню обычно попадает в простую доработку от 3 000 ₽. Если нужна более серьёзная реорганизация - каталог с вложенными категориями, кастомные фильтры и скрипт под расчёт доставки, - это уже комплексная интеграция от 40 000 ₽, и точная цена зависит от количества разделов и скриптов, которые придётся писать заново.