Divi SEO? Divi is already optimized for SEO But some things still have to be corrected... I propose you 8 simple tips to implement for correct certain SEO faults and return your sites Divi SEO-Friendly.
So, at the next Google Crawls, the latter will realize your efforts and you can hope to win some favors from him.
Here is the program of this article dedicated to SEO of Divi :
- Check your alternative texts
- Remove pagination from Divi Blog module
- Edit comment.php file for better page structure
- Check the structure of your layout premades
- Improve the speed and performance of your Divi site
- Add an Ariane thread to Divi
- Use a SEO plugin
- Improve Divi's Responsive
- It's not that hard to make Divi SEO-Friendly!
1 – Check your alternative texts
This is quite known to the advanced users of Divi but less on the part of beginners. The alternative text of your images is a web standard and a quality criterion for Google.
The latter would even use this "alt" text to consider certain keywords.
Did you notice that if you insert images into the Visual Builder, the alternative text of your images, though entered in your library, did not appear in the source code of your page?
Image explanations:
This failure to take account of the alternative text is a real concern!
Now that you know it, get used to grab it when importing an image with the Divi Builder.
Here's how:
- Activate the Visual Builder and edit the image module within your layout.
- Go to the tab Advanced > Attributes
- Enter the alternative text of your image
- Save your changes
- If you check the source code of your page, the alternative text is present.
Do you know you can test Divi for free? See you on this page and click on "TRY IT FOR FREE"
2 - Remove pagination from Divi Blog module
One thing that does not like Google too much is to index too many numbers of URLs unnecessarily.
The Divi Blog module can then become your worst enemy.
If you actually use the Blog module to display your latest articles (instead of using the native WordPress feature), you should make some changes so that unnecessary pages are not indexed by Google.
Indeed, if you decide to make the last 6 or 12 published articles appear on your blog page, you should ensure that the Internet user can navigate to older articles.
This navigation is called "pagination". Parameters in the URL will be added and therefore potentially indexed.
This should lead to:
- 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 a normal behavior and it is not mandatory to change it, however, but it seems to me more subtle to remove this pagination and thus avoid finding these pages in Google's results and dilute the relevance.
To avoid this, I advise you then to greatly increase the initial value of the number of posts to display. This option is found in the blog module settings, on the tab "content".
Then do not forget to uncheck the option "Show Pagination" available in the sub-tab "elements".
Be careful! If you make these changes on an existing blog whose content is already indexed, you will have to make redirects to avoid 404 errors. And if you're a beginner, think before making these changes and ask an SEO expert for advice.
For this, you can count on the excellent Redirect plugin.
The simplest will be to make mass redirections, also called REGEX (= regular expression).
Such redirection could result in:
- Source URL: monsite.com/blog/page/.*
- URL Target: monsite.com/blog/
Symbols » /.* "mean that anything beyond /page/ including /page/ will be returned to the page blog root.
Be careful, this regular expression may 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 again: do nothing if you don't know or ask for advice (I couldn't help you if you encounter a problem).
3 – Edit comment.php file for better page structure
Google likes well-structured pages, including pages with consistent ranking of titles (h1, h2, h3, h4, h5, h6).
Logically, an H1 shall be followed by an H2 and not by an H3 or an H4. This is inconsistent for Google.
In addition, some SEOs say that only one Title 1 (H1) must be inserted within one page. But if this is controversial, the Title "should" be the most important title and therefore, it should only be used for the title of your page.
Outside, it turns out that the theme Divi was coded with an inconsistency: the titration of the comments is marked H1.
If we follow the logic of certain recommendations, only the main title should be marked in this way.
To remedy this, it is very simple:
First, you will need to install the addon Heads Map to your navigator:
Its installation is done in 1 click and you will see a new small icon in the bar of your browser.
By clicking on this one, you will see at a glance the inconsistencies of the structure of any page you visit.
You will therefore notice that the title "Commentary" is marked H1.
To change this, you will need:
- A text editor like SublimText
- D theme Child Divi
The suite is quite easy:
- Copy file comments.php of the theme Divi parent.
- Paste it to the root of your child theme Divi
- Open this file comments.php using SublimText
- At line 13 of the file, change the H1 tag and H2 tag
- Save
Manipulation is very simple and consideration is immediate.
Note: If you did not enable comments on your site, you do not need to make this change.
4 - Check the structure of your layout premades
If you frequently use pre-built divi layouts, you should be careful about what will follow...
These layouts are generally "beautiful" and ready for use. The concern is that they were created by Designers, which are not SEO, of course !!!
So it is not uncommon to note that the structure of the pages and especially the Prioritisation of securities are totally disjointed!
As you see on the screenshot above, the hierarchy of titles is not good.
Thanks to Heads Map, it can be easily checked and accounted for because it highlights in red what is not suitable.
For example, a title H2 should be followed either by a title H2 or by a title H3 but in no case by an H4, H5 or H6.
Don't forget to check the structure of your pages after import of layout (or creation) and 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 propose your results in its pages.
WordPress sites, in general, can be slightly slower than traditional HTML sites (additional step due to BDD). But this is certainly compounded by your use of it:
- Too heavy images
- No caches
- Poor quality plugins or theme
- Bad host
In short, there are many reasons why your site Divi be slow…
Even if one of the recent Divi updates enabled to optimize the speed of the theme, it does not relieve you from making good use of the rest.
For my part, I install WP Rocket on all my sites and I am optimising all images before importing into my library. I then optimize them a second time with help Imagify.
Read this article to learn more about how optimize the performance of the Divi theme.
6 - Add an Ariane thread to Divi
An Ariane thread is rather appreciated by Google robots but also by users of your site.
This allows the Internet user to know where it is and Google to better understand the structure of your site.
Divi does not offer an option to insert an Ariane thread (or BreadCrumbs) which means you will need to add it manually.
For this I propose to follow the procedure in the article dedicated to setting up an Ariane thread in Divi. Or you can use a plugin like Divi Supremee which offers a Breadcrumb module.
7 - Use a SEO plugin
Even if Divi offers advanced SEO options From its own settings, I advise you not to use them.
Instead, use SEO-specific plugins that have already proven their worth:
These two plugins have advanced features that will allow you to fully optimize your site's natural SEO.
So, if you start with WordPress and Divi, don't forget to add a module dedicated to SEO, it would be a mistake not to.
8 - Improve Divi's "responsive"
This is 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 the screen sizes.
You can do this easily from the Divi Builder options, for almost every element.
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 completely responsive. In this regard, I advise you to read the folder dedicated to Responsive Divi.
Need more resources on Divi? Visit ElegantThemes blog full of ideas and tutos!
Divi SEO-Friendly? It's not that hard!
This little list SEO tips for Divi are really simple to set up. Take the time to check your site to detect errors or flaws that you could easily correct.
Moreover, I also advise you to read this article on 30 SEO WordPress Errors the most common.
Pour les Alt-text des images, tu as un excellent tuto de Pavenum ici : https://pavenum.com/divi-plugin-recuperation-des-alt-text-en-bibliotheque/
Merci encore David pour cette info ! Effectivement les tutos de ce site sont souvent utiles 😉
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
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 ?
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 ?
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é.
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.
Le « Roi du JS », qu’est-ce que je disais 😉 !
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 ?
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
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
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 🙂
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
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.
Merci Alex
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).
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…
😉
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.
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.
Bonjour Lycia,
Par défaut les titres des widgets dans le footer sont en h4. Sais-tu comment changer ça pour les passer en H3 ?
Merci pour ton blog
Bonjour Lycia,
J’ai eu la réponse à ma question concernant le h tags dans le titre des widgets.
Si ça t’intéresse, je le code (long).
Bonne journée
Stan
Salut Stan. J’allais te répondre justement. Je pense qu’il faut le coder comme le titre des commentaires ?
Le support Divi m’a envoyé le code à placer dans le fichier functions.php du thème enfant.
Please add the following code to the bottom of the functions.php file:
function et_my_widgets_init() {
register_sidebar( array(
‘name’ => esc_html__( ‘Sidebar’, ‘Divi’ ),
‘id’ => ‘sidebar-1’,
‘before_widget’ => »,
‘after_widget’ => ‘ ‘,
‘before_title’ => »,
‘after_title’ => »,
) );
register_sidebar( array(
‘name’ => esc_html__( ‘Footer Area’, ‘Divi’ ) . ‘ #1’,
‘id’ => ‘sidebar-2’,
‘before_widget’ => »,
‘after_widget’ => ‘ ‘,
‘before_title’ => »,
‘after_title’ => »,
) );
register_sidebar( array(
‘name’ => esc_html__( ‘Footer Area’, ‘Divi’ ) . ‘ #2’,
‘id’ => ‘sidebar-3’,
‘before_widget’ => »,
‘after_widget’ => ‘ ‘,
‘before_title’ => »,
‘after_title’ => »,
) );
register_sidebar( array(
‘name’ => esc_html__( ‘Footer Area’, ‘Divi’ ) . ‘ #3’,
‘id’ => ‘sidebar-4’,
‘before_widget’ => »,
‘after_widget’ => ‘ ‘,
‘before_title’ => »,
‘after_title’ => »,
) );
register_sidebar( array(
‘name’ => esc_html__( ‘Footer Area’, ‘Divi’ ) . ‘ #4’,
‘id’ => ‘sidebar-5’,
‘before_widget’ => »,
‘after_widget’ => ‘ ‘,
‘before_title’ => »,
‘after_title’ => »,
) );
register_sidebar( array(
‘name’ => esc_html__( ‘Footer Area’, ‘Divi’ ) . ‘ #5’,
‘id’ => ‘sidebar-6’,
‘before_widget’ => »,
‘after_widget’ => ‘ ‘,
‘before_title’ => »,
‘after_title’ => »,
) );
register_sidebar( array(
‘name’ => esc_html__( ‘Footer Area’, ‘Divi’ ) . ‘ #6’,
‘id’ => ‘sidebar-7’,
‘before_widget’ => »,
‘after_widget’ => ‘ ‘,
‘before_title’ => »,
‘after_title’ => »,
) );
}
function et_my_init_widget_areas() {
remove_action( ‘widgets_init’, ‘et_widgets_init’ );
add_action( ‘widgets_init’, ‘et_my_widgets_init’ );
}
add_action( ‘after_setup_theme’, ‘et_my_init_widget_areas’, 11 );
Et ça marche !
Stan
Bonjour Lycia, merci pour ce contenu très riche.
Je suis débutant et je voulais comprendre ce que vous vouliez dire par :
« Donc, si vous débutez avec WordPress et Divi, n’oubliez surtout pas d’ajouter un module dédié au SEO, ce serait une erreur de ne pas le faire. »
Je n’ai pas compris oû et comment ajouter ce module SEO.
Désolé pour cette question de newbie.
Pardon Damien, j’aurais dû être plus précise : tu dois installer une extension dédiée au SEO. Je te conseille SEOPress ou Yoast SEO.
MErci 😉
Bonjour, merci pour cet article.
J’ai remarqué en effet que le titre « Commentaires » était un H1 sur mon blog. J’ai voulu faire la modification mais je suis une novice. J’ai un thème enfant mais je ne comprends pas ce que vous voulez dire par « coller le fichier à la racine de votre thème enfant ». Comment on fait ça ?
Quand je suis dans l’éditeur de thème de mon thème parent, je vois le fichier comments.php mais je ne vois pas comment le copier… puis je ne vois pas ensuite comment le coller dans mon thème enfant.
Merci
Salut Alicia, tu dupliques ce fichier dans ton thème enfant, c’est aussi simple que cela. Comme tu dupliquerais un fichier Word ou Excel
Dans les dossiers de mon ordinateur ou sur l’éditeur de thème wordpress ?
Salut Alicia.
J’ai pas tout compris.
Tout ce que tu dois modifier dois être dupliqué dans ton thème enfant. Ce sont ces fichiers que tu as le droit de modifier.
Hello,
Merci pour toutes tes réponses.
Saurais-tu dans quel fichier php se trouve le code qui écrit la balise du widget ARTICLES RECENTS ?
Car divi le code en Hn aussi..
Merci beaucoup
Salut Minh,
Non, je ne sais pas, il faudrait regarder les fichiers sources. Il s’agit pet-être de « templates-part ».
Bonjour, quid des images qui ne sont pas intégrées depuis le divi builder, comme des images mises en avant d’article, ou des images de fond de bloc. On ne peut pas intégrer de balise alt.. C’est très problématique. Avez-vous une astuce pour ça ?
Non je vais me pencher là dessus
Bonjour Lycia, merci pour ce blog et ces articles très complets, qui m’on bien aidé à construire mon site.
J’ai une question : Pourquoi mettre la section « commentaires » en H2 et pas en ? Idem pour tous les autres widgets, la sidebar, etc… ?
Il n’est pas important de réserver les titres Hn pour les contenus permettant une bonne compréhension sémantique de ce que « raconte » la page ?
Bonne journée
Oui Robin on pourrait les mettre en Span par exemple
Merci de ta réponse. Je voulais plutôt dire : pourquoi attribuer un titre Hn à un module commentaire, ou autre Widget ? Ne vaut-il pas mieux mettre ces contenus contre-sémantiques en texte simple, pour diminuer leur « poids sémantique » ? (Je ne sais pas si je suis assez clair.. ?)
Bonjour Bonjour, tout d’abord merci pour toutes ces astuces et cette formation Divi que j’ai suivis et qui m’a pas mal aidé 🙂
Cependant j’ai une question concernant le responsive, j’ai crée ma page d’accueil pour desktop avec comme fond une image illustré par moi même (elle rend super),sauf que sur mobile c’est la catastrophe puisque forcément c’est pas le même format, j’ai donc essayé de supprimé celle ci et de la remplacer par la même avec un format différent pour mobile et là patatra elle s’enregistre aussi pour mon desktop
Donc je voulais savoir si les images peuvent être changé ou non de desktop à mobile?
Je ne sais pas si je suis très clair ahaha
Oui Cochet c’est possible mais il faut le faire au niveau du responsive du module. Tu actives l’icône du téléphone au niveau de l’image et tu renseigne une autre image pour le mobile.
Oui Robin, j’avais bien compris. Un texte simple dans une balise paragraphe ou span peu importe. C’est effectivement une bonne solution
Salut Lycia,
j’ai un souci avec les balise hn et particulièrement celles des onglets de fiches produit (avis, information complémentaire et description) ils sont tous en h2, aucun intérêt pour le seo, car c’est dans le contenu que je mettrai les balises. Comment supprimer ou remplacer ces balises dans les onglets ?
De plus les titres de ces onglets se retrouvent aussi dans le corp du contenu en doublon et là aussi je souhaiterai supprimer. Je peux te fournir une capture écran pour que tu comprennent mieux mon problème ?
Merci
Youssef
Salut Youssef, avec le thème builer, je crois que tu peux activer ou désactiver certains éléments dont les titres. J’en suis sûre pour le module Woo Review (avis/commentaire) mais il faut voir pour les autres. En revanche, si tu n’utilises pas le thème builder pour construire tes fiches produits, je doute que ce soit possible.
Mais pour ma part, je ne me prends pas la tête avec ça. Google a l’habitude des fiches produits et d’y trouver des titres, enfin je suppose.
Bonjour Lycia,
Merci beaucoup pour tes articles qui me sont très utiles.
Petite question concernant Yoast que tu cites dans ton article. Assez régulièrement, cette extension ne repère pas les images de mes pages, alors que j’en place plusieurs dans le corps de ma page et que j’ai bien entré un texte alternatif dans les attributs. Une idée d’où peut venir le problème ? Est-ce un bug courant de Yoast sur Divi ?
Merci pour ton aide.
Salut Claire. Oui tu peux ignorer cela. Du moment que tu as fait le job, on se fiche de ce que dit Yoast
Merci Lycia pour tes précieux conseils, je ne comprenais pas le problème avec les H1, je n’en avais pourtant paramétré qu’un par page mais Yoast me disait qu’il y en avait plus !
Isabelle, ravie de t’avoir aidé 😉
Bonjour à tous !
petite question existentielle ! J’utilise presqu’exclusivement le thème builder de divi pour construire mes pages… Est-ce que cela pose problème pour le référencement ? Ou cela n’a pas d’incidence partisulière ? Quid de Yoast ? J’ai la sensation qu’il ne détecte pas les éléments sur la page (les liens internes par exemples)
Merci d’avance de votre aide.
Salut Adel, peut-être que Yoast n’arrive pas à interpréter mais Google oui, donc y’a pas de souci. Disons que pour ma part, j’utilise le thème builder sur tous mes sites et je n’ai pas de problème de SEO.
Merci Lycia !
EN règle générale moi non plus, mais dans le doute…
Merci de ton aide qui me rassure !
Bonjour,
Je découvre votre article, très intéressant ! Et très clair, merci. Je me pose une question sur les balises ALT des images. Je ne savais pas qu’elles étaient ignorées quand on utilise le Visual Builder de Divi. Du coup je me demande si cette info est toujours vraie en août 2022, ou s’il y a eu une mise à jour à ce niveau-là. Merci d’avance si vous avez la réponse.
En effet il faut que je vérifie cela. Je crois que ça a été corrigé
Muchas gracias por el artículo, me ha servido mucho!
Un saludo.
De nada