Как оптимизировать создание многостраничного сайта

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

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

В Тильде главная страница назначается в Настройках сайта в разделе "Главная страница".

Чтобы человек мог попасть на главную с любого раздела сайта, ссылку на неё добавляют в шапку, которую ещё называют "хедер". Ссылку ставят на логотип компании - это устоявшийся паттерн, которому лучше следовать.

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

Чтобы разместить хедер сразу на всех страницах сайта, нужно создать отдельную страницу, поместить на неё элементы, затем перейти в Настройки сайта → Шапка и подвал и назначить созданную страницу как шапку.

Подвал - это блок в конце сайта, который обычно дублируется на всех страницах. Он может содержать ссылки на страницы сайта, копирайт, контакты и другую важную информацию. Подвал для всех страниц создаётся аналогично хедеру: создайте новую страницу, оформите футер, перейдите Настройки сайта → Шапка и подвал и назначьте эту страницу как подвал (rodapé).

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

В Тильде настроить страницу 404 ошибки можно в несколько кликов: добавьте новую страницу в вашем проекте, оформите её, потом перейдите в "Настройки сайта" → "Еще" → "Страница 404" → выберите нужную страницу из списка, сохраните, а затем опубликуйте все страницы.

Многостраничный сайт может состоять из десятков, а иногда и сотен страниц. Если на каждой из них менять контент в блоках и каждый раз с нуля создавать дизайн уйдёт много времени. Чтобы создание каждой страницы и обновление контента происходило быстрее, воспользуйтесь специальными инструментами Тильды. Для контента - alias-блоками, Потоками, блоками из категории Список страниц, а для оформления - единым стилем для ссылок, Моими блоками и Избраннным. Ниже рассказываем о каждом из них подробнее.

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

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

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

Где найти: Настройки сайта → Шрифты и цвета → Цвета → Дополнительные настройки

Если на разных страницах сайта вы используете блоки с одинаковым дизайном и придерживаетесь единого стиля, используйте функцию "Мои блоки". Она позволяет создать свою дизайн-систему, сократить время на дизайн блоков и быстреее создавать новые страницы сайта.

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

Она работает так: вы добавляете на страницу базовый или нулевой блок, редактируете его, затем нужно перейти в Настройки блока и нажать "Добавить блок в библиотеку". После этого в библиотеке появится новая категория "Мои блоки", где будут храниться блоки с вашим собственным дизайном.

Чтобы при создании новых страниц не приходилось долго искать часто используемые блоги, можно сохранять их в специальной категории - "Избранное". Для этого найдите блок в библиотеке, наведите курсор на правый верхний угол и нажмите на иконку со звёздочкой. После этого в библиотеке появится отдельная категория с вашей подборкой блоков.

Собственные подборки можно создавать отдельно для каждого проекта. Это позволит содержать Избранное в порядке и сэкономить время на поиск нужного блока.

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

Например, https://tilda.education/articles-no-code - это абсолютная ссылка, а /articles-no-code - относительная.

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

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

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

Блоки из этой категории позволяют отображать ссылки на страницы сайта в одном месте. Это может пригодиться, например, для сайта-портфолио, когда нужно на главную страницу добавить ссылки на описание кейсов, или для многостраничного сайта школы английского языка, чтобы перечислить доступные курсы с активными ссылками на них. Если сделать это с помощью "Списка страниц" вам не придётся добавлять фотографии, название и описание для ссылки вручную: оно подтянется автоматически из настроек добавляемых страниц. А если вы поменяете эти данные, например, зададите другое название или изображение, они также обновятся в используемом блоке.

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

Подробную инструкцию на настройке блоков читайте в статье Справочного центра "Блоки из категории "Список страниц".

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

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

Баннер с предложением активировать продвинутый режим появляется, если проект состоит из 20 страниц и больше. Отключить настройку можно через Профиль → Включить продвинутый режим интерфейса.

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

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

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

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

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

Для каждого блока на странице можно оставлять коммментарии. Это пригодится, например, если необходимо объяснить, почему блок скрыт, и оставить для себя или для команды соообщение. Написать комментарий и отметить его как "выполненный" может любой человек, у которого есть доступ к проекту.