Facebook OG balise METAs




Facebook OG balise METAs

Pour que l'URL d'un site Web apparaisse correctement dans Facebook Open Graph, des balises méta supplémentaires sont nécessaires, avec le titre de la page, le type de page, l'URL de la page, l'URL de l'image, la description de la page, le nom du site, la publication de l'article. et les dates de modification, la section de l'article, la balise de l'article et l'ID de l'administrateur Facebook.

Open Graph est en général un ensemble très complet de métadonnées permettant la création d’une carte riche complète lors du partage de l’URL.

Meta tags Open Graph SEO

Les balises META suivantes doivent être utilisées, avec le modèle ci-dessous qui peut être copié et collé.

En plus de permettre un affichage correct lors du partage de l'URL, cela améliorera également le référencement général de la page.

Ceci est pour Facebook OG Open Graph seulement, et la balise META en HTML doit être collée dans la section head du code:

<!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" />

Balises méta Facebook Open Graph

Pour avoir les spécifications OG de l'ensemble du site Facebook, y compris les balises méta de la carte Twitter et les balises méta du graphe Facebook open, vous pouvez utiliser le code complet ci-dessous.

Cela couvrira toutes les cartes HTML de méta-données des médias sociaux et permettra un partage correct de vos URL sur toutes:

<!DOCTYPE html> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en" prefix="fb: http://www.facebook.com/2008/fbml"> <head> <title>60 char title</title> <meta name="description" content="200 char description" /> <!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Twitter_publisher" /> <meta name="twitter:title" content="Page title" /> <meta name="twitter:description" content="Page description" /> <meta name="twitter:creator" content="@Twitter_creator" /> <!-- Twitter 280x150px image --> <meta name="twitter:image:src" content="http://www.url.com/img.jpg" /> <!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" /> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="Site name"> <meta itemprop="description" content="Page description"> <meta itemprop="image" content="http://www.url.com/img.jpg">

Protocole de graphe ouvert

Une fois que les métadonnées Facebook ont ​​été mises en place sur le site Web, leur partage produira l’apparence ci-dessous, étant donné que le titre, l’image et la description seront correctement récupérés par Facebook.

Débogueur Facebook OG

Une application en ligne pour les développeurs, le validateur Open Graph, est disponible sur le site Web de Facebook et permet aux développeurs de vérifier eux-mêmes si les cartes riches ont été correctement mises en œuvre sur leurs sites Web.

Ouvrez simplement la page Web, collez une URL dans laquelle les cartes enrichies Facebook OG devraient apparaître et voyez les résultats, ou les erreurs potentielles en cas de balises mal implémentées, comme expliqué par le débogueur Facebook Open Graph.

Débogueur Facebook OG

Taille de l'image Facebook OG

Une image publiée dans un message Facebook doit faire au moins 200 pixels de large sur 200 x 200 pixels, mais il est recommandé d’utiliser des images plus grandes, jusqu’à 1 200 x 630 pixels.

Respectez ces exigences minimales pour vous assurer que vos images apparaîtront toujours correctement sur les publications de Facebook et leur donneront une bonne apparence.

Où puis-je voler? - Accueil | Facebook
International SAP et Web consulting - Accueil | Facebook
Aide Smartphone - Accueil Facebook
Comparateur de voyages - home Facebook
Plateforme de développeurs Facebook - Développeurs Facebook
Le club de plage de Kiev et la veilleuse de Kiev en été - Où puis-je voler?

Lectures supplémentaires


Afin d’optimiser vos balises méta pour l’affichage de cartes riches et d’autres fonctions de partage sur les réseaux sociaux, consultez ces formidables sites Web regorgeant d’informations utiles:

Aide-mémoire pour les développeurs Web 2.0
18 étiquettes méta que chaque page Web devrait avoir en 2014
Le protocole Open Graph
Extrait - Plateforme Google+
Pinterest Rich Pins pour les entreprises
WooCommerce - Boîte à outils Wordpress gratuite qui ajoute un balisage de produit

Meta propriété OG Facebook

Les dimensions de l'image Facebook Open Graph, pour la taille de la méta-image Facebook et également pour la taille de l'image Facebook Open Graph, sont de 200 pixels sur 200 pixels. Il est recommandé au minimum, et la taille maximale ne doit pas dépasser 1200 x 630 pixels.

Quel est le tag OG? Les balises OG, également appelées balises Facebook OG ou Facebook Open Graph, sont des informations présentes dans le code source du site, mais masquées aux visiteurs du site, utilisées par Facebook ou d'autres réseaux sociaux lors du partage d'une page sur les réseaux sociaux. une image, une description et d'autres informations qui seront utilisées pour afficher les détails de manière agréable sur le lien partagé.

Les méta Facebook sont les suivantes:

- le nom du site Facebook OG est le nom de la page Web,

- La description Facebook OG contient la description textuelle de la page Web,

- OG image Facebook contient le lien vers l'image du lien,

- le type Facebook OG définit le type de contenu partagé, par exemple un article ou un livre,

- L’URL Facebook OG est l’adresse Internet unique du lien, également appelée URL, Emplacement de la ressource uniforme,

- La taille de l'image Facebook OG est au minimum 200x200 pixels, au maximum 1200x630 pixels.

Générateur de balises OG Open Graph Generator, outil de génération de balises META avancées
Testeur de cartes Open Graph de Twitter - Cartes Twitter


Conseil en affaires internationales
A propos de l'auteur - Conseil en affaires internationales
Yoann est consultant en commerce international, facilitateur et coordinateur. Il a travaillé plus de 10 ans dans le commerce mondial, la chaîne d'approvisionnement, la finance, des projets SAP ERP, l'optimisation Web et SEO pour divers secteurs, tels que la logistique, les cosmétiques, les biens de consommation, les soins de beauté ou la mode, dans plus de 30 pays à travers le monde. .
 


commentaires (1)

Bardzo przydatny artykuł tylko szkoda że tak mało osób z niego korzysta.

laissez un commentaire