Хлебные крошки в Тильде

🗓️ Обновлено: 02.09.2021
💬Комментариев: 2
👁️Просмотров: 2566
web

Зачем нужны Хлебные крошки на сайте

Присутствие хлебных крошек на сайте в Тильде решает сразу две главных задачи сайта:

  1. Удобная навигация по сайту для пользователя
  2. Seo-оптимизация сайта. Хлебные крошки создают внутреннюю перелинковку на сайте. Чем важнее страница в структуре сайта, тем больше она получит ссылок и внутреннего веса всего сайта.

Особенно важно иметь хлебные крошки для больших проектов, у которых вложенность страниц более 3 уровней.

Как добавить хлебные крошки в сайт на Тильде

Зайдите в свой проект в Тильде и перейдите в режим редактирования той страницы, на которой вам нужны хлебные крошки.

Добавьте блок ME605 (Хлебные крошки). Найти его можно в Все блоки -> Меню:

После добавления блока зайдите в «Контент». Вам нужно проставить путь к этой странице:

Здесь ТЕКСТ 1 — обычно это Главная страница сайта.

ТЕКСТ 2 — в моем случае, общий каталог товаров.

И так далее по вашей схеме вложенности.

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

Не забудьте опубликовать страницу.

Что-то не получилось или остались вопросы по хлебным крошкам? Опишите все подробно в комментариях к этой статье, мы постараемся вам помочь

Статья была полезной?
👍
Да - 6
👎
Нет - 1
💬Комментарии:
Кирилл

только за счет js.
это стандартный блок

Богдан

Как сделать хлебные крошки недвижимыми при скролле, как меню.

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 43499
Появление элементов при скролле
Просмотров: 33716
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 30112
Как выровнять картинку по центру с помощью CSS
Просмотров: 22101
Как изменить цвет SVG в CSS
Просмотров: 20362
Проверка знаний
🤔Хорошо ли вы знаете CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Viva Magenta
🤔Цвет 2023 года
Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.
#bb2649