Un guide pour configurer le module metatag dans votre site Web Drupal

Les balises meta sont l’extrait du contenu de la page. Ces balises HTML jouent un rôle central dans l’optimisation des moteurs de recherche. Ils n’apparaissent pas sur la page mais le font certainement sur le code source de la page. Drupal fournit un module metatag (https://www.drupal.org/project/metatag) pour générer des meta mots-clés pour votre site web Drupal. Cela peut être fait au niveau global, au niveau du type de contenu et au niveau du nœud.

Installation du module de balise méta : –

1. Installez le module à l’aide de composer.

2. Activez le module à l’aide de la commande drush.

3. Après l’installation réussie du module de balises méta, accédez à la page de configuration (/admin/config/search/metatag) du module de balises méta où vous pouvez repérer les configurations pour les types de contenu, les pages d’erreur par défaut, etc.

Configuration des balises méta pour un type de contenu : –

1. Sur la page de configuration des balises méta, cliquez d’abord sur « ajouter des balises méta par défaut ». Ensuite, vous pouvez trouver les types de contenu répertoriés sur votre site Web dans la liste déroulante des types. Sélectionnez le type de contenu de votre choix. Dans notre cas, nous avons choisi le type de contenu « page de base ».

2. Après l’enregistrement, vous pouvez trouver un autre ensemble de champs pour le type de contenu sélectionné (c’est-à-dire la page de base)

3. Modifiez la balise méta du type de contenu souhaité, puis cliquez sur « Parcourir le jeton disponible ». Vous pouvez trouver plusieurs jetons disponibles, mais nous devons choisir parmi des « nœuds » pour les types de contenu.

4. Parmi les jetons disponibles pour les nœuds, remplissez les champs selon votre choix.

5. Pour valider cela, créez/modifiez un nœud du type de contenu configuré. Accédez à ce nœud particulier et inspectez le code source ; vous pouvez constater que les balises méta que vous avez configurées sont déjà préremplies.

Remplacer les balises méta pour des nœuds spécifiques : –

Dans l’exemple ci-dessus, nous avons configuré des balises méta pour un type de contenu qui couvre tous ses nœuds. Mais que se passe-t-il si vous avez besoin de balises META nœud par nœud ? Eh bien, il existe une solution pour cela. Pour ce faire, vous devez ajouter un champ de balise méta au type de contenu souhaité, comme indiqué dans la capture d’écran ci-dessous :-

Modifiez n’importe quel nœud de ce type de contenu particulier et vous remarquerez qu’un nouveau champ de balise méta est ajouté à la barre latérale droite de la page. Vous pouvez remplacer les balises méta pour ce nœud ici.

Configuration de la balise meta pour les vues : –

1. Activez le module d’affichage des balises méta (un sous-module de balise méta) à l’aide de drush.

2. Modifiez n’importe quelle vue selon vos besoins. Dans notre cas, nous avons opté pour la vue « /blogs ». Après avoir cliqué sur modifier, vous pouvez trouver un nouveau paramètre de page avec le nom « balises méta ».

3. Cliquez sur ce paramètre de page et configurez les balises méta pour cette page de vue.

4. Pour valider cela, cliquez sur « Afficher la source de la page » de la page de sortie de ce type de contenu particulier et vous pouvez trouver les balises méta configurées.

Les graphiques ouverts et les cartes Twitter sont peu de sous-modules hautement qualifiés de balises META. Vous trouverez ci-dessous leur mise en œuvre.

Configuration des balises méta Open graph pour Facebook à l’aide de balises méta : –

1. Activez le module « Metatag: Open Graph » en utilisant la commande drush comme indiqué ci-dessous.

2. Modifiez le « content:blog » (choisissez le type de contenu selon vos besoins) présent sur la page de configuration de la métabalise. Cliquez sur « Ouvrir le graphique » et configurez les jetons disponibles dans la section « Parcourir la section des nœuds des jetons disponibles ».

Les jetons les plus couramment utilisés sont indiqués ci-dessous : –

• Type de contenu : souhaité_CT
• L’URL de la page: [node:url]
• Titre: [node:title]
• Description: [node:summary]
• URL de l’image

3. Pour le tester, collez l’URL dans l’outil de débogage de partage Facebook (https://developers.facebook.com/tools/debug/). La sortie devrait ressembler à celle ci-dessous :

Les cartes Twitter sont utilisées pour ajouter des informations minimales, c’est-à-dire des photos, une description, des titres, sur le contenu de votre lien. De la même manière que vous avez configuré les balises méta du graphique ouvert, vous pouvez également configurer la balise méta pour Twitter en activant le sous-module metatag:twitter cards et en configurant les balises méta souhaitées.

TROUVÉ CELA UTILE ? PARTAGEZ-LE