Divi SEO: 8 simple tips to make your site Divi "SEO-Friendly"!

Published on 27/06/2019 | 19 comments

Divi SEO? Divi is already optimized for SEO but some things still need to be fixed... I propose 8 simple tips to implement to fix some SEO vulnerabilities and make your Divi SEO-Friendly sites.

So, during the next Google crawls, Google will realize your efforts and you can hope to win some favors from him 😉

Here is the program of this article dedicated to Divi's SEO:

  1. Check your alternative texts
  2. Delete the pagination of the Divi Blog module
  3. Modify the comments.php file for a better page structure
  4. Check the structure of your "premade layouts"
  5. Improve the speed and performance of your Divi site
  6. Add a breadcrumb trail to Divi
  7. Use an SEO plugin
  8. Improve Divi's responsive
  9. It's not that hard to make Divi SEO-Friendly!

Advertisement: This article contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink.

1 - Check your alternative texts

This is quite well known to advanced Divi users but less so to beginners. The alternative text of your images is however a standard of the web as well as a quality criterion in the eyes of Google.

The latter would even use this "alt" text to take into consideration certain keywords.

Have you noticed that if you insert images in the Visual Builder, the alternative text of your images, although entered in your library, does not appear in the source code of your page?

Explanations in pictures:

Pas de texte alternatif pris en compte dans Divi
The alternative text of your images is not taken into account if you insert images from the Divi Builder.

This failure to take into account the alternative text is a real concern!

Now that you know, get into the habit of entering it when importing an image with the Divi Builder.

Saisir le texte alternatif dans Divi Builder
You must enter the alternative text of your images directly into the Divi Builder

Here's how to do it:

  1. Enable the Visual Builder and edit the image module within your layout.
  2. Go to the Advanced > Attributes
  3. Enter the alternative text of your image
  4. Save your changes
  5. If you check the source code of your page, the alternative text is present.

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE"

2 - Remove the pagination of the Divi Blog module

One thing Google doesn't like too much is to index too many URLs unnecessarily.

Divi's Blog module can then become your worst enemy.

If you do use the Blog module to display your latest articles (instead of using the native WordPress functionality), you should make some changes so that unnecessary pages are not indexed by Google.

Indeed, if you decide to display on your blog page the last 6 or 12 articles published, you should make sure that the user can navigate to older articles.

This navigation is called "pagination". Parameters in the URL will be added and therefore potentially indexed.

This should give:

  • https://monsite.com/blog
  • https://monsite.com/blog/page/1/
  • https://monsite.com/blog/page/2/
  • https://monsite.com/blog/page/3/
  • etc.

This is normal behavior and it is not mandatory to change it, but it seems more subtle to me to remove this pagination and thus avoid finding these pages in Google's results and diluting the relevance.

To avoid this, I advise you to increase the initial value of the number of posts to be displayed. This option can be found in the blog module settings, under the tab "content".

Module Blog de Divi : évitez la pagination
This tip allows you to avoid indexing a large number of unnecessary pages

Then, don't forget to uncheck the option "display pagination" available in the sub-tab "elements".

Attention! If you make these changes on an existing blog whose content is already indexed, you will need to redirect to avoid 404 errors. And if you are a beginner, think before making these changes and seek advice from an SEO expert.

For this, you can count on the excellent Redirection plugin.

Redirections après suppression de la pagination
Don't forget to redirect after deleting the pagination

The easiest way will be to do mass redirections, also called REGEX (= regular expression).

This type of redirection could result in:

  • URL Source: monsite.com/blog/page/.*
  • Target URL: monsite.com/blog/

The" /.*" symbols mean that everything beyond /page/ including /page/ will be returned to the root page of the blog.

Be careful, this regular expression can be different depending on the structure of your URLs. You can also use it for your category URLs. But this is very subjective depending on your blog and I repeat it again: do nothing if you don't know or ask for advice (I couldn't help you if you have a problem).

3 - Modify the comments.php file for a better page structure

Google likes well-structured pages, especially pages with a consistent ranking of titles (h1, h2, h3, h4, h5, h6).

Logically, an H1 must be followed by an H2 and not an H3 or an H4. This is inconsistent for Google.

In addition, some SEOs say that only one Title 1 (H1) should be inserted within a page. But if it is controversial, the Title "should" be the most important title and therefore, it should only be used for the title of your page.

However, it turns out that the Divi theme has been coded with an inconsistency: the title of the comments is tagged H1.

If we follow the logic of some of the recommendations, only the Main Title should be marked in this way.

To remedy this, it's very simple:

First of all, you will need to install the Headings Map addon to your naigator:

Its installation is done in 1 click and you will see a new small icon appear in the bar of your browser.

By clicking on it, you will see at a glance the inconsistencies in the structure of any page you visit.

You will therefore notice that the title "Comment" is marked H1.

To change this, you will need:

The rest is pretty easy:

  1. Copy the file comments.php of the Divi parent theme.
  2. Paste it to the root of your Divi child theme
  3. Open this file comments.php using SublimText
  4. On line 13 of the file, modify the H1 tag and H2 tag
  5. Save your data
Blaise H1 commentaire Divi
Change the tag to a tag within the comments.php file

The handling is very simple and the consideration is immediate.

Note: if you have not enabled comments on your site, you do not need to make this change.

plus de ressources pour Divi

4 - Check the structure of your "premade layouts"

If you frequently use Pre-constructed Divi layoutsyou should be aware of what's coming next....

These layouts are generally "beautiful" and ready to use. The problem is that they were created by designers, who are not SEO, of course!!!!

So, it is not uncommon to notice that the page structure and especially the hierarchy of titles are totally disconnected!

Vérifiez la structures des premade Layouts
After importing a layout, don't forget to check the coherence of the structure of your page

As you can see from the screenshot above, the hierarchy of titles is not good.

Thanks to Headings Map, you can easily check it and see it because it highlights in red what is not appropriate.

For example, an H2 title should be followed by either an H2 title or an H3 title but in no case by an H4, H5 or H6.

So don't forget to check the structure of your pages after layout import (or creation) and to correct errors.

5 - Improve the speed and performance of your Divi site

The loading speed of a site is an important SEO factor. It is taken into account by Google to offer your results in its pages.

WordPress sites, in general, can be slightly slower than traditional HTML sites (an additional step due to the database). But this is certainly aggravated by your use of it:

  • Images too heavy
  • No caching
  • Poor quality plugins or themes
  • Poor host

In short, there are many reasons why your Divi site is slow...

Even if one of the recent Divi updates have optimized the speed of the themeit doesn't mean you have to make good use of the rest.

For my part, I install WP Rocket on all my sites and I optimize all images before import into my library. I then optimize them a second time using of Imagify.

Read this article to learn more about how optimize the performance of the Divi theme.

6 - Add a breadcrumb trail to Divi

A breadcrumb trail is rather appreciated by Google's robots but also by the users of your site.

This allows the user to know where they are and Google to better understand the structure of your site.

Divi does not offer an option to insert a breadcrumb trail (or BreadCrumbs) which means that you will have to add it manually.

To do this, I suggest you follow the procedure in the article dedicated to the placement of a breadcrumb trail in Divi.

7 - Use an SEO plugin

Even if Divi offers advanced SEO options from its own settings, I advise against using them.

Instead, use plugins dedicated to SEO that have already proven their worth:

These two plugins have advanced features that will allow you to fully optimize the natural referencing of your site.

So, if you start with WordPress and DiviDo not forget to add a module dedicated to SEO, it would be a mistake not to do so.

8 - Improve Divi's "responsive

It's no longer a secret, Google favours mobile-optimized pages in its search results.

The Divi theme is precisely optimized to define each element according to screen sizes.

You can do this easily from the Divi Builder options for almost every element.

responsive Divi
To optimize the responsive, modify, if necessary, the values for each screen type.

By clicking on the mobile icon, you will see 3 tabs that will allow you to optimize the values according to the "devices".

So don't hesitate to play with these values so that your pages are totally responsive.

Need more resources on Divi? Visit ElegantThemes' blog full of ideas and tutorials!

Divi SEO-Friendly? It's not that difficult!

This short list of SEO tips for Divi are really easy to set up. Take the time to check your site to detect errors or flaws that you could easily fix.

In fact, I also advise you to read this article on 30 SEO WordPress errors the most common.

optimiser Divi SEO
8 divi seo tips

You should like it too:

19 Commentaires

  1. Lycia Diaz

    Merci encore David pour cette info ! Effectivement les tutos de ce site sont souvent utiles 😉

  2. Ju

    Bonsoir Lycia,

    Merci beaucoup pour la qualité de ton blog et des astuces et infos que l’on peut y puiser !

    Je me suis rendu compte que la structure de mes articles n’est pas Google Friendly. Comme évoqué dans ton article, le titrage des commentaires est H1. Mais pas que… j’ai certaines images également (sans titre ajouté pourtant…)

    J’ai repris le process de ta démarche en créant un thème enfant. Mais depuis, certaines images ne s’affichent plus, sauf lorsque j’active le Divi Builder.

    C’est le cas, avec le thème enfant mais aussi lorsque je réactive le thème parent.
    J’ai vider le cache sur WPRocket, mais rien y fait.

    Help…!

    Merci infiniment

  3. Lycia Diaz

    Salut Ju !
    C’est bizarre cette histoire de H1 sur tes images… Par contre, le souci avec le thème enfant n’est pas normal. Il ne devrait pas supprimer tes images. Est-ce que c’est rentré dans l’ordre depuis ton message ?

  4. Delphine Presles

    Hello Lycia
    Merci pour cet article, top comme toujours. 🙂
    Juste une question concernant les paginations, je trouve ça problématique de devoir les supprimer, quand il y a beaucoup d’articles c’est pas top une immense page vertical, y a t’il une alternative ?

  5. Lycia Diaz

    Salut Delphine et merci.
    Effectivement, s’il y en a beaucoup, ça peut être long à charger. Il faudrait optimiser avec du Lazy Load. Ou bien, il faudrait faire en sorte qu’il y ait un texte unique sur la page n°1 de la pagination et supprimer ce texte sur les pages suivantes de la pagination. Ce serait l’idéal mais il faudrait le faire avec du code custom. Je crois avoir déjà vu ce genre de code. Il y avait aussi un plugin qui le faisait mais il est obsolète je crois… Enfin, cette solution permettra à Google que c’est la page 1 qu’il faut indexer en priorité.

  6. David C.

    Ou alors, faire un p’tit bouton « Afficher plus » après une dizaine d’articles.
    Ce qui demanderai un peu de code JS/CSS.

    Personnellement, je préfère la pagination, même si contraire au SEO.
    Google est contradictoire, ils veulent que l’expérience utilisateur soit fluide, lisible et compréhensible mais ils nous mettent des battons dans les roues.

  7. Lycia Diaz

    Le « Roi du JS », qu’est-ce que je disais 😉 !

  8. JLuc

    Cc Lycia,
    Avec le module Blog, est-il possible d’éviter d’afficher dans l’index des derniers articles, l’article en cours de lecture ?

  9. Alex

    Salut,

    Merci pour ce suber article !

    J’ai néanmois un petit soucis. J’ai souhaité appliquer la partie sur le fichier comments.php
    Lorsque je vais dans Apparence > Editeur de theme > comments.php, les modifications ne sont pas prise en compte sur la version en ligne du site…

    Est-ce que tu aurais une idée pour faire en sorte que je puisse modifier ça s’il te plait ?

    En te remerciant

  10. Lycia Diaz

    Salut Alex ! C’est dangereux de passer par Apparence > Éditeur de thème… il faut faire ça depuis un thème enfant. Après si tu ne le fais pas je ne pas pas non plus que ça ait beaucoup d’impact négatif

  11. Alex

    Merci Lycia pour ta réponse rapide 🙂

    Pour tout te dire, je débute avec les blogs et un amis à moi m’a installé DIVI. maintenant je recherche pour faire les modification..
    Tout ça pour dire, je n’ai pas accès au fichier du thème enfant (je comprends le principe même si je n’ai pas travaillé avec encore)..

    Voilà où est ma problématique actuelle.

    Néanmoins, j’ai fait la même modification en utilisant les ressources d’un de tes autres articles (comment ajouter le mise à jour le) et là ça s’est bien mis à jours sur le site… A y perdre la tête..

    Bref. Si tu as une idée je suis preneur.

    En te remerciant pour ce super contenu qui m’aide beaucoup 🙂

  12. Alex

    Hello Lycia,

    Merci pour ta réponse 🙂

    Du coup j’ai suivi tes conseils et j’ai procédé à l’installation d’un thème enfant (bien plus simple que je ne l’aurais cru).
    J’ai ensuite fait les modifications que tu recommandes pour changer le titre commentaire de H1 en H2.

    J’ai désactivé WP Rocket pour ne pas avoir de conflit de cash et j’ai actualisé ma page en faisant CTRL+F5.

    Néanmoins, je ne vois aucun changement sur mon article en utilisant le plugin que tu conseil.

    Si tu as une idée je suis preneur.

    En te remerciant d’avance pour ton aide précieuse

  13. Taisa

    I think some of those things are already changed, the comments heading is now a h3.

    With the pagination… wouldn’t it be better to avoid indexing the pages? That would be great if possible. Also, allowing so many posts I don’t think is a good idea.

    Thanks for the tips.

  14. Lycia Diaz

    Merci Alex

  15. Lycia Diaz

    Salut Alex.
    Alors, j’ai pas tout suivi, désolée.
    Tu as fait ton thème enfant et tu as changé le H des commentaires ?
    Il faut voir dans le code si ça a marché. Mais Taisa (commentaire après le tiens) a l’air de dire qu’Elegantthèmes avait corrigé cela. Du coup, ce n’était pas vraiment la peine, je crois (je n’ai pas encore pris le temps de vérifier).

  16. Lycia Diaz

    Thanks Taisa for your comment !
    Comment heading H3 are OK ? Good news !
    No Index Pagination would be better, I’m agree with you… But how ? That is the question…
    😉

  17. Alex

    Lycia,

    Oui j’ai fait « moi même » un thème enfant.. Autrement dit j’ai pris celui que tu proposes 😉
    Suite à mes commentaires j’ai fait des tests et j’ai cherché. Du coup je vais te donner mes recherches si ça peut t’aider pour mettre à jour ton article. Bien sur si tu le souhaites !

    Après avoir modifié le fichier « comments.php » de mon thème enfant je ne voyais aucun changement sur le site. Du coup je me suis demandé d’où ça pouvait venir ?? J’ai regardé partout : mon code, mes articles, mes pages, etc.
    Je me suis souvenu que j’avais designé (suite à tes conseils une fois de plus) un layout dans le thème builder de DIVI.

    Je suis allé sur mon module « commentaire » et j’ai changé le style du titre « XX commentaires » afin de l’avoir en H2.
    Au fond de moi je me disais que ça n’allait pas marcher…

    J’avais tord ! CA MARCHE !!

    Autrement dit, plus besoin de modifier le code pour changer le l’importance du titre indiquant le nombre de commentaire. Il suffit maintenant de modifier le style dans le module « commentaire » de DIVI.

    Voilà j’espère que ça t’aidera.

  18. Lycia Diaz

    Salut Alex. Cet article a été publié avant la sortie du thème builder de Divi. Du coup, tu as raison, si tu utilises le thème builder, tu n’as presque plus besoin d’un thème enfant. Le thème builder agit sur les templates comme le fichier comment.php ! C’est pour ça qu’il n’y avait aucun changement avec ton thème enfant, parce que tu avais une template faite avec le thème builder 😉 Voilà, voilà… Mais merci de le préciser ici, ça pourra certainement aider d’autres lecteurs.

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Shares
Share This