-

10 fonctionnalités SEO qu'un CMS moderne devrait avoir. Exemple avec Drupal

Dans cet article de blog, je vais présenter dix fonctionnalités SEO que tout CMS moderne devrait avoir et vous montrer à quel point il est facile de les implémenter dans Drupal. Donc, si vous avez un site web existant, vous verrez facilement ce qui vous manque. Et si vous envisagez de créer un nouveau site, vous obtiendrez une liste prête à l'emploi de fonctionnalités à copier dans vos spécifications et exigences web. Je vous invite à lire l'article ou à regarder un épisode de la série “Nowoczesny Drupal” (la vidéo est en polonais).

Pourquoi le SEO est-il si important ?

Nous créons des sites web principalement pour atteindre des objectifs commerciaux, le plus souvent des revenus. Pour réussir, nous devons générer du trafic et attirer des utilisateurs.

L'une des sources de trafic les plus importantes, avec les réseaux sociaux ou d'autres types selon le site web, sont les moteurs de recherche tels que Google et Bing. Le classement d'une page web dans les résultats de recherche et le trafic dépendent principalement de la qualité de l'optimisation de notre site pour le SEO.

Il est important de noter que l'optimisation elle-même est un processus itératif. Vous apportez des modifications et vérifiez comment elles affectent les positions dans les recherches. Si vous avez un CMS où nous pouvons éditer le contenu, mais que les autres éléments SEO ne sont plus là, seul un programmeur ou un intégrateur devra le faire, et nous devons nous attendre à des coûts.

Pourquoi avez-vous besoin de fonctionnalités SEO dans un CMS ?

Un site web qui veut croître et augmenter son trafic doit travailler chaque mois à améliorer son SEO technique. Ces changements peuvent parfois être une douzaine ou même des dizaines.

Maintenant, si un programmeur doit travailler sur ces changements, il peut s'avérer qu'en cinq ou dix ans, car c'est ainsi que fonctionnent généralement les sites Drupal, nous dépenserons des dizaines de milliers de zlotys ou même plus pour ce travail.

Pour éviter cela, il est judicieux de penser à appliquer des fonctionnalités SEO lors du développement des sites web - en particulier ceux qui génèrent du trafic depuis les moteurs de recherche. 

Voyez quelles fonctionnalités SEO devraient être dans une solution de gestion de contenu en utilisant Drupal comme exemple. Il s'agit d'une liste prête que vous pouvez copier dans vos spécifications et exigences de création de site.

1. Gestion des en-têtes HTML

Laissez-moi commencer par un élément technique simple, comme définir les en-têtes H1, H2 ou H3. Il s'avère que tous les CMS ne vous permettent pas de gérer ces en-têtes. Parfois, cela arrive même dans Drupal ou d'autres technologies qui viennent à notre agence.

Il peut y avoir différentes approches de la création de contenu dans Drupal :

  • Basique : Si nous avons un Drupal pur, nous avons un CKEditor, et nous pouvons y définir nos en-têtes. Ci-dessous, je montre à quoi cela ressemble.
  • Le site web peut également être construit sur des champs, des paragraphes ou des champs personnalisés. Ensuite, nous avons des formulaires pour saisir le contenu. Et ici aussi, dans de nombreux cas, nous devons gérer la configuration de ces en-têtes d'une manière ou d'une autre.
  • Il y a aussi des constructeurs comme Acquia Site Studio et Drupal Experience Builder, qui sont des solutions qui ne sont encore qu'en construction à ce stade. De plus, il y a Gutenberg, DXPR Builder, et probablement d'autres solutions similaires.

Comment définir des en-têtes HTML dans CKEditor ?

Ici, j'ai un Drupal pur avec un contenu d'exemple. En éditant le contenu, il y a un CKEditor par défaut. C'est un format HTML de base, mais en pleine version, cela a l'air similaire.

Nous sélectionnons le texte et nous le configurons. Nous pouvons définir n'importe quel morceau de texte n'importe où comme en-tête. Ici, nous avons des titres de H2 à H6, et c'est parce que le défaut est de tels réglages, mais vous pouvez le changer pour vous.

Définition des en-têtes H2 et H3 dans Drupal.


Pour ce faire, nous irons dans Formats de texte et éditeurs dans Drupal.

Section des formats de texte et des éditeurs dans Drupal.


Ici, nous pouvons sélectionner l'en-tête H1 et le configurer. 

Définition de l'en-tête H1 dans un éditeur de texte dans Drupal.


Comment définir des titres HTML dans Droopler ?

C'est un peu différent dans Droopler car nous avons un système de soi-disant composants. Ce sont des composants prêts à l'emploi que vous pouvez ajouter à votre site web. En les éditant, ils sont constitués de champs de texte.

Le système de composants dans Droopler.


Maintenant, il est essentiel que ce titre principal soit défini comme H1 ou H2.

Définir des titres dans Droopler.


Chez Droptica, nous avons fait en sorte que dans les paramètres, nous puissions modifier le titre principal en H1, par exemple, et l'enregistrer, et nous sommes bons.

Liste extensible des titres dans Droopler.


Vous pouvez le voir dans le code source de la page :

Source de la page avec l'information de l'en-tête H1.


C’est important parce que si nous avons différents composants et que nous aimerions déplacer le composant “A” en bas et “B” en haut, le premier devrait, selon les bonnes pratiques SEO, être défini comme un en-tête H1. Le second devrait être défini comme H2. Ceci est crucial car, en principe, vous ne pouvez pas avoir deux H1 sur une page.

2. Ajouter des descriptions ALT

Une autre fonctionnalité SEO techniquement simple est souvent oubliée lors de la construction des CMS: la capacité d'ajouter des descriptions ALT aux images. 

Dans Drupal, cela a déjà été bien résolu au cœur du système. Si je veux insérer une image dans l'édition de contenu dans CKEditor que j'ai mentionnée, j'ai immédiatement eu un champ ici pour entrer un texte alternatif.

Définition du texte alternatif pour les graphiques dans l'article.


La même chose est vraie dans Droopler. Nous avons un champ Média, qui est également un élément du cœur de Drupal.

Ajouter des graphiques dans l'éditeur de Droopler.


Si je veux remplacer la photo ici et ajouter une image à partir du disque, je peux également entrer immédiatement le texte alternatif (description ALT) nécessaire pour les moteurs de recherche.

Définir le texte alternatif dans l'éditeur Droopler.


3. Définir les métabalises dans Drupal

La troisième fonctionnalité SEO qui devrait être dans chaque CMS est les métabalises. Celles-ci font principalement référence au Titre et à la Description de la page, qui sont affichés dans les résultats de recherche.

Je vais vous montrer comment c'est implémenté dans Drupal. D'une part, nous avons cette configuration globale, où nous pouvons définir des éléments sur la page d'accueil, les pages 403 et 404, pour des termes de taxonomie sélectionnés, utilisateurs ou contenus. Il y a aussi une section Paramètres.

Section des paramètres des métabalises dans Drupal.


La deuxième option de paramétrage est sur la page d'édition de nœud ou de contenu. Au milieu, nous avons la création de contenu, et sur le côté droit, il y a des options liées aux métabalises.

Ici, nous trouvons un élément utile dans Drupal qui devrait également être mis en œuvre dans tout CMS. Quelque chose comme ça pour que l'éditeur n'ait pas besoin d'entrer et de remplir ces champs à chaque fois manuellement. Donc, par défaut, il y a un modèle défini qui se convertira automatiquement en quelque chose. Dans notre cas, le modèle par défaut est configuré de manière à ce que le titre de la page soit copié dans le champ Titre, et un tiret vertical sera ajouté, suivi du Nom du site.

Définition du titre de la page dans l'éditeur dans Drupal.


Quand je vois cette page pour moi-même, le titre ressemblera à ceci : "CMS Drupal 10.3 został wydany." Cette page de test est DrushSiteInstall, donc c'est ainsi que ça s'est passé ensemble.

Titre défini pour la page “CMS Drupal 10.3 has been released”.


4. Construire des URL conviviales

Les URL conviviales sont une autre fonctionnalité SEO qui devrait être implémentée dans un CMS. Dans Drupal, nous avons un module très pratique PathAuto. Je vais vous montrer comment il fonctionne.

Tableau de présentation sur le module Pathauto.


Voici à quoi ressemble la page de configuration de ce module. Nous avons une liste dans le premier onglet. Vous pouvez voir l'article édité ci-dessus.

Définition d'alias d'URL dans Drupal.


Ensuite, nous avons Wzory (ang. Patterns). C'est aussi une option intéressante car nous avons ici un modèle pour le contenu. Je vais vous montrer comment l'éditer.

Définition de modèles de contenu dans Drupal.


Je vais le changer en news/[node:title] ici, l'enregistrer et faire une régénération. Maintenant, vous pouvez voir que cette adresse a changé, mais ce mot  news  n'était pas là il y a un instant.

Video file


Maintenant, j'enregistre chaque nouvel article ajouté, et vous pouvez voir par vous-même que ici, cette adresse sur la barre est news/...  et ce titre, selon le modèle que j'ai défini dans les modèles.

Vue de l'enregistrement d'un nouvel article de blog dans Drupal.


C'est une fonctionnalité très pratique car vous pouvez avoir différents types de contenu dans Drupal, tels que des offres d'emploi et des annonces, et chacun d'eux peut avoir un design distinct.

Vous pouvez également ajouter une taxonomie à cela, c'est-à-dire des catégories, et avoir, par exemple, des actualités des sections sports, affaires, et ainsi de suite. Elles peuvent également toujours avoir ce mot ajouté à l'URL.

5. Création d'un sitemap XML

Sitemap.xml est un moyen de dire à Google, Bing ou à tout autre moteur de recherche quelles sous-pages doivent être indexées. Dans Drupal, nous avons deux modules qui s'en occupent pour nous - XML Sitemap et Simple XML Sitemap. Je vais montrer le premier. 

Un tableau de présentation décrivant le Sitemap XML.


Voici à quoi ressemble la section Paramètres. Ici, nous avons une liste de sitemaps (il peut y avoir plusieurs de ces sitemaps), des paramètres et des options de reconstruction si nous voulons que tous les liens soient reconstruits. Il y a aussi des informations sur les entités attachées au sitemap.

Ici, vous pouvez voir ce statut, ce qui est réellement indexé dans le sitemap et ce qui ne l'est pas :

Section avec paramètres du sitemap dans l'éditeur Drupal.


Je l'ai configuré de manière à ce que les articles soient ajoutés au sitemap et que les pages simples ne le soient pas. Nous pouvons voir combien d'articles il y a et combien sont indexés.

Je vais également vous montrer à quoi cela ressemble sur la page d'édition de contenu. Si nous allons éditer, nous avons une section XML Sitemap sur le côté droit, et nous pouvons, par exemple, désactiver complètement un article ou modifier ses paramètres.

Paramètres du Sitemap XML sur la page d'édition de contenu.


Par exemple, si nous voulons que la priorité dans le sitemap soit plus élevée ou que la fréquence des changements soit différente, nous pouvons modifier cela pour chaque article.

Définition des priorités dans le Sitemap XML sur la page d'édition de contenu.


Ce sont des capacités et des fonctions de base liées au module  XML Sitemap.

6. Configurer le fichier Robots.txt

Robots.txt est un fichier texte que nous plaçons dans le dossier racine de notre système CMS. Nous lui donnons des informations sur ce qui doit être indexé et ce qui ne le doit pas. Par exemple, nous ne voulons le plus souvent pas que les pages administratives ou certains répertoires avec des fichiers ne soient indexés. Ces paramètres peuvent changer.

Il est également essentiel que ces paramètres puissent être facilement édités depuis le CMS, afin que vous n'ayez pas à aller quelque part sur le serveur et modifier le fichier. Cela peut également être problématique si le serveur est géré par Git ou par une entreprise externe. C'est pourquoi il est important qu'il soit dans le CMS.

Bien sûr, dans Drupal, nous avons un module pour cela - RobotsTxtCela a l'air simple. Nous avons un grand champ de texte, et nous pouvons supprimer ou ajouter de nouveaux éléments ici, les enregistrer, et nous avons terminé. 

Une liste du fichier RobotsTxt telle qu'elle apparaît dans Drupal.


7. Configurer les redirections

Un site web évolue pendant son cycle de vie. De nouvelles sous-pages sont ajoutées, des pages sont modifiées ou les titres sont changés. Il y a aussi des changements d'URL associés à tout cela. Il y a aussi des sous-pages qui sont supprimées. 

Il est important, en ce qui concerne ces éléments qui ont été supprimés ou changés, de diriger l'utilisateur vers la nouvelle adresse de site correcte ou la page d'accueil pour qu'ils ne voient pas l'information que la page à l'adresse donnée n'existe pas.

Bien sûr, nous avons également un excellent module Drupal - Redirect pour cela. 

Un tableau dans une présentation sur les redirections.


Voici à quoi ressemble la page de la liste des redirections.

Une page avec une liste de redirections dans Drupal.


Par exemple, nous pouvons voir que j'ai défini /wordpress pour me rediriger vers /drupal. Voyons si cela fonctionne.

Un exemple de redirection d'une sous-page WordPress vers Drupal.


Cela fonctionne; cela m'a redirigé vers /drupal. Oui, vous pouvez ajouter manuellement certaines redirections pour vous-même, mais une fonctionnalité passionnante est dans l'édition d'article elle-même. Si je constate que sur une certaines pages, je dois réécrire le titre.

Cet article a automatiquement le titre “Nowy artykuł do wideo o SEO” (ang. "Nouvel article pour une vidéo sur le SEO") défini, et je veux le changer en "Stary artykuł do wideo o SEO" (ang. "Ancien article pour une vidéo sur le SEO")

Modifier un article pour une vidéo sur le SEO dans Drupal.


Je l'enregistre, et l'URL est news/stary-artykul (ang. news/old-article). Quand je vais à l'onglet Redirect, vous pouvez voir que cet article vidéo nouveau, qui est ce que j'avais avant, est maintenant redirigé vers une URL plus récente.

Configuration d'une redirection d'URL dans Drupal.


De cette façon, l'éditeur n'a pas à s'inquiéter que s'il modifie le titre et colle un lien sur Facebook, par exemple, avant, le lien cessera de fonctionner. Dans Drupal, cela se fait de manière à ce que ces liens soient automatiquement redirigés, vous n'avez pas à vous en inquiéter. C'est ce qui est vraiment important : ces redirections sont là.

Encore une fois, je reviendrai aux redirections. Voici une autre page de paramètres où vous pouvez affiner les paramètres par défaut.

Définition des redirections d'URL dans Drupal.


8. Correction des erreurs 404

La huitième fonctionnalité est liée aux redirections. Il existe un onglet dans Drupal appelé Fix 404 pages</strong> et il regroupe une liste de sous-pages que les utilisateurs ont visitées et qui n'existent pas.

Section Fixer les pages 404 dans Drupal.


Par exemple, si je tape demo-strona-nie-istnieje (ang. demo-page-doesn't-exist), je reçois un message indiquant que la page n'est pas trouvée. Oh, et maintenant vous pouvez voir que quelqu'un est allé sur ce site. Vous pouvez voir, en général, combien de fois quelqu'un a consulté cette page et quand il y est allé pour la dernière fois.

Nous pouvons ajouter une redirection nous-mêmes à partir de ce niveau. Par exemple, nous pouvons rediriger de l' demo-strona-nie-istnieje vers une sous-page Drupal et c'est fait.

Ajout d'une redirection permanente 301 dans Drupal.


Maintenant, tous les utilisateurs qui accèdent à cette page avec la mauvaise adresse seront redirigés vers cette page avec la bonne adresse.

Et comme vous pouvez le voir ici, cette adresse, qui était là il y a un instant, a disparu :

Erreurs 404 corrigées Drupal.

Nous n'avons plus à nous en soucier. Nous avons aussi quelques adresses qui n'ont pas de redirections en permanence. Nous pouvons ajouter ces redirections, ou s'il y a un petit nombre de visites, nous pouvons laisser cela inchangé.

9. Vérification des liens avec le module Link checker

Comme je l'ai dit, le site web est souvent vivant, et le contenu change, des sous-pages sont ajoutées ou éditées, et les liens dans le contenu changent également.

Par exemple, nous avions des articles de blog qui faisaient un lien vers d'autres articles de blog ou contenus, et ces pages cibles ont été modifiées. Il est utile dans de tels cas d'avoir un mécanisme pour nous montrer que les liens en question ne fonctionnent plus. Voici un exemple.

Si nous avons cet “Artykuł do wideo o SEO” (ang. "article vidéo sur le SEO"), je vais ajouter un lien appelé to-nie-istnieje ici (c'est un lien interne), sauvegardez et allez au module Link checker dans Drupal.

Module Link checker dans Drupal.


Dans l'onglet Rapport des liens brisés, il apparaît immédiatement que ce lien n'existe pas. Nous pouvons voir nous-mêmes que nous avons une liste de pages avec des liens inexistants :

Rapport avec des liens inexistants dans Drupal.


Sur le côté gauche se trouve une liste avec des liens. Dans la colonne Trouvé ici, nous avons des informations sur l'entité dans laquelle ils se trouvent et quel nœud. Nous pouvons y aller et rééditer et corriger ce lien.

Édition d'un article de blog dans l'éditeur dans Drupal.


En ce qui concerne la liste des liens, le contenu est vérifié soit lors du cron soit lors de l'écriture d'un nœud particulier. Immédiatement, vous pouvez voir quel lien sur l'ensemble du site n'est pas fonctionnel. Nous pouvons facilement surveiller et vérifier si nous avons des liens cassés sur le site web.

10. Analyse du texte avec le module SEO en temps réel pour Drupal

La dernière fonctionnalité SEO dans Drupal est l'analyse de contenu Pendant que vous écrivez. Il y a un excellent module pour Drupal appelé SEO en temps réel.

Un tableau de présentation sur le module de SEO en temps réel pour Drupal.


Si j'édite le contenu pour moi-même, ici en bas, j'ai juste toute la section SEO en temps réel :

Analyse de contenu dans l'éditeur Drupal.


Je peux entrer un mot-clé qui est pertinent dans ce cas. Ici, je peux voir un aperçu de la manière dont cette page apparaîtra dans les résultats de recherche - dans Google ou Bing, c'est-à-dire quel sera le titre, l'URL et la description. Vous pouvez également éditer cela depuis ce niveau pour vous-même. De plus, il y a aussi toute une section Analyse de contenu :

Liste avec analyse de contenu pour le contenu dans l'éditeur dans Drupal.


Les éléments marqués en vert sont corrects. En ce qui concerne les sous-éléments en rouge et en orange, cela vaut la peine de vérifier et d'essayer de les améliorer. Lors de la création de contenu, nous avons immédiatement ce genre d'analyse.

Si nous créons du contenu, des articles de blog ou des pages de destination, le mot-clé pour lequel ce contenu doit apparaître nous est important. Immédiatement dans le CMS, nous avons une analyse de la manière de l'améliorer pour que les chances que la page soit en tête des résultats de recherche soient élevées.

Bonus : Module SEO Checklist dans Drupal

En plus de cette liste de dix fonctionnalités, j'ai un bonus SEO checklist. C'est un module dans Drupal qui n'accomplit en réalité rien par lui-même, mais il a une liste de contrôle de diverses actions que vous devriez entreprendre pour améliorer le SEO sur votre site web.

Voici à quoi il ressemble. Ici, nous avons différentes sections :

Checklist pour optimiser une page pour le SEO dans Drupal.


Sous chaque section se trouve une liste de choses à faire.

Ce module ne fait rien par lui-même. Si nous activons la case à cocher ici, rien ne se passera sauf que le système se souviendra que la case à cocher est cochée. Et la barre en haut changera. C'est juste un indicateur avec des conseils SEO, de sorte que nous n'avons pas à chercher sur Internet ce qu'il faut vraiment faire dans Drupal ou possiblement dans un autre CMS pour que le SEO soit correct.

Ce module a une liste prête, et nous décochons pour nous-mêmes si nous avons défini, par exemple, le module Redirect ou PathAuto. Grâce à cela, nous pouvons progressivement ajuster notre site web et améliorer le SEO et voir combien de choses nous avons faites et combien encore à faire. Je recommande ce module très utile.

10 fonctionnalités SEO dans un CMS moderne - résumé

Je conclus avec un résumé de toutes les fonctionnalités SEO qui devraient être dans un CMS moderne :

  • Spécifier les titres H1, H2 et H3 et les descriptions ALT pour les images,
  • ajouter des métabalises,
  • configurer des URL conviviales, en particulier avec cette option pour générer automatiquement et définir des modèles,
  • créer un sitemap XML,
  • configurer un fichier Robots.txt depuis le niveau CMS,
  • configurer des redirections, surveiller les pages 404 et leur ajouter des redirections également, 
  • vérifier si les liens fonctionnent, et analyser et recommander du texte pour un SEO optimal.

Si vous construisez un nouveau site web maintenant ou souhaitez vérifier si votre site a les bonnes fonctionnalités, cet article vous sera d'une aide précieuse. Assurez-vous également de regarder la video YouTube, dans laquelle vous trouverez les fonctionnalités SEO décrites et une liste complète des modules pour Drupal avec des liens. La vidéo est en polonais. 

-