Чтобы сделать хлебные крошки в Тильде, добавьте блок ME605 и задайте в нём подписи и ссылки от главной страницы до текущей. Порядок страниц в цепочке вы выбираете сами.
Составьте цепочку страниц
Ручная цепочка подходит обычной странице, у которой есть понятное место в структуре сайта: раздел услуг, страница курса, отдельный лендинг внутри каталога. Блок ME605 относится к категории «Меню», а меню «хлебные крошки» показывает путь от главной страницы к текущей — Дизайн меню[1]. Tilda не вычисляет эту иерархию автоматически, поэтому цепочку вы задаёте вручную.
До добавления блока выпишите три вещи:
- текущую страницу, на которой будет стоять цепочка;
- её раздел-родитель, если он есть;
- адреса всех страниц цепочки в том виде, в каком они опубликованы.
Отдельно проверьте, что каждая страница уже существует и имеет адрес: в справочнике указано, что адрес задаётся в настройках страницы, а ссылки на неё ставятся в поле «Ссылка» блока — Дизайн меню[1]. Эта инструкция относится к ручной цепочке ME605 на обычной странице. Настройку крошек каталога ST340 здесь не рассматриваем.
Добавьте блок ME605
- Откройте нужную страницу в редакторе Tilda.
- Добавьте блок ME605 из категории «Меню» — Дизайн меню[1].
- В контенте блока заполните «Текст 1», «Текст 2», «Текст 3»: это подписи цепочки от главной до текущей страницы — Дизайн меню[1].
- Ниже заполните «Ссылка 1», «Ссылка 2», «Ссылка 3» — адреса страниц для каждого пункта — Дизайн меню[1].
- Опубликуйте страницу.
Подписи делайте короткими: справочник советует, чтобы пункты меню были лаконичными и по возможности из одного слова — Дизайн меню[1]. Текущую страницу ставьте последней и укажите её адрес в последнем поле «Ссылка», как описано в справочнике.
Проверьте ссылки после публикации
Проверяйте на опубликованной странице, а не в редакторе.
- Каждый пункт цепочки ведёт туда, куда обещает подпись.
- Промежуточные пункты открывают существующие страницы, а не 404.
- На мобильном экране цепочка читается и не разваливается по ширине.
- Подписи не дублируют друг друга и совпадают с названиями разделов сайта.
После настройки проверьте подписи и переходы. Эта проверка покажет, работает ли цепочка как задумано; по ней нельзя судить о микроразметке или позициях в поиске.
Учебный пример хлебных крошек
Учебный пример
Условия: учебный сайт example.com, все страницы существуют. Цепочка: Главная → Курсы → Аналитика.
| Подпись | Адрес | Проверка перехода |
|---|---|---|
Главная |
https://example.com/ |
Открывается главная страница сайта |
Курсы |
https://example.com/courses |
Открывается каталог курсов |
Аналитика |
https://example.com/courses/analytics |
Открывается текущая страница «Аналитика» |
Заполнение блока ME605 на странице «Аналитика»:
- Текст 1: Главная
- Текст 2: Курсы
- Текст 3: Аналитика
- Ссылка 1:
https://example.com/ - Ссылка 2:
https://example.com/courses - Ссылка 3:
https://example.com/courses/analytics
Ожидаемый результат: на странице «Аналитика» видна цепочка «Главная → Курсы → Аналитика». Пункт «Главная» ведёт на https://example.com/, «Курсы» — на https://example.com/courses, «Аналитика» — на https://example.com/courses/analytics.
Проверка после публикации: откройте /courses/analytics, нажмите по очереди каждый пункт цепочки и убедитесь, что адреса совпадают с таблицей. Затем повторите на ширине мобильного экрана. Если переход не совпал, поправьте соответствующее поле «Ссылка» и опубликуйте страницу заново.
Рядом со страницей уместно проверить и другие элементы навигации и служебные настройки — например, FAQ для сайта с нейросетью и как изменить favicon в Tilda.
Источники
- Дизайн меню сайта Tildahelp-ru.tilda.cc
Автор метода «Машиночитаемый маркетинг»