How Do BreadCrumbs Work?
Breadcrumbs are one navigation technique that leaves a trace of the path performed by the user when entering a website.
And although it is a little more extensive and functional than this definition, it has the characteristic of improving the SEO ranking of the page.
Mainly because generates a better user experience, in addition to including the particularity of following certain protocols that Google usually uses to evaluate and determine its positioning.
In addition to this, it reduces the bounce effect of blogs, increases navigation control and many other benefits that only increase the excellence of the web.
What do I need to add BreadCrumbs to Divi?
Divi is one of the super templates available in WordPress, which supports endless tweaks and additions that only compete with users' imaginations.
Therefore, you can add BreadCrumbs to Divi very easily, improving so the SEO positioning of our website. What is very practical and desired. WordPress also introduces you to the best SEO plugins.
But, to add the breadcrumbs, you will need to install an external plugin, as the Divi theme does not foresee the activation of this element among its default options.
Yoast SEO
If you are into the world of SEO, you have surely heard of this plugin, and it is also possible that you already have the extension in our WordPress. In addition to Yoast Seo, WordPress features other tools to improve your marketing strategy.
But, for those who don't have it yet, you'll just need to install it regularly. Although it is advisable to configure the general considerations, in this case we will focus on the crumbs.
So, all you have to do is access the option this extension adds, called " Search engine appearance ", And then in the tab" Breadcrumbs ".
After activating this tab, some corresponding settings will appear, among which the appearance can be customized. We reward " Save ".
But before closing the YoastSEO window, it is better to locate the section " How to insert breadcrumbs into your theme ”And copy the code shown to you.
Adjust to show breadcrumbs in Divi
After preparing everything, you can proceed to add the BreadCrumbs to Divi, you will need to enter the code of the crumbs in the file " header.php "Of the topic in question. Many recommend working with a child theme so as not to influence the original.
In this way, we proceed to modify the header.php, which is performed by the option " Appearance "And then in" Editor ".
As a result, a section in HTML will open, in which the code in question must be pasted exactly after the last HTML tag.
This will make BreadCrumbs more suitable for the Divi theme, although if you don't handle HTML very well, it's worth consulting a little on this topic.
Now all that remains is to save the changes, in order to make sure that the breadcrumbs have been added correctly in Divi.
Can I change the appearance of the BreadCrumbs?
Yes, the appearance can be changed. However, by default, the breadcrumbs will adapt to the style maintained by the blog sheets.
To do this, the action is directed to " Theme customization ", Then to the card called" Additional CSS “, Where the code will be pasted.
If you want you can consult on the internet a guide on how to generate the lines necessary to write in this section.
In this way it will be possible to change the background color to be displayed, which in the code will be found as " Background color ".
In addition to the lower edge " Edge-bottom ", The height of the strip will be seen as" Padding ", The size of the character " Font size ".
Meanwhile, the font color is presented as " Color ". With all these elements the user will be able to customize when adding BreadCrumbs to Divi.
Divi is a WordPress template where you can let your imagination fly and design whatever comes into your mind, you can experiment with colors, shades with animation and different tools to design your website.
