Как создать многостраничный сайт на Тильде

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

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

Кто сказал, что Тильда только для лендингов?

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

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

Тильда дружит с SEO на уровне базовых настроек — все нужное уже есть в админке.

Истинная точка отсчета большого сайта

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

А точно это ваш случай?

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

Четыре шага к работающей структуре — закладываем фундамент

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

• Шаг первый — цели. Чего вы хотите добиться? Привлекать новых клиентов? Показывать портфолио? Делиться знаниями через блог? Собирать заявки? Все это влияет на структуру и содержание.
• Шаг второй — люди. Кто будет заходить на ваш сайт? Что они ищут? Какие у них проблемы и вопросы? Если вы понимаете свою аудиторию, вам будет проще решить, что писать, сколько страниц делать и как подавать информацию.
• Шаг третий — конкуренты. Конечно, не нужно их копировать, но постараться понять чужую логику стоит. Какие разделы есть у других? Как они выстраивают навигацию? Где у них слабые места? Выпишите повторяющиеся решения и подумайте, как вы можете сделать лучше.
• Шаг четвертый — структура. В Tilda каждая страница создается отдельно, а потом связывается с другими через меню и ссылки. Лучше набросать схему заранее, на онлайн-доске или на бумаге.

Игра в конструктор — собираем дизайн из готовых кубиков

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

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

В Тильде есть больше четырехсот блоков, в том числе и базовые элементы для любого бизнес-многостраничника:

• Заголовки — чтобы человек сразу понял, что он попал он куда надо.
• Карта — если пользователю не придется искать вас в навигаторе, он это оценит.
• Картинки и слайдеры — визуальный контент, говорящий громче тысячи слов.
• Кнопки — маячки для пользователей: «Нажми сюда, чтобы получить».
• Меню — маршрут, по которому вы ведете посетителя.
• Отзывы — социальное доказательство, без которого сейчас никуда.
• Тексты — тут вы доказываете, что разбираетесь в теме.
• Формы — место, где посетитель становится клиентом.

Шаблоны у Тильды современные и аккуратные — даже если вы не дизайнер, результат будет выглядеть достойно.

В стандартных блоках все уже продумано за вас, вы просто меняете текст и картинки на свои. Собрать страницу можно за пару часов, даже если вы никогда не занимались сайтами. Все адаптивное, все красивое. Но, увы, готовые блоки не дают бесконечной свободы, поэтому такие сайты иногда получаются похожими друг на друга. Хочется уникальности? Используйте Zero Block. Там можно творить что угодно, но и ответственность за адаптивность и внешний вид ложится на вас. Для сложных анимаций и нестандартных решений это идеальный вариант, но если вы не уверены в своих дизайнерских навыках, лучше привлечь профессионала.

А что вы скажете миру? Готовим контент

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

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

Создаем аккаунт и решаем, сколько готовы платить

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

Перед тем как погрузиться, в креатив, стоит определиться с финансовой составляющей. У Tilda есть три тарифа:

• Free — чисто попробовать. Один сайт, до 50 страниц, адрес будет типа ваш-проект.tilda.ws. Для тренировок и черновиков — отлично. Для серьезного проекта бесплатный вариант увы, не годится.
• Personal — самый популярный. Сайт тоже один, но больше — до пятисот страниц, можно привязать свой домен и использовать CRM. Цена — 500 ₽/мес. при оплате за год. Для большинства многостраничников этого хватает.
• Business — если у вас несколько проектов. До пяти сайтов, по тысяче страничек каждый. Можно выгружать код и размещать на своих серверах. Стоит 1000 ₽/мес. при годовой оплате.

Можно активировать бесплатный тест-драйв на две недели, это хороший способ проверить, подходит ли вам платформа.

Открываем Тильду и переходим к практике

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

Первая страница, вторая, третья… поехали!

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

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

• URL — человекочитаемый адрес, например, /services или /blog.
• Заголовок (Title) — будет виден во вкладках браузера.
• Статус — сначала ставьте «Черновик», публикуйте только когда все готово.

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

Если на сайте есть формы, в которые люди будут вводить имя, телефон или e-mail, необходимо сделать отдельную страничку с политикой обработки персональных данных.

Как еще можно ускорить работу, когда страниц много

Если у вас десятки или сотни страниц, менять каждую вручную — это катастрофа. К счастью, Тильда дает несколько инструментов, позволяющих избежать монотонной работы.

Alias-блоки

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

Без Alias вам пришлось бы править его на каждой странице отдельно. С ним достаточно изменить один раз, и обновления появятся везде. Настраивается это так: добавляете блок-оригинал, копируете его ID, а в других местах ставите блок Т213 из категории «Другое» и вставляете этот ID. Изменения будут подхватываться автоматически.

Единый стиль ссылок

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

«Мои блоки»

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

«Избранное»

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

Внутри сайта лучше использовать относительные ссылки. Вместо полного адреса (https://мойсайт/новости) пишите просто /новости. Тогда при смене домена все ссылки останутся рабочими, и не придется ничего переделывать.

Контент — душа сайта. Наполняем страницы смыслом

Нажмите «+» в редакторе и выбирайте подходящий блок из библиотеки. Можно менять цвета в каждом элементе отдельно или задать глобальные настройки в разделе «Шрифты и цвета». Там же настраиваются оттенки для кнопок, фона и текста. Если нужен кастом и вы готовы все настраивать вручную, используйте Zero Block. И не забывайте, что блоки можно перемещать, копировать, добавлять в избранное и сохранять как шаблон для других страниц.

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

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

На каждой странице должен быть только один заголовок H1, все остальные — H2 и H3. Заголовки выставляйте через настройки блока, а не просто меняйте размер шрифта — это важно для поисковых систем.

Изображения и медиа загружаются через кнопку «Контент» в верхнем меню. Оптимальный размер фотографий — 1200х1600 по ширине. Для фото используйте JPG, для иконок — PNG. Если картинок много, делайте слайдеры или галереи — они настраиваются достаточно гибко. Видео можно загрузить напрямую в Тильду, встроить с видеохостинга или использовать прямую ссылку на файл.

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

Потоки — инструмент для тех, кто много пишет

Блог — важная часть многих многостраничных сайтов. Это круто и для SEO, и для вашей репутации у пользователей. Верстка каждой статьи вручную занимает слишком много времени, поэтому в Тильде есть «Потоки» — отдельный редактор, в котором вы быстро собираете текст, фото и видео под нужный дизайн. Готовые статьи автоматически выводятся на сайт через особые блоки. И никаких ограничений по количеству — пишите сколько угодно, эти статьи не входят в число страниц, предусмотренных тарифом.

Чтобы никто не потерялся: настраиваем хедер

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

В шапку добавляем логотип (он обычно является кнопкой, ведущей на главную), пункты меню, контакты, кнопку с призывом и ссылки на соцсети. Главное правило — не перегружать. Пять-шесть пунктов меню — идеально. Если больше, сделайте двухуровневое. Сами названия короткие и понятные с первого взгляда. К примеру, «Услуги», «Прайс» или «Отзывы».

В Tilda хедер настраивается через отдельную страницу с шапкой. В настройках сайта в разделе «Шапка и подвал» назначьте ее как общий хедер для всех страниц.

Подвал — важный навигационный центр

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

Не игнорируйте футер — он работает не хуже шапки.

Не теряйте посетителей — настройте страницу ошибки 404

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

Настраивается это за пару минут. Создаете страницу, оформляете и в настройках сайта в разделе «Еще» выбираете ее как страницу ошибки.

Если некуда нажать, сайт не работает

Формы, кнопки и соцсети — это конверсия. Они нужны, чтобы человек мог что-то сделать, к примеру, оставить заявку, позвонить или написать. Главное, чтобы пользователь захотел это сделать:

• В формах не спрашивайте лишнего. Имени и номера телефона вполне достаточно.
• Кнопки — яркие, контрастные, с короткими и понятными надписями. Пишите «Заказать», «Купить», «Скачать».
• Соцсети и мессенджеры должны быть доступны — добавляйте иконки в подвал и в блок контактов.
• Открывайте ссылки в новой вкладке, чтобы человек случайно не ушел с сайта.

Проверьте все перед запуском. Формы должны отправляться, кнопки — работать, а ссылки — вести куда надо.

Медленный сайт — потерянные деньги. Ускоряем Тильду

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

• Начините с оптимизации изображений. Картинки — главный тормоз большинства сайтов. Сжимайте их перед выгрузкой в редактор, и включайте отложенную загрузку — тогда картинки подгружаются только в тот момент, когда пользователь до них доскроллил.
• Используйте минимум шрифтов и анимаций. Не плодите сущности, не используйте больше двух-трех шрифтов и отключайте ненужные. Анимации оставляйте только самые важные — каждая лишняя замедляет загрузку.
• Оптимизация кода вам тоже подвластна, даже если вы и близко не программист. Каждый новый блок добавляет CSS и JavaScript. Меньше блоков — быстрее загрузка. Удаляйте скрытые блоки, они все равно загружаются, даже если вы их не видите.

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

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

Проверку скорости лучше провести самостоятельно, до того как люди начнут жаловаться, а поисковики станут вас меньше уважать. Перед запуском протестируйте сайт через GTmetrix (доступен через VPN) или инструменты разработчика в Хроме. Они покажут, что именно тормозит, и дадут рекомендации по исправлению. Если вы активно работаете над контентом, периодически повторяйте проверку.

Настройка SEO для тех, кто хочет быть в топе

Ну вот сайт и готов. Красивый, быстрый, с крутыми текстами и грамотной навигацией. Но это еще не все — если поисковики не видят ресурс, то и люди не увидят. А значит, никаких заявок, продаж и клиентов можно не ждать. К счастью, Тильда позволяет настроить базовое SEO самостоятельно:

• Пропишите Мета-теги Title, Description и Keywords. Название страницы — то, что человек видит во вкладке браузера и в выдаче поисковика. Оно должно быть четким и содержать ключевые слова.
• Краткое описание попадает в сниппет — строчку под ссылкой в поиске. Именно по нему пользователь решает, нажимать на вас или на конкурента.
• Вместо безликих /page123 делайте человекочитаемые адреса — /услуги, /портфолио, /блог. Это удобно и людям, и поисковым роботам.
• Используйте микроразметку для соцсетей. Настройте, как ваш сайт выглядит, когда им делятся в социальных сетях. Красивая картинка, цепляющий заголовок, описание — и процент переходов по ссылке вырастает в разы. Люди любят глазами, не забывайте об этом.
• Правильная иерархия заголовков H1, H2, H3 — это база. Поисковики по ней понимают, что у вас на странице главное, а что второстепенное. Один H1 на страницу, все остальное — уровнем ниже. И это не только для роботов, читателям тоже будет проще ориентироваться.
• Не ленитесь подписывать картинки. Короткое описание того, что на фото, помогает поисковикам понять контент, а еще дает шанс, что ваши изображения покажут в поиске по картинкам. Это дополнительный источник трафика, который многие упускают.

Файлы Robots.txt и Sitemap Тильда создает автоматически. Sitemap —карта сайта для поисковиков, а Robots.txt — инструкция них же: что можно смотреть, а что нельзя. К счастью, вам даже не нужно в это вникать, система все сделает за вас. А еще Tilda сама проверит ваш сайт на ошибки, которые мешают индексации, и даст конкретные советы по каждой странице.

Через Тильду в пару кликов можно подключить Яндекс Вебмастер и Google Search Console, чтобы следить за тем, как поисковики видят ваш сайт, и сразу замечать проблемы.

Большой сайт на Тильде — это просто. Главное — начать

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

Не бойтесь экспериментировать, используйте пробный период, проверяйте скорость и поведение пользователей. И не забывайте держать в фокусе главную цель — сайт должен работать на ваш бизнес, а не просто красиво выглядеть. Если вам нужна помощь или вы хотите переложить все на плечи профессионалов, мы с удовольствием подключимся. У нас есть опыт, и мы знаем Тильду от и до. Пишите, будем на связи!