Хлебные крошки на сайте: что это такое, как сделать

Приветствую читателей блога. Сегодня речь о хлебных крошках на сайте — что это такое, как они влияют на seo блога? Как сделать breadcrumbs на wordpress, какие инструменты использовать? Каким образом эти крошки относятся к сказке? Обо всех этих моментах в сегодняшнем посте.

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

Что значит термин

Обычно с английского breadcrumbs переводят как «хлебные крошки». Это подсказки, показывают читателю, в каком месте ресурса он находится. Располагаются на страницах записей, в таксономиях (категории, метки).

Они — удобная навигация по сайту, один из инструментов улучшения юзабилити и поведенческих факторов. Если юзер пришел с поиска, он не запутается, сразу увидит свое местонахождение на сайте.

Я попробовала ввести слово breadcrumbs в переводчик Google. Перевод был такой: «панировочные сухари».

Допустим. Все равно можно предположить аналогию с детской сказкой про поход детишек в лес. С помощью цепочки хлебных крошек ГЛАВНАЯ, РУБРИКА, СТАТЬЯ посетитель, подобно Гензелю и Грете, найдет путь хоть на главную, хоть в нужную рубрику.

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

Именно на таких веб-ресурсах, используя навигационную цепочку из крошек, можно переходить на другие уровни:

СТАТЬИ ПО ТЕМЕ:

.Htaccess: настройка, установка файла

Как сделать, изменить wordpress главную страницу

Html выделить текст цветом (фон), рамкой

  • легко попасть на главную;
  • поискать дополнительную информацию в рубрике;
  • затем вернуться на страничку товара.

Как влияют на seo

Наличие навигационной цепочки положительно оценивают поисковики. Она появляется в сниппете в результатах поиска. Пользователи скорее кликнут на привлекательный сниппет. Поисковики быстрее распознают структуру сайта.

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

Кроме названия поста (страница, где находится посетитель) все ссылки хлебных крошек wordpress активны, кликабельны.

Они — отличная вариация внутренней перелинковки, помогают:

РОБОТАМ — быстрее понять структуру веб-сайта, проиндексировать страницы;

ПОСЕТИТЕЛЯМ — проще ходить, перемещаться по разделам.

Их установка значительно улучшает поведенческие факторы (один из главных показателей качества сайта). Когда навигация понятна и удобна, посетители дольше остаются на веб-ресурсе.

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

Есть несколько вариантов.

Выберите шаблон с включенной в него навигационной лентой. Обычно такие темы платные.

Установите плагин.

Breadcrumb Nav XT. Закачайте его на блог по инструкции. Сделайте настройки. Задайте путь (метки, рубрики, даты), максимальную длину заголовка. Выберите вид разделителя разделов. Настройте внешний вид отображаемых элементов цепочки.

Breadcrumb простой, легкий плагин, есть возможность менять цвет ленты.

Yoast SEO — сео плагин, но в нем есть опция установки breadcrumbs, надо лишь правильно настроить функционал. Включите их на вкладке SEO: отображение в поисковой выдаче — хлебные крошки. Ползунок перетащите на ВКЛЮЧЕНО. Изменения сохраните.

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

Я не люблю плагины, слишком уж они нагружают блог. Предпочитаю вставлять коды в шаблон wordpress без плагина. Вот и хлебные крошки так установила.

Как сделать хлебные крошки на сайте без плагина

Один из блогеров — dimox, очень удачно извлек код из плагина Breadcrumb Nav XT. Он показал нам места в редакторе для вставки кода.

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

СДЕЛАЙТЕ бекап сайта, потому что работать будем с редактором Вордпресс, мало ли что пойдет неправильно;

ВСТАВЬТЕ КОД в functions.php (Функции темы) после первого

как на скриншоте

На каждой странице сохраняйте изменения. После этого крошки станут видны на всех этих страничках.

Хлебные крошки посредством php

Если вы не хотите раздувать functions.php, код можете вставить напрямую в шаблон.

Создайте на рабочем столе компьютера пустой текстовый файл, назовите его breadcrumbs.php. Вставьте в него этот код