What are breadcrumbs
Breadcrumbs are a navigation element on a web page that shows the hierarchical path from the homepage to the current page. They appear as a chain of links: Home → Category → Subcategory → Current page.
The name comes from the fairy tale Hansel and Gretel, in which the children left breadcrumbs to find their way home. Similarly, breadcrumbs help users understand where they are on a website and easily return to a higher level.
<nav aria-label="Хлебные крошки">
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="/"><span itemprop="name">Главная</span></a>
<meta itemprop="position" content="1" />
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="/blog/"><span itemprop="name">Блог</span></a>
<meta itemprop="position" content="2" />
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<span itemprop="name">Текущая статья</span>
<meta itemprop="position" content="3" />
</li>
</ol>
</nav>Why breadcrumbs matter
Improved UX: Users understand the site structure and can easily move between levels. This is especially important for online stores with a deep hierarchy.
SEO — internal linking: Breadcrumbs create additional links to every page in the hierarchy, distributing link equity.
Rich snippets in search: Google displays the navigation path directly in the snippet instead of the full URL. This attracts attention and increases CTR.
Crawling: Search engine bots better understand the site structure and index it more efficiently.
Reduced click depth: Category pages in breadcrumbs get additional links, which reduces their “depth” from a search engine’s perspective.
Types of breadcrumbs
Hierarchy-based (location-based): Home → Electronics → Smartphones → iPhone 15
Attribute-based: Home → Blue → 32GB → iPhone 15 blue 32GB
History-based: Home → Previous page → Current page
The first type, hierarchy-based breadcrumbs, is best for SEO.
Schema.org markup for breadcrumbs
The format recommended by Google is JSON-LD:
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Главная",
"item": "https://example.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Блог",
"item": "https://example.com/blog/"
},
{
"@type": "ListItem",
"position": 3,
"name": "SEO-руководство"
}
]
}The last item (the current page) may not have a item field — this is acceptable.
Check breadcrumbs with reChecker
Use Schema Validator to check breadcrumb markup. The tool will show:
- Whether BreadcrumbList Schema.org markup is present
- Whether the structure and required fields are correct
- Whether the HTML navigation matches the JSON-LD markup
- Warnings about potential issues
FAQ
Are breadcrumbs required for SEO? No, but they offer additional SEO benefits: rich snippets, internal links, and a better understanding of the site structure for search engines. Breadcrumbs are standard for large websites, such as online stores and blogs with categories.
Is Schema.org markup needed if breadcrumbs are already in the HTML? For rich snippets in Google, yes. HTML navigation without Schema.org markup does not provide rich snippets. Best practice: HTML for users + JSON-LD for search engines.
Should the last breadcrumb item be a link? No. The current page is usually displayed as plain text without a link, since the user is already on it. This is standard good UX practice.