Qu’est-ce que le protocole Open Graph (OGP) ?

24/12/2025

Les balises Open Graph sont des balises meta qui aident à refléter des données telles que les titres, les descriptions et les images lors du partage de pages web sur les réseaux sociaux. Elles ont été créées pour la première fois par Facebook.

Elles sont utilisées avec des balises <meta> à l’intérieur de la balise <head> en langage HTML.

Balises meta OGP de base

Vous pouvez utiliser les balises Open Graph de la manière la plus simple en plaçant les 4 balises meta suivantes dans le code source de la page. Ces 4 balises meta sont requises sur toutes les pages pour que la construction fonctionne.

og:type Spécifie le type de page. (Article, vidéo, auteur…)
og:title Spécifie le titre de la page.
og:image Spécifie l’image de couverture qui décrit la page.
og:url Spécifie l’URL canonique qui a créé la page.

Balises OGP optionnelles

Les balises meta suivantes sont optionnelles pour le protocole Open Graph mais généralement recommandées.

og:audio Elle est utilisée pour spécifier l’URL du fichier audio à partager.
og:video Elle est utilisée pour spécifier l’URL du fichier vidéo à partager.
og:description Une description est utilisée pour décrire la page, généralement elle récupère la même valeur que la balise meta description de la page.
og:determiner Elle est utilisée pour le mot qui apparaîtra avant le titre de la page. Comme les préfixes “a”, “an” ou “the” dans les textes en anglais. Elle est vide par défaut.
og:locale Utilisée pour marquer la langue locale de la page. Sa valeur par défaut est “en_US”.
og:locale:alternate Elle est utilisée pour les emplacements alternatifs de la page disponibles. Elle peut être utilisée comme un tableau pour plusieurs pages alternatives.
og:site_name Utilisée pour spécifier le nom du site web.

Fonctionnalités OGP configurées

Les balises meta Open Graph consistent en des éléments property et content, certains éléments property ont des données supplémentaires;

Données supplémentaires og:image

og:image:url Elle est exactement la même que og:image en termes d’utilisation, elle n’a pas besoin d’être réutilisée.
og:image:secure_url HTTPS est utilisé pour l’URL de l’image, elle n’est plus nécessaire car la grande majorité des sites web sont en HTTPS.
og:image:type Elle est utilisée pour spécifier le type de fichier de l’image. (Exemple : image/png)
og:image:width Elle est utilisée pour spécifier la largeur de l’image.
og:image:height Elle est utilisée pour spécifier la hauteur de l’image.
og:image:alt Utilisée pour un court texte descriptif de l’image. Elle est utilisée comme texte alternatif.

<meta property="og:image" content="https://wordsfromlife.com/img/static/nikola-tesla.jpg" /> 
<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="1280" /> 
<meta property="og:image:height" content="720" /> 
<meta property="og:image:alt" content="Nikola Tesla Quotes" />

Données supplémentaires og:video

Les données supplémentaires og:video sont également valides avec la même logique que og:image, à l’exception de sa valeur inférieure, les mêmes valeurs peuvent être utilisées.

<meta property="og:video" content="" /> 
<meta property="og:video:type" content="video/mp4" /> 
<meta property="og:video:width" content="" /> 
<meta property="og:video:height" content="" />

Données supplémentaires og:audio

Seulement 3 propriétés sont disponibles pour og:audio; La construction fonctionne même si og:audio, og:audio, og:audio:secure_url, og:audio:type, og:audio:secure_url n’est pas utilisée.

<meta property="og:audio" content="" /> 
<meta property="og:audio:type" content="audio/mpeg" />

Types d’objets og:type

Avec og:type, il est nécessaire de spécifier le type de la page, il y a différentes valeurs selon les types de pages;

music.song

<meta property="og:type" content="music.song" />

Propriétés pour le type music.song;

music:duration La durée de la chanson en secondes.
music:album L’album de la chanson.
music:album:disc Le numéro de disque où se trouve la chanson sur l’album.
music:album:track Le numéro de piste sur laquelle se trouve la chanson.
music:musician Le musicien de la chanson.

Source:

Création De Sites Web > Qu’est-ce que le protocole Open Graph (OGP) ?