Comment bien afficher les articles de son blog sur Facebook ?

Facebook est maintenant devenu incontournable pour tout site web qui espère obtenir une audience relativement large. D'ailleurs, si vous n'utilisez actuellement toujours pas Facebook pour votre site, je vous conseille de vous y mettre, soit par vous-même soit en faisant appel à un consultant qui pourra vous aider dans la configuration et l'utilisation de ce nouvel outil. 

En revanche, si vous utilisez déjà Facebook, et que vous postez des articles ou contenus de votre site web directement sur Facebook, il se peut que vos contenus, une fois sur Facebook, soient mal affichés, sans aucune image ou avec seulement le titre du contenu. Voici comment y remédier.

Facebook et le protocole Open Graph

Facebook a créé, pour régler ce type de problème, un protocole appelé Open Graph, qui permet au développeur de votre page web de "dire" à Facebook comment cette page doit s'afficher une fois publiée dessus, en utilisant ce que l'on appelle des metatags.

Tous les metatags du protocole Open Graph de Facebook commencent par le préfixe og: et doivent être ajoutés au code HTML de votre site web de la manière suivante:

<meta property="og:{tagName}" content="{tagValue}" />

Les metatags Open Graph

Voici les principaux metatags Open Graph:

image

Vous permet de fournir à Facebook l'image qui devra être affichée lorsque votre contenu sera publié sur Facebook:

<meta property="og:image" content="https://example.com/votre/image.png" />

Fournissez à Facebook de préférence une image carrée, aux formats PNG, JPG ou GIF.

title

Le titre de votre publication

<meta property="og:title" content="Titre de votre article" />

url

URL de votre publication

<meta property="og:url" content="https://example.com/lien/article" />

site_name

Nom de votre site

<meta property="og:site_name" content="Nom de mon site" />

D'autres objets existent, Facebook vous fournit d'ailleurs la liste complète.

Mieux vous décrirez votre page à Facebook, meilleure sera votre publication sur ce réseau social. Intégrer des metatags dans votre site web, non seulement pour Facebook mais aussi pour Google, est un must pour que votre site web soit bien référencé.

Add new comment

CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
3 + 8 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.
By submitting this form, you accept the Mollom privacy policy.