Embedded Files
1 - Findings & Impacts
1 - Findings & Impacts
The breadcrumb is a navigational element that is possible (and recommended) to set up on its site, especially if the categorization of content is an important issue.
It is most often placed at the top of a web page, under the menu and provides links to pages from the top level to the homepage.
Home > Category N > Subcategory X > Page TitleIt involves various challenges:
- Improve users' browsing experience
- Reinforce internal linking of intermediate pages
- Organize internal linking between the pages of the same category
- Semantically qualify intermediate pages, through many internal links that have optimized textual anchors (the title of the page most likely).
2 - Recommendations
2 - Recommendations
Breadcrumb trail Construction
It has to be hard coded in the HTML code of all pages of the site, except the homepage.
- Breadcrumb trail should not take into account the user's previous browsing or cookies as these are not managed by search engine bots such as Googlebot.
- It must represent the architecture of the consulted page, while linking to the other parent pages
- Make sure every element of the breadcrumb trail is CLICKABLE
Warning: Google will only take into account the 1st link found in the HTML source code. For example, if a link to the homepage precedes the breadcrumb trail (like the logo in the header to the homepage), you must:
- either encrypt the logo link (no <a href> link)
- either place the breadcrumb source code at the very beginning of <body>, then display it at the desired location via the CSS file.
Breadcrumb trail markup
It is possible to markup the breadcrumb trail in the html source code so that Google puts it forward in the search engine page results instead of the URL (see screenshot below - in green).
Below is an example of micro data markup to set up within the <body> tag for better consideration by the search engines:
<body itemscope itemtype = "http://schema.org/WebPage"><div itemprop = "breadcrumb"> <a href="[URL from the homepage]" itemprop="url"> [Link Title] </a> <a href="[URL Level 1] page" itemprop="url"> [Link Title] </a> <a href="[URL Level 2 page]" itemprop="url"> [Link Title] </a></ Div>Report abuse