Correctly establishing breadcrumbs on a website is essential to improve its SEO, therefore, adding BreadCrumbs to Divi in WordPress is a knowledge that every user should know. We also recommend Google Trends to help you position your SEO
How do the BreadCrumbs work?
The breadcrumbs are a navigation technique that leaves a trace of the route made 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 positioning of the page.
Mainly because it 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 rebound effect of blogs, as well as increases control over navigation, and many more benefits that only add to the excellence of the web.
What do I need to add the BreadCrumbs to Divi?
Divi is one of the super templates available in WordPress, which supports endless modifications and additions that only compete with the imagination of users.
Therefore, it is possible to add BreadCrumbs to Divi very easily, thus improving the SEO positioning of our website. What is very practical and desired. WordPress also presents the best SEO plugins to you.
But, in order to add the breadcrumbs, it will be necessary to install an external plugin, since the Divi theme does not include the activation of this element among its default options.
Yoast SEO
If you are in the world of SEO, surely you have heard of this plugin, and it is also possible that you already have the extension in our WordPress. In addition to Yoast Seo, WordPress presents other tools to improve your marketing strategy.
But, for those who do not have it yet, it will only have to be installed regularly. Although it is advisable to configure the general considerations, in this case we will focus on the crumbs.
Then, you will only have to access the option that this extension adds, called ” Search engine appearance “, and then in the tab for ” Breadcrumbs “.
After activating this tab, certain corresponding settings will appear, among which the appearance can be customized. We press ” Save “.
But before closing the YoastSEO window, it is convenient to locate the section ” How to insert the breadcrumbs in your theme ” and copy the code that is shown.
After preparing everything, you can proceed to add the BreadCrumbs to Divi, it will be necessary to place the code of the crumbs in the file ” header.php ” of the subject in question. Many recommend working with a child theme so as not to affect the original.
In this way, we proceed to edit the header.php, which is done from the ” Appearance ” option and then in ” Editor “.
Consequently, 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 better suited to the Divi theme, although if you don’t handle HTML very well, it is a good idea to consult a bit on this subject.
Now, what remains is to save the changes, to be able 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 modified. Although, by default the breadcrumbs will adapt to the style that the blog sheets retain.
To do this, the action is directed to the ” Theme Customizer “, and then to the tab called ” Additional CSS “, where the code will be pasted.
If desired, a guide on how to generate the necessary lines to write in this section can be consulted online.
In this way, you can change the background color to display, which in the code will be found as “ Background-color ”.
As well as the bottom border ” Border-bottom “, the height of the strip will be seen as ” Padding “, the font size ” Font-size “.
Meanwhile, the font color is presented as ” Color “. With all these elements the user will be able to personalize when adding the BreadCrumbs to Divi.
Divi is a WordPress template where you can let your imagination fly and design anything that crosses your mind, you can experiment with colors, gradients with animation and different tools to design your webpage.