Le SEO avec Divi
Le SEO avec Divi repose sur trois chantiers : bien régler les options de performance du thème, structurer correctement les pages construites avec le constructeur visuel, et confier les réglages SEO fins à un plugin dédié. Divi intègre un onglet SEO (titres, méta-descriptions, URL canoniques) et des options de performance activées par défaut : Dynamic CSS, Critical CSS, chargement dynamique des modules et du JavaScript, report de jQuery. La documentation d’Elegant Themes indique que ces options peuvent être désactivées une à une dans l’onglet Performance des options du thème. Les points de vigilance propres à Divi sont connus : une hiérarchie de titres mal tenue (modules de texte stylés comme des titres), des images trop lourdes, des sections empilées qui alourdissent le code, des modules tiers et des animations qui dégradent les Core Web Vitals, et un risque de doublons quand l’onglet SEO de Divi et un plugin SEO sont actifs en même temps. Bien réglé, Divi permet un très bon référencement.
Mis à jour le 23 octobre 2026
Divi est un thème WordPress doublé d’un constructeur de pages visuel, édité par Elegant Themes. Il permet de créer des pages élégantes sans écrire de code, ce qui en fait un outil apprécié des indépendants et des PME. Mais il a aussi une réputation de « thème lourd », et beaucoup se demandent s’il est compatible avec un bon référencement.
La réponse est oui, à condition de le régler et de construire les pages avec méthode. Cette page détaille les réglages, les bonnes pratiques et les erreurs propres à Divi. Elle complète la page consacrée au SEO WordPress, qui couvre l’ensemble du référencement sur ce CMS. Pour la transparence : ce site est lui-même construit avec Divi.
Par Alexandre Montenon, consultant SEO depuis 2011
Ce que Divi fait déjà pour le SEO
L’onglet SEO des options du thème
Ces réglages SEO intégrés sont basiques. Ils ne gèrent ni le plan de site XML, ni les données structurées détaillées, ni le contrôle fin de l’indexation par type de contenu. C’est pourquoi la plupart des sites Divi utilisent un plugin SEO, et c’est la configuration que je recommande. La page sur le plugin SEO WordPress compare les principales extensions.
Les options de performance
| Option | Ce qu’elle fait | Conseil |
|---|---|---|
| Dynamic Module Framework | Charge seulement les modules utilisés sur la page | Laisser activé |
| Dynamic CSS | Génère seulement le CSS nécessaire | Laisser activé |
| Critical CSS | Charge d’abord les styles du haut de page, diffère le reste | Activé ; ajuster la hauteur seuil si des décalages apparaissent |
| Critical Threshold Height | Hauteur de page considérée comme « critique » | Augmenter si le CLS se dégrade |
| Report de jQuery | Déplace jQuery pour ne pas bloquer l’affichage | Activé ; vérifier la console en cas d’erreur |
| Report des scripts tiers | Diffère les scripts d’autres extensions | À tester avec prudence, peut provoquer des erreurs |
Les réglages à faire sur un site Divi
1. Choisir qui gère le SEO
Si vous installez un plugin SEO, laissez-lui la main sur les titres, méta-descriptions et canoniques, et n’activez pas les mêmes fonctions dans l’onglet SEO de Divi. Deux sources qui produisent chacune leur balise title ou leur canonique créent des doublons dans le code. Vérifiez le code source d’une page après configuration : un seul <title>, une seule canonique.
2. Vérifier les options de performance
Ouvrez l’onglet Performance et assurez-vous que les options de performance sont actives. Si une extension ou un script tiers casse l’affichage, désactivez l’option en cause plutôt que tout le reste.
3. Ajouter un cache et compresser les images
Divi ne gère pas le cache de page ni la conversion des images : un plugin de cache (ou le cache de l’hébergeur) et un outil de compression sont indispensables. Servez les images au format adapté et à la bonne dimension : une image de bannière de 4 000 pixels affichée en 1 200 pixels ralentit toute la page.
4. Mesurer
Testez la page d’accueil et vos pages d’offre dans PageSpeed Insights, sur mobile en priorité, et suivez le rapport Core Web Vitals de la Search Console. Visez les seuils « bons » des trois indicateurs de chargement, de réactivité et de stabilité visuelle.
Construire les pages avec méthode
Une hiérarchie de titres propre
Dans le constructeur, il est facile de mettre en forme un texte pour qu’il ressemble à un titre, sans qu’il en soit un dans le code. Ou l’inverse : utiliser une balise H2 pour un simple slogan. Chaque page doit avoir un seul H1 (souvent le titre de la page ou du module d’en-tête), puis des H2 pour les grandes sections et des H3 pour les sous-parties. Dans les modules Texte et Titre, choisissez le niveau de titre dans les réglages, pas seulement la taille de police.
Des sections sobres
Chaque section, ligne et module ajoute du code. Empiler des sections vides pour créer des espacements, multiplier les colonnes imbriquées ou dupliquer des modules masqués selon l’appareil alourdit la page. Préférez les marges et espacements des réglages, et un seul module adapté à tous les écrans quand c’est possible.
Du vrai texte, pas des images de texte
Un titre ou une liste d’arguments intégrés dans une image ne sont pas lisibles par les moteurs ni par les assistants d’IA. Gardez le texte en texte.
Des images décrites
Renseignez le texte alternatif de chaque image porteuse de sens, directement dans le module ou dans la médiathèque.
Le Theme Builder pour les gabarits
Le Theme Builder permet de créer des modèles d’en-tête, de pied de page et d’articles. Bien utilisé, il garantit une structure cohérente sur toutes les pages : un fil d’Ariane, un bloc auteur, une hiérarchie de titres identique. Vérifiez que le modèle d’article affiche bien le titre en H1 et que le contenu de l’article n’en ajoute pas un second.
Avant de publier une page Divi importante, affichez-la sans styles (avec une extension de navigateur ou l’outil d’inspection) ou lisez simplement la structure des titres avec un outil de plan de page. Vous verrez immédiatement si votre H1 est bien unique et si vos sections s’enchaînent logiquement. Ce contrôle de deux minutes évite la plupart des erreurs de structure propres aux constructeurs visuels.
Les points de vigilance propres à Divi
Les animations. Les effets d’apparition au défilement peuvent retarder l’affichage du contenu principal et dégrader le LCP. Évitez-les sur le haut de page.
Les sliders en haut de page. Lourds, souvent peu lus, ils retardent l’affichage de l’élément principal. Une image fixe et un titre clair font mieux.
Les polices. Chaque police et chaque graisse supplémentaire est une ressource à charger. Deux polices, quelques graisses, suffisent.
Les extensions Divi tierces. Les bibliothèques de modules supplémentaires ajoutent du code sur toutes les pages. Installez seulement celles dont vous avez besoin.
Les vidéos intégrées. Une vidéo chargée dès l’ouverture pèse lourd ; préférez une image d’aperçu qui charge la vidéo au clic.
Le contenu dupliqué entre modèles et pages. Une même zone de texte répétée sur toutes les pages via le Theme Builder ajoute du contenu identique partout ; gardez-la courte.
Divi et la visibilité dans les assistants d’IA
Les assistants d’IA lisent le texte des pages accessibles. Un site Divi est lisible par eux tant que le contenu principal est présent dans le code HTML de la page, ce qui est le cas pour les modules standards. Les contenus chargés uniquement après interaction (onglets, accordéons, carrousels) restent présents dans le code avec Divi, mais vérifiez-le pour les modules tiers. Une structure de titres claire, des réponses directes en début de section et des informations d’entreprise cohérentes aident davantage que tout réglage technique.
Les erreurs fréquentes
Doubler les réglages SEO. Onglet SEO de Divi et plugin actifs en même temps.
Désactiver toutes les options de performance pour régler un bug. Mieux vaut identifier l’option en cause.
Des titres choisis pour leur taille. La hiérarchie du code ne suit plus celle du contenu.
Des images non compressées. La première cause de lenteur sur les sites construits avec un constructeur visuel.
Aucun cache. Divi ne le gère pas seul.
Laisser le site en mode « ne pas indexer » après la construction. La case de visibilité de WordPress, cochée pendant le développement, oubliée à la mise en ligne.
Exemple fictif : un cabinet de sophrologie
Pour illustrer, un cas inventé. Une sophrologue a construit son site avec Divi : un slider de cinq images en haut de page, des titres mis en forme à la main, et l’onglet SEO de Divi activé en plus d’un plugin SEO. Elle remplace le slider par une image unique compressée et un titre en H1, reprend la hiérarchie de ses titres dans les réglages des modules, désactive les réglages SEO de Divi au profit du plugin, active un cache et vérifie dans PageSpeed Insights que le chargement mobile s’améliore. Les éléments de cet exemple sont inventés pour l’illustration.
- Le SEO avec Divi fonctionne bien, à condition de régler le thème et de construire les pages avec méthode.
- Gardez actives les options de performance : Dynamic CSS, Critical CSS, chargement dynamique.
- Confiez titres, descriptions et canoniques à un seul outil : le plugin SEO ou Divi, pas les deux.
- Tenez une hiérarchie de titres propre, choisie dans les réglages des modules.
- Ajoutez un cache, compressez les images et mesurez avec PageSpeed Insights.
Questions fréquentes sur Divi et le SEO
Divi est-il bon pour le SEO ?
Oui, à condition de garder ses options de performance actives, d’ajouter un cache, de compresser les images et de construire les pages avec une hiérarchie de titres propre.
Faut-il un plugin SEO avec Divi ?
C’est recommandé : l’onglet SEO de Divi est basique et ne gère ni le plan de site XML ni les données structurées détaillées. Laissez alors le plugin gérer seul titres, descriptions et canoniques.
Comment accélérer un site Divi ?
En gardant actifs Dynamic CSS et Critical CSS, en ajoutant un cache, en compressant les images, en limitant les polices, les animations et les extensions tierces.
Divi est-il lisible par les assistants d’IA ?
Oui, le contenu des modules standards est présent dans le code de la page. Une structure claire et des réponses directes comptent davantage que le choix du thème.
Où trouver les options de performance de Divi ?
Dans les options du thème, onglet Général, sous-onglet Performance. Les options y sont activées par défaut et désactivables une à une.
Vous avez une question, un projet ? Parlons-en ensemble.
On discute ?