{"id":13746,"date":"2019-06-04T09:00:58","date_gmt":"2019-06-04T06:00:58","guid":{"rendered":"https:\/\/www.reliablesoft.net\/?p=13746"},"modified":"2021-06-26T15:53:22","modified_gmt":"2021-06-26T12:53:22","slug":"breadcrumbs-seo","status":"publish","type":"post","link":"https:\/\/www.reliablesoft.net\/breadcrumbs-seo\/","title":{"rendered":"What are Breadcrumbs and How to SEO Optimize Them"},"content":{"rendered":"
One of the website elements that Google loves is breadcrumbs. Google is stressing the importance of breadcrumbs in all their SEO related documents and guides.<\/p>\n
The reason is simple: Breadcrumb trails have something to offer to both search engines and users.<\/p>\n
Search engines use them to get a better idea on how your website is structured<\/strong><\/a> and they help users navigate a website easier.<\/p>\n In this post you will learn everything you need to know about breadcrumbs, why they are important, how to optimize them and how they help SEO.<\/p>\n A breadcrumb trail is a small menu usually located at the top of a page, used as a navigational aid. It shows the path to go from the current page back to the homepage.<\/p>\n Here is an example of a breadcrumb trail menu:<\/p>\n As you can see from the example above, the breadcrumb trail starts from the home page, then it shows the category name and then the current page. Each step in the path is clickable.<\/p>\n Breadcrumbs can have different forms but all types have the same goal i.e. to help users understand the relationship between the current page with the rest of the site.<\/p>\n For example, if you take a closer look at the breadcrumb menu of this article, you will see that it is part of the SEO Articles<\/strong><\/a> category.<\/p>\n The most common breadcrumb types are:<\/p>\n Hierarchy Based Breadcrumbs<\/strong><\/p>\n The example above was a typical hierarchical (or location based) breadcrumb menu. It\u2019s the typical breadcrumb you can find on blogs or websites that have a simple hierarchical structure.<\/p>\n Here is another example from Amazon:<\/p>\n Dynamic Breadcrumbs<\/strong><\/p>\n Dynamic or attribute based-breadcrumbs are used in cases a product has many attributes and the breadcrumb trail reflects that to make navigation easier.<\/p>\n Here is an example from an ecommerce website:<\/p>\n Notice how the breadcrumb helps users select different product attributes without leaving the current page.<\/p>\n History Based Breadcrumbs<\/strong>\u00a0<\/strong><\/p>\n The breadcrumb path trail is build based on the pages a user has visited. This is not a good SEO web design<\/strong><\/a> practice and it\u2019s not used very often.<\/p>\n Breadcrumbs are an essential element of an SEO friendly website<\/strong><\/a> because:<\/p>\n There are two main reasons why breadcrumbs are good for SEO.<\/p>\n First, they help search engine bots during the crawling and indexing phase. Crawlers can identify breadcrumbs and may use the breadcrumb structure to gather more information about a web page and site.<\/p>\n Second, Google shows breadcrumb information in the SERPS, instead of showing the permalink<\/strong><\/a> of a page.<\/p>\n For example, the permalink of the page below is https:\/\/www.reliablesoft.net\/what-is-the-difference-between-seo-and-sem\/<\/a> but because I have SEO optimized breadcrumbs, they show like this in the results, which is a better version.<\/p>\n To SEO Optimize your breadcrumbs, you need to follow these simple rules:<\/p>\n Make sure that breadcrumbs are enabled and visible to the users. <\/strong><\/p>\n This may sound obvious but many web designers tend to hide the breadcrumb trail because they feel it does not match with the design.<\/p>\n This is not true. Look at the first example above and notice how useful is the breadcrumb trail on Rolex\u2019s website (and it looks great too).<\/p>\n Make sure that breadcrumbs are mobile friendly.<\/strong><\/p>\n If you decide to keep breadcrumbs visible on mobile devices, make sure that the font size is big enough so that the links can be clicked easily. It\u2019s a common practice to either hide breadcrumbs on mobiles or make them look like buttons.<\/p>\n Here is an example of mobile-friendly breadcrumb trail.<\/p>\n Add Breadcrumb schema<\/strong><\/p>\n The reason that my breadcrumbs are shown in place of the URLS in Google search results, is because I have the breadcrumb schema markup enabled on my web site.<\/p>\n What is schema markup?<\/strong><\/a> Is a way to highlight certain areas of your website to search engines crawlers so that they can get a better understanding on how a page is structured.<\/p>\n By adding pieces of code into your HTML (this is called structured data), you can give search engines more information about your page and content.<\/p>\n This can increase your changes of getting rich snippets<\/strong><\/a> in the search results and also well-formatted breadcrumbs.<\/p>\nWhat are breadcrumbs?<\/h2>\n
Different types of Breadcrumbs<\/h3>\n
Why are Breadcrumbs Important?<\/h2>\n
\n
Breadcrumbs SEO Best Practices<\/h2>\n