Tilda · 7 мин чтения

Сделать многостраничный сайт на Тильде: структура и меню

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

Из чего складывается структура многостраничного сайта на Тильде

В Тильде сайт живёт внутри проекта, и в одном проекте можно держать десятки и сотни страниц одновременно. Прежде чем открывать редактор, я всегда фиксирую список страниц на бумаге или в таблице: главная, каталог с категориями, карточки услуг, о компании, блог, контакты, политика конфиденциальности. Для интернет-магазина отдельно добавляются страницы категорий и товаров, а для сайта услуг нужны страницы под каждое направление. Для блога в Тильде есть отдельный тип страницы с лентой публикаций, его тоже стоит закладывать в структуру сразу, а не пристраивать позже отдельным разделом.

У каждой страницы в Тильде можно задать собственный URL-путь в настройках, и это стоит делать сразу, а не переносить страницы с автоматическими адресами вида page123456. Если структура меняется в процессе работы и старые адреса уже кто-то проиндексировал, в настройках SEO у каждой страницы есть свои 301-редиректы, поэтому переезд URL не обязательно теряет ссылки и позиции.

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

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

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

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

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

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

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

Бесплатный материал

🎁 Полезный скрипт в подарок

Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.

Без спама. Отписка в 1 клик.

Лимиты тарифов Тильды, которые реально влияют на многостраничный сайт

У Тильды три актуальных тарифа: Free, Personal и Business. Для многостраничного сайта важны не маркетинговые описания тарифов, а конкретные цифры.

Тариф Цена в месяц Что важно для многостраничного сайта
Free 0 ₽ Нет своего домена и приёма оплаты, подходит только собрать и протестировать структуру перед переездом на платный тариф
Personal 500 ₽ при оплате за год, 750 ₽ помесячно Свой домен, до 1000 страниц в проекте, каталог до 5000 товаров, приём оплаты, доставка, промокоды, вебхуки, SSL
Business 1000 ₽ при оплате за год, 1250 ₽ помесячно Всё то же самое, что на Personal; для чисто многостраничного сайта без сложной коммерции разница в тарифе обычно не критична

Лимит в 1000 страниц на Personal касается обычных страниц проекта. У каталога есть свой отдельный лимит в 5000 товаров, и они не вычитаются друг из друга. На практике для сайта услуг с блогом и портфолио в 1000 страниц упереться сложно, а вот у крупного каталога с категориями, фильтрами и посадочными страницами под каждый бренд лимит стоит прикинуть заранее, до начала работ.

Порядок работ: как я собираю структуру и меню на практике

  1. Собираю список страниц и целей каждой: что должен сделать посетитель на этой странице.
  2. Рисую дерево структуры: какие страницы попадают в меню первого уровня, какие уходят в подпункты.
  3. Создаю проект, настраиваю сквозную шапку, меню и подвал до того, как начинаю наполнять страницы.
  4. Верстаю страницы по общим блокам, чтобы дизайн не расползался от раздела к разделу.
  5. Прописываю у каждой страницы URL, title и description в настройках SEO, ставлю редиректы там, где адреса менялись.
  6. Проверяю навигацию на мобильном и десктопе: переходы по меню, хлебные крошки, кнопки «назад».
  7. Подключаю домен и публикую сайт.

На одном из проектов для локальной сети клиник структура выросла с исходных 12 страниц (услуги и филиалы) до 40+ за счёт отдельных страниц под каждое направление и врачей, и как раз сквозные блоки меню и шапки, собранные с самого начала, позволили добавлять новые страницы без переделки навигации на всём сайте.

Типичные ошибки при переходе от лендинга к многостраничному сайту

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

Вторая частая ошибка: плоское меню без иерархии, когда все 30-40 страниц свалены в одну горизонтальную строку. Это плохо читается и на мобильном превращается в длинный список без логики. Вложенные группы в меню решают это почти без затрат по времени.

Третья ошибка: меняют структуру URL без редиректов. Переименовали раздел «Услуги» в «Каталог услуг», а старые ссылки из писем, визиток и внешних сайтов повисли на 404. Настройка 301-редиректа в SEO-блоке страницы занимает минуту и снимает эту проблему.

Ещё встречается ситуация, когда каталог на 3000-4000 товаров подключают на тарифе Free для теста, а потом при переносе на Personal не проверяют лимит по страницам, если помимо каталога уже успели насоздавать landing-страниц под рекламные кампании.

Что входит в разработку многостраничного сайта и что нет

В мою работу по многостраничному сайту на Тильде входит: проектирование структуры и меню, настройка сквозных блоков шапки и подвала, вёрстка страниц по образцу, настройка SEO-полей и редиректов, базовая настройка форм и приёма заявок, тестирование навигации на разных устройствах. Стоимость такого проекта начинается от 30 000 ₽, точная цена зависит от количества страниц и уникальности вёрстки каждой из них.

Не входит: оплата самого тарифа Тильды (клиент оплачивает её напрямую платформе), написание текстов и фотосъёмка, если это не оговорено отдельно, и сложные интеграции сверх штатных настроек Тильды, например нестандартная логика меню, кастомные условия показа блоков или связка с внешней CRM. Такие доработки я считаю отдельно: простой кастомный скрипт для Тильды стоит от 3 000 ₽, а комплексная интеграция вроде CRM, эквайринга или нестандартной доставки стоит от 40 000 ₽.

Условия и возможности Тильды меняются, поэтому перед запуском я уточняю их у самого сервиса.

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

Сколько страниц можно создать на тарифе Personal?

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

Можно ли сделать многостраничный сайт на бесплатном тарифе?

Технически можно собрать несколько страниц для теста структуры и вёрстки, но на Free нет своего домена и приёма оплаты, поэтому для рабочего коммерческого сайта нужен минимум тариф Personal.

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

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

Что делать, если сайту нужно больше 1000 страниц?

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

Есть задача?

Обсудим в мессенджере

Расскажите, что нужно сделать — отвечу в течение 4 часов в рабочее время. Первая консультация бесплатно.

Продолжая пользование настоящим сайтом Вы выражаете своё согласие на обработку Ваших персональных данных (файлов куки) с использованием Yandex.Metrika.
Понятно