Почему хлебные крошки в Тильде нужно делать руками
Хлебные крошки — строка над заголовком, которая показывает, где посетитель находится, и возвращает его на уровень выше одним нажатием. Поисковики используют такую цепочку, чтобы понять, как устроен сайт, и иногда показывают её в сниппете вместо длинного адреса.
В CMS с деревом разделов цепочка строится автоматически. В Тильде каждая страница существует отдельно, а «родитель» есть только в вашей голове и в меню. Поэтому задача состоит из трёх частей: продумать структуру, оформить видимую строку и, по желанию, добавить микроразметку.
Нужны ли они вашему сайту
Крошки имеют смысл там, где есть хотя бы два уровня вложенности. Если у вас лендинг на одну страницу или сайт из пяти страниц, меню уже решает задачу, и лишний элемент только займёт место на первом экране телефона.
- Услуги: раздел и отдельные страницы услуг
- Блог: рубрики и статьи
- Каталог: категории и карточки товаров
- Многоязычный сайт со своими разделами на ru и uz
Шаг 1. Сначала приведите в порядок адреса страниц
Тильда позволяет задать адрес каждой странице вручную. Прежде чем рисовать цепочку, выстройте адреса по иерархии: /uslugi/, /uslugi/seo/, /blog/, /blog/kak-vybrat-hosting/. Тогда крошки, адрес и меню рассказывают одну и ту же историю.
Если сайт уже работает и адреса плоские, не меняйте их массово без плана: каждая смена адреса требует редиректа со старого на новый, иначе вы потеряете позиции и накопленные ссылки. Для живого сайта лучше переименовать только ключевые разделы и сразу настроить переадресацию.
Шаг 2. Выберите способ: три варианта в сравнении
Текстовый блок со ссылками — самый быстрый путь. Под меню ставится короткая строка, каждая часть — ссылка на родителя, последний элемент без ссылки. Минус: дизайн ограничен настройками блока, зато ошибиться почти негде. Подходит для сайтов с десятком страниц.
Zero Block нужен, когда цепочка должна вписаться в фирменный стиль. Собираете её из текстовых элементов со ссылками, сохраняете в библиотеку и на каждой странице меняете только подписи и адреса. Обязательно откройте мобильную версию: длинная цепочка должна переноситься аккуратно или сокращаться.
HTML-блок даёт полный контроль: в одном месте лежат и видимые ссылки, и микроразметка, поэтому расхождений между ними меньше. Минус: нужна аккуратность с кодом, а правки делать сложнее, чем в визуальном редакторе.
Правило выбора простое: мало страниц — текстовый блок, нужен дизайн — Zero Block, нужна разметка и вы готовы работать с кодом — HTML.
Шаг 3. Добавьте микроразметку BreadcrumbList
Видимая строка помогает людям, а разметка Schema.org типа BreadcrumbList в формате JSON-LD помогает поисковику. В ней перечисляются элементы по порядку: номер позиции, название и полный адрес страницы. Код вставляют в HTML-блок на странице или в настройки страницы, в поле для кода в head.
Главное условие: данные разметки должны совпадать с тем, что видит посетитель. Другие названия или другой порядок считаются нарушением и могут привести к тому, что разметку проигнорируют. После публикации проверьте страницу в тесте расширенных результатов Google и в валидаторе микроразметки Яндекс Вебмастера, а затем следите за отчётами в Search Console.
Блог и каталог на Тильде
Для блога крошки обычно строятся как «Главная / Блог / Название статьи». Если есть рубрики, добавьте уровень: «Главная / Блог / Реклама / Название статьи». Страница рубрики должна реально существовать и содержать список статей, иначе ссылка поведёт в никуда.
У товаров встроенного магазина Тильды свои страницы, и набор навигационных элементов на них зависит от выбранных блоков. Откройте карточку глазами покупателя: если вернуться в категорию нельзя, добавьте ссылку в шаблон или описание карточки. Для интернет-магазина, где клиенты приходят из Instagram и Telegram по прямой ссылке на товар, это особенно важно: человек попал в середину сайта и должен увидеть выход к остальному ассортименту.
Пример: студия ремонта в Ташкенте
Представим студию ремонта с сайтом на Тильде. Структура: /uslugi/ — общий раздел, внутри /uslugi/remont-kvartir/ и /uslugi/dizayn-interera/, отдельно /blog/ со статьями о материалах. На странице ремонта квартир под меню стоит строка «Главная / Услуги / Ремонт квартир», а раздел «Услуги» ведёт на страницу со списком всех направлений.
Человек пришёл из поиска на конкретную услугу, посмотрел цены и захотел сравнить с дизайном интерьера. Он нажимает «Услуги» и сразу видит весь перечень, не возвращаясь в поиск. Для поисковика это понятная двухуровневая структура вместо набора разрозненных страниц.
Типичные ошибки и чек-лист
Чаще всего ломается не идея, а исполнение: блок скопировали на новую страницу и забыли поменять подписи. Пройдите по списку перед публикацией.
- Название и ссылки подправлены на каждой скопированной странице
- Первый элемент — «Главная», последний — текущая страница без ссылки
- Ни одна ссылка не ведёт на удалённый или переименованный раздел
- Цепочка не набрана картинкой, ссылки кликабельны
- На телефоне она занимает одну-две строки
- Разметка BreadcrumbList совпадает с видимой строкой
- Разделитель одинаков на всём сайте
Как не допустить расхождений со временем
Ручные крошки стареют вместе с сайтом. Заведите таблицу: страница, её адрес, родительский раздел. При переименовании раздела вы сверяете таблицу и обновляете цепочки на всех вложенных страницах.
Если вам нужна не только цепочка, но и общая структура сайта, адреса, разметка и техническая часть, команда markdev занимается SEO-оптимизацией сайтов в Узбекистане. Опишите свою задачу, и мы подскажем, с чего начать именно на вашем проекте.
Частые вопросы
Есть ли в Тильде готовый блок хлебных крошек?
Конструктор меняется, поэтому сначала посмотрите библиотеку блоков в разделах меню и навигации. Если подходящего нет, собирайте цепочку из текстового блока, Zero Block или HTML.
Помогают ли хлебные крошки продвижению?
Они не гарантируют рост позиций, но делают структуру понятнее для людей и поисковиков и улучшают внутренние ссылки. Эффект зависит от того, насколько логично устроен сайт.
Нужна ли микроразметка, если крошки уже видны?
Не обязательна, но желательна: она явно передаёт поисковику порядок разделов. Важно, чтобы разметка совпадала с видимой строкой.
Как сделать крошки на двух языках?
Для русской и узбекской версий используйте названия каждого языка и адреса своей версии. Не смешивайте языки внутри одной цепочки.
Что делать с крошками на мобильных?
Уменьшите шрифт, сократите длинные названия или оставьте последние два уровня. Главное, чтобы цепочка не сдвигала заголовок и первый экран.
Разберём вашу задачу бесплатно
Оставьте контакт — за 15 минут созвона покажем, где теряются заявки и что сделать в первую очередь.