en ru ua
 

    Залишити заявку

    Заповніть всі поля та відправте заявку, після вивчення деталей запиту з вами зв'яжеться наш менеджер

    Телефонуйте, пишіть

    і ми з радістю відповімо на всі ваші запитання

    Контакти:

    Графік роботи:

    пн-пт: з 9:00 до 18:00

    Техпідтримка:

    Хлібні крихти

    Хлібні крихти (англ. 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 ().

    Див. також

    Верстка веб-сторінок

    HTML

    TONYLINE - Словник термінів - Хлібні крихти