Как сделать навигационная цепочка
Добавил пользователь Дмитрий К. Обновлено: 05.10.2024
Навигационная цепочка показывает ссылки на страницы в иерархии текущей страницы. Эта иерархия позволяет пользователям пройти по следу до корневой страницы.
Чтобы добавить компонент навигационной цепочки на портал:
Изменить портал, чтобы открыть его в студии порталов Power Apps.
Выберите страницу, для которого требуется добавить компонент.
Выберите редактируемый элемент на холсте.
Выберите Компоненты с левой стороны экрана.
В разделе Компоненты портала выберите Навигационная цепочка.
В решении Аспро: Max доступно два вида отображения подразделов в навигационной цепочке:
отображать вложенные подразделы в выпадающем меню;
не отображать выпадающее меню.
из публичной части;
из административной части.
Выберите вид отображения навигационной цепочки(1). Дополнительно возможно настроить, каким образом будет строиться цепочка(2).
Навигационная цепочка на сайте – удобство для посетителя и дополнительная перелинковка для поисковых систем. Обычно в ВордПресс-темах есть эта функция. Если в вашей нет, то разберем как установить и настроить хлебные крошки от Yoast SEO.
Это мощный плагин, который призван облегчить СЕО-оптимизацию. Удобно позволяет заполнить мета-теги как для всего сайта, так и для отдельных его разделов – рубрик, тегов, категорий, страниц, записей.
Еще одна его “фишка” – добавляет хлебные крошки. Они оптимизированы и подходят для всех поисковых систем. Посмотрим как это делается.
Как на счет разметки schema org?
Плагин уже использует эту микроразметку (или microdata). Изобретать больше ничего не надо.
Как вывести Breadcrumbs?
- Убедитесь, что расширение установлено и активировано – в панели управления должен появится пункт меню SEO.
- Откройте админ-раздел SEO > Отображение в поисковой выдаче и перейдите на вкладку “Хлебные крошки”.
- Установите ползунок в состояние “Включено” и нажмите Сохранить изменения.
Если тема поддерживает этот модуль, то навигация уже будет работать.
Настройка цепочки в плагине
На странице опций вы сможете управлять внешним видом с поведением крошек.
Как еще можно добавить навигацию в WordPress-плагине Йоаст?
Если тема не поддерживает работу этого wp-дополнения, то его разработчики предусмотрели и такой вариант.
PHP-код в шаблонах темы
Все ВП-темы имеют шаблоны. Это файлы, которые отвечают за конкретную часть сайта. Например, header.php отвечает за шапку или хэдэр. В файле footer.php можно изменить блоки, которые выводятся в подвале.
Чтобы добавить хлебные крошки от Yoast, создатели плагина предоставляют код
Для каждой темы содержимое и количество шаблонов разные. А поэтому нет универсальной инструкции, куда именно нужно вставить вызов этой PHP-функции.
Обычно навигация выводится в записях, страницах, архивах. Для этого исследуйте шаблоны single.php, page.php и archive.php соответственно.
Обычно цепочка навигации вставляется перед заголовком страницы (title).
Шорткод
Еще один способ – вставка короткого кода (shortcode) в контенте. Подойдет, если нужно где-нибудь выборочно задействовать хлебные крошки.
Для этого откройте публикацию на редактирование и вставьте строку в формате
Если плагин активен, то на это место будет выведен набор ссылок навигации.
Полезные фишки и возможности
Посмотрим, что еще можно сделать с хлебным крошками от модуля Йоаст.
Как убрать с главной?
Специалисты по поисковой оптимизации советуют избавится от крошек, если пользователь находится на главной странице. Объясняют тем, что ни к чему выводить цепочку, которая никуда не ведет. Ссылка со страницы на саму себя не имеет смысла.
Создатели расширения предусмотрели этот момент, и по умолчанию на главной ссылка не устанавливается.
Как убрать дубль (последнюю крошку)?
Поисковые системы не любят дублей на страницах веб-ресурса. Обычно в хлебных крошках Yoast SEO отображает название последней крошки, т.е. записи, страницы, архива. Этого не нужно.
Чтобы скрыть, в каталоге своей темы найдите файл functions.php и в самый конец добавьте несколько строк PHP-кода:
Эту задачу можно решить проще. Если вы используете премиум-плагин Clearfy Pro :
- откройте Clearfy Pro,
- перейдите на вкладку SEO,
- активируйте опцию Убирает дублирование названия в хлебных крошках WP SEO by Yoast.
Хлебные крошки в Yoast SEO работают во всех плагинах кэширования, а также в WooCommerce.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
Нет, не уходите! Вы правильно зашли! Сейчас Вы во всем подробно разберетесь.
Это необычное название носит навигационная цепочка, которая должна присутствовать на любом сайте для повышения его юзабилити.
Этот элемент дает возможность пользователю веб-ресурса понять, на каком уровне вложенности он располагается (от главной страницы и до текущей).
Также при этом присутствует возможность быстрого перемещения на стоящие выше по иерархии структуры сайта уровни.
На сайте же такого быть не может и этот элемент навигации (при его наличии) всегда будет указывать Вам верный путь на главную страничку.
Нюансы и особенности, о которых нужно знать
Что нужно уяснить
Хлебные крошки (с англ. breadcrumbs) — это элемент навигации по сайту, выглядит как путь от главной страницы до текущей, на которой находится пользователь. Более логичное название — навигационная цепочка. Хлебные крошки называются так по ироничной аналогии со сказкой, в которой дети, когда их завели в лес во второй раз, не смогли найти обратную дорогу, так как на этот раз вместо маленьких камешков они оставляли за собой хлебные крошки, впоследствии склеванные лесными птицами.
Этот код я больше не поддерживаю, местами он работает не так как нужно. За стабильной и расширенной версией этого кода переходите по ссылке:
Теперь, после короткого ликбеза, буду делиться очередной функцией для WordPress, реализовывающей всю цепочку от главной страницы до текущей на всех типах страниц, включая таксономии и произвольные типы записей.
Также, я старался написать как можно менее прожорливый вариант функции.
Вставлять этот код нужно в файл шаблона functions.php или непосредственно в тот файл где вызывается функция.
Вызывать функцию нужно в шаблоне, в том месте, где должны выводится крошки, так:
Если нужно поменять разделитель между ссылками, укажите первый параметр:
Примеры использование фильтров
Измени дефолтные параметры через фильтр
Если установить параметры при вызове функции в третьем аргументе функции, то они перебьют параметры указанные в фильтре.
Эти примеры показывают как перевести крошки на нужный язык или просто изменить дефолтные значения:
Вариант 1
При вызове функции нужно указать строки локализации так:
Вариант 2
C версии 1.9. Можно использовать хук kama_breadcrumbs_default_loc , чтобы для каждого вызова одно и тоже не указывать. Для этого рядом с исходным кодом крошек добавьте такой хук:
Далее, используйте вызов в шаблоне как обычно, крошки будут переведены на англ.:
Установки через хук имеют меньший приоритет, чем через вызов функции из варианта 1. Это значит, что если указать локализацию через хук, то потом через вызов можно перебить локализацию отдельных строк.
Допустим нам нужно добавить после пункта "Главная" ссылку на страницу 7, если в текущий момент мы находимся в категории 5 или в её дочерней категории (учитывается один уровень вложенности).
Для этого добавьте такой хук рядом с кодом крошек:
По умолчанию в крошках обрабатывается только одна таксономи. Но иногда нужно несколько, для этого в версии 3.3 я вставил хуки: 'attachment_tax_crumbs' , 'post_tax_crumbs' , 'term_tax_crumbs' .
Допустим, у нас есть тип записи realty и 3 таксы для него: country , type_deal , type_realty . Нужно, чтобы у страницы записи в крошках отображались все таксы в указанном порядке. Также нужно, чтобы на каждой странице таксы указывались все предыдущие таксы и текущая в указанном порядке: country > type_deal > type_realty .
Другой вариант крошек
Этот вариант я стянул по ссылке, которую в комментариях дал Master. Весьма занимательное решение, потому и не удержался.
Условно, этот код подойдет не только к WordPress, а вообще к любому движку. Для WordPress он подойдет:
- во-первых, если включены ЧПУ;
- во-вторых, если в ссылках присутствуют названия категории;
- в-третьих, если названия статей и категорий в УРЛ пишутся в кириллице или это вообще англ. блог.
В других случаях будет работать, но, думаю, как-то не круто получится. Такие условия, потому что этот вариант разбирает ссылку на страницу (УРЛ) и по её элементам создает хлебные крошки. Ссылка разбивается разделителем / .
Используется аналогично моей функции, только на экран выводить надо через echo:
Читайте также: