Optimiser un site Drupal pour le référencement et Google PageSpeed

Excellent système de gestion de contenu (CMS), plus d'un million d'utilisateurs dans le monde ont utilisé Drupal pour construire de puissants sites Web sur Internet. Cependant, pour maximiser l'optimisation pour les moteurs de recherche (SEO) d'un site Web construit avec un CMS comme Drupal, tu dois configurer le site avec les paramètres appropriés. Voyons les étapes de base à suivre pour optimiser une nouvelle installation de Drupal.

Optimiser Drupal pour le référencement

Peu propice au référencement par défaut, Drupal exige des propriétaires de sites Web qu'ils installent un ensemble de modules tiers pour améliorer son optimisation pour la recherche. Afin d'optimiser Drupal pour le référencement, tu dois :

• Commence par des URL propres et le module Module Pathauto. Ceux-ci te donneront l'avantage de pouvoir contrôler l'utilisation des mots-clés dans chaque URL en fonction du titre de la page.
• Installer et configurer le module Module Metatag. Tu en auras besoin pour les configurations avancées des métatags HTML, Open Graph, Twitter Card et Dublin Core nécessaires pour les médias sociaux et les SERP.
• Utiliser Google PageSpeed pour tester le site. Suis les recommandations relatives aux performances des pages web selon ce cadre pour affiner les paramètres du site Drupal .
• Utilise le Module d'agrégation avancée (AdvAgg). Ce module remplace l'agrégation de base de Drupalpour compresser le CSS et le JavaScript, offrant ainsi plus d'options pour optimiser la vitesse de la page.

En installant ces modules et en prêtant une attention particulière aux configurations des paramètres, le système de variables de base de Drupal peut générer efficacement des résultats de métatags complexes pour le contenu dynamique sans avoir à saisir manuellement les informations pour chaque page. En installant une agrégation avancée de CSS et de JavaScript, les pages Drupal obtiendront systématiquement des résultats élevés aux tests Google PageSpeed.

Des URL propres

Lors de l'installation de Drupal 7, le CMS effectue automatiquement un test pour vérifier si le serveur prend en charge l'utilisation des URL propres. La raison principale de ce test est de confirmer que l'extension "mod-rewrite" pour Apache est disponible. Les URL propres suppriment la chaîne "?q=" qui apparaît après le nom de domaine sur chaque page Drupal et permettent également de personnaliser davantage les URL avec des mots-clés basés sur le titre de la page à l'aide du module Pathauto. L'utilisation de mots-clés dans l'URL est considérée comme un facteur majeur de l'algorithme PageRank de Google pour catégoriser le contenu des pages de résultats des moteurs de recherche (SERP).

La seule différence avec Drupal 8 est que les Clean URL sont activées par défaut dans le processus d'installation et qu'il n'y a pas de section d'administration pour les désactiver. Pour plus d'informations sur la configuration d'un serveur web pour utiliser les Clean URL avec Drupal 8, visite cette page de présentation sur Drupal.org. Le point important avec les Clean URL est qu'ils ne sont que le point de départ pour maximiser les performances de référencement sur un site Drupal avec Pathauto.

Configurer le module Pathauto pour le référencement

Le processus d'installation des modules Pathauto, Metatag et AdvAgg est standard : télécharge les fichiers à partir de Drupal.org, décompresse les fichiers zip et télécharge-les sur le serveur dans le dossier sites/all/modules ou utilise Drush pour les installer à l'aide de la ligne de commande. Active chaque module dans la section d'administration de Drupal et vérifie les autorisations. (Note : Metatags nécessite les modules CTools et Token )

Il n'y a que quelques valeurs principales à prendre en compte avec Pathauto, puis le module traduira automatiquement les titres des pages du contenu de Drupal en URL adaptées au référencement et riches en mots-clés pour les recherches de contenu. Navigue jusqu'à la section de configuration de Pathauto et passe en revue les paramètres par défaut, en remplaçant n'importe laquelle des variables du programme par des mots-clés.

Configuration du module Metatag

Lorsque tu utilises le module Metatag avec Drupal 7 et 8, les paramètres les plus importants concernent le titre de la page, l'URL canonique et la description. Ces métabalises déterminent le texte récapitulatif qui s'affichera pour chaque page dans les SERPs de Google ou d'autres moteurs de recherche. La description de la page peut être la même pour toutes les pages d'un site ou être définie individuellement pour chaque page unique. Comme les pages avec une description unique seront plus performantes dans les SERP, il est important de configurer la description pour qu'elle soit basée sur le résumé de l'accroche.

Le module Metatags s'intégrera à Views et permettra également la configuration personnalisée des descriptions de pages en fonction du type de contenu. La meilleure pratique consiste à configurer manuellement la description de la page d'accueil et des pages d'atterrissage du menu principal, puis à utiliser les variables des systèmes Drupal pour écrire automatiquement des valeurs uniques pour le contenu dynamique. L'utilisation des balises Dublin Core est considérée comme facultative. Le module permet également de programmer des icônes et des favicons personnalisés par le biais de métabalises pour les applications web et mobiles.

Tests Drupal et Google PageSpeed

Google PageSpeed est un excellent moyen de tester les performances de ton site Drupal et de t'assurer que Google est satisfait de ton site. Après tout, optimiser pour le référencement, c'est avant tout optimiser pour Google !

Les exigences PageSpeed de Google sont liées à des facteurs qui vont au-delà de l'utilisation de métabalises en HTML, et comprennent le temps de chargement de la page, la quantité de texte en dessous des affichages de coupure du navigateur, les facteurs de préparation mobile, la compression des images, et la compression à la fois de CSS et de JavaScript. Les balises Dublin Core utilisent des informations sémantiques avancées pour le catalogage des bibliothèques, tandis que les nouvelles métabalises peuvent également être utilisées pour contrôler les icônes qui s'affichent avec le site Web sur les appareils mobiles et le favicon d'une page Web dans les onglets du navigateur.

Certains des problèmes liés aux tests Google PageSpeed concernent l'environnement du serveur - par exemple, le temps de réponse du serveur DNS et de l'hébergeur. C'est pourquoi il est toujours important de choisir un bon hébergeur drupal . InMotion Hosting est fortement recommandé par de nombreux sites d'évaluation en tant que meilleur hébergeur Drupal .

Les principaux facteurs testés par Google PageSpeed :

• Temps de chargement initial de la page et temps de réponse du serveur.
• Utilisation de la compression de HTML, CSS et JavaScript
• Hiérarchisation du contenu visible sur les appareils mobiles et les navigateurs web.
• Compression d'images (jpg/jpeg, png, gif)
• L'utilisation de la mise en cache du navigateur sur les pages web.

Tu devrais également utiliser Riot pour une meilleure compression des images .jpg et .png, qui optimise les fichiers pour la vitesse de la page bien mieux que Photoshop lors de l'enregistrement de fichiers images pour le web. Pour une mise en cache des pages plus avancée que celle fournie par le noyau de Drupal , utilise le module Views Content Cache, Boost, ou alternativement une solution avec APC, Memcache et Varnish.

Agrégation CSS et JavaScript avancée

L'utilisation du module AdvAgg avec Drupal est standard et simple, mais il contient un large éventail de paramètres qui peuvent être combinés pour optimiser les performances du CMS pour Google PageSpeed. Le module AdvAgg remplace l'agrégation CSS et JavaScript standard dans le noyau de Drupal et est accessible via la zone "Performance" de la section d'administration du CMS.

Les sections principales du module AdvAgg contiennent les réglages pour :

• Compression CSS et JavaScript
• Plugins de compression tiers
• Applications expérimentales

Modifie ces paramètres pour voir quelles combinaisons fonctionnent le mieux pour les pages du site web en visitant à nouveau le test Google PageSpeed et en utilisant un processus de retour d'information pour trouver la combinaison optimale.

Une autre option consiste à utiliser le module Speedy pour remplacer les fichiers JavaScript du noyau de Drupal par des versions compressées de façon optimale. Speedy fonctionne également bien avec le module AdvAgg, mais doit être mis à jour à chaque changement de version de Drupal core.

Résumé et recommandations

En suivant les directives de ce tutoriel, tu créeras un site Drupal entièrement optimisé pour le référencement, avec beaucoup de souplesse pour une configuration plus poussée. Bien que certains aspects de la vitesse des pages dépendent de l'environnement du serveur, l'utilisation d'une mise en cache avancée des pages, le déploiement correct de l'agrégation CSS et JavaScript, et l'optimisation des fichiers images amélioreront considérablement les résultats des tests PageSpeed de Google. L'utilisation des métabalises de description de page, des titres de page axés sur les mots clés dans la structure URL et l'emploi des différents modules mentionnés dans cet article garantiront une configuration optimale de l'optimisation pour les moteurs de recherche d'un site construit avec Drupal.

Article invité par Jay Douglas de Howtogetonline.com

Tu veux essayer Drupal pour ton prochain site Web ? Renseigne-toi sur nos services d'hébergementDrupal sécurisés.