Mobile-first experiences are great. But oftentimes, some SEO tactics are forgotten. We’re gonna break down breadcrumb navigations. They are often missing from mobile sites, so here’s how to use breadcrumb trails and their SEO benefits.
What are breadcrumbs?
We’re not talking about crunchy, delicious panko breading. Breadcrumb navigations are a line of links that indicate where the user is on a website and can act as a secondary navigation. They often look something like this: Home > Some Page > A Related Page > The Page You’re On.
3 main types of breadcrumb navigation trails:
- Path-based breadcrumbs
- Attribute-based breadcrumbs
- Hierarchy-based breadcrumbs (Ding, ding, ding! The best option for SEO.)
Benefits of breadcrumbs:
- More crawling – The internal links generated by the breadcrumbs help to expose all levels of the hierarchy to search engine crawlers.
- Better indexing – Hierarchical links help Google to contextualize content and correctly associate pages in the site structure.
- Higher ranking – Just as with crawling, breadcrumbs support ranking because of the internal linking. This can lead to more SERP clicks as well.
Breadcrumb best practices for UX:
- Consistently available: Breadcrumbs should be present on every relevant page that you would want wayfinding value on.
- Logical location: Position breadcrumbs directly underneath the primary navigation menu and above the H1. It’s where users expect it and boosts the internal linking power for your SEO.
- Clear start and end of hierarchy: Breadcrumbs should show the journey from the homepage to the current page a user is viewing.
- Sized just right: Keep the breadcrumb design simple and use a smaller font that the other navigation and header items on your site.
- For mobile: This likely isn’t going to match the desktop design and won’t always work as a single line or links without scrolling and anchor options. Just be sure to keep it as concise as possible.
Check out the full article of breadcrumb tips by Search Engine Land!