Configurer les balises méta Open Graph d'un site Drupal

Les balises méta Open Graph permettent d'améliorer la visibilité et l'affichage de vos pages lorsqu'elles sont partagées sur les réseaux sociaux.

Dans ce guide, nous allons voir comment activer et configurer ces balises sur un site Drupal à l'aide du module Metatag.

Nous ajouterons le sous-module Open Graph à un type de contenu et définirons ses valeurs en utilisant les jetons Drupal.

Ajouter le sous-module Open Graph au type de contenu souhaité

Rendez-vous sur la page de gestion des paramètres du module Metatag : /admin/config/search/metatag/settings

Sur cette page, recherchez le type de contenu souhaité (Dans cet exemple "Page structurée") et ajoutez le sous-module Open Graph.

Configurer les balises méta Open Graph pour un type de contenu

Rendez-vous sur la page de configuration des balises méta du module Metatag : /admin/config/search/metatag

Sur cette page recherchez le type de contenu souhaité (Dans cet exemple "Page structurée") et cliquez sur "modifier".

Ouvrez le menu déroulant "Open Graph"

Cliquez dans le champ que vous souhaitez renseigner

Puis ouvrez l'outil de recherche des jetons Drupal

Notez que vous pouvez déplacer cette fenêtre en restant cliqué sur la barre supérieure noire

Notez que vous pouvez redimensionner cette fenêtre en restant cliqué sur le coin inférieur droit de la fenêtre

Recherchez ensuite le jeton que vous souhaitez utiliser

En cliquant sur le jeton la valeur sera automatiquement ajoutée au dernier champ cliqué

Attention les champs de tous les types de contenus sont disponibles sous la partie "Noeuds", donc assurez vous bien que le nom système du champ que vous avez choisi correspond bien à un champ existant dans votre type de contenu

Par exemple si on se rend sur la page de gestion des champs pour le type de contenu "Page structurée" /admin/structure/types/manage/page_structuree/fields

Dans cet exemple on cherche à ajouter la valeure du champ Contenu dont le nom système est "field_contenu".

Dans l'outil de recherche de Jeton on va pouvoir rechercher le nom système du champ "field_contenu" pour ajouter sa valeur dans les balises méta Open Graph

Renseigner un champ de type média Vidéo et /ou Image

Sur un type de contenu Drupal, on a un champ Média qui accepte une image ou une vidéo

Commencez par rechercher le champ média du type de contenu que vous souhaitez configurer

Naviguez ensuite jusqu'à l'entité Média

Enfin, vous pouvez choisir entre URL, URL de la vidéo distante et Image selon vos besoins

Attention

Si vous définissez par défaut une url vidéo, tout les contenu de ce type afficherons cette vidéo par défaut (Si aucune vidéo n'est renseigné pour ce contenu, la balise Open Graph n'apparaitra pas).

Voici un exemple de balises Open Graph affichées dans le code source d'une page web