Хлібні крихти
Хлібні крихти (англ. breadcrumbs) — один із видів навігації, що показує ланцюжок посилань починаючи з головної сторінки сайту до поточної веб-сторінки, на якій знаходиться користувач.
У більшості випадків, хлібні крихти відображаються вгорі сторінки сайту і виглядають приблизно так:
Головна сторінка – Словник термінів – Хлібні крихти
Навіщо потрібні хлібні крихти на сайті
Основне завдання Breadcrumbs – покращити користувальницький досвід (UX).
Breadcrumbs виконують такі функції:
- Добре впливають на SEO — організовують внутрішню перелінковку, перерозподіляють статичну вагу веб-сторінок та покращують сніппет у видачі.
- Поліпшують поведінкові фактори (поведінка користувачів, показники відмов та інше) — допомагають користувачам орієнтуватися та довше залишатися на сайті.
- Збільшують трафік — при використанні мікророзмітки, приносять більше трафіку на сайт із посилань сніпету у видачі.
Мікророзмітка хлібних крихт
Шлях до сторінки відображатиметься у пошуковій видачі за наявності мікророзмітки Schema.org у форматі Microdata.
<ul itemscope itemtype="https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/" title="Головна сторінка" itemprop="item">
<span itemprop="name">Головна сторінка</span>
<meta itemprop="position" content="0">
</a>
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/glossary/" title="Словник термінів" itemprop="item">
<span itemprop="name">Словник термінів</span>
<meta itemprop="position" content="1">
</a>
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/glossary/marketing/" title="Маркетинг" itemprop="item">
<span itemprop="name">Маркетинг</span>
<meta itemprop="position" content="2">
</a>
</li>
</ul>Розшифровка обов’язкових атрибутів Breadcrumbs для Schema.org:
- itemscope та itemtype вказує на об’єкт на сторінці — BreadcrumbList (список навігаційного ланцюжка).
- itemprop=“itemListElement“ — item позначений як самостійний пункт списку.
- itemprop=“item“ — вказує на URL.
- itemprop=“name“ — ім’я навігаційного ланцюжка.
- meta itemprop=“position“ content=“%number%“ — тег невидимка, вказує на розташування елемента у навігаційному ланцюжку.
Мікророзмітку на сайті можна перевірити за допомогою інструменту валідації коду від Google ().