L’autre jour, j’ai voulu partager une page du blog avec un ami, en utilisant WhatsApp, et je me suis rendu compte que le partage n’était pas fantastique, il n’y avait pas d’aperçu du lien comme on voit la plupart du temps, et je me suis demandé pourquoi. J’avais déjà remarqué cette limite de mon blog, sans jamais m’en occuper vraiment.
Voilà ce que ça donnait : on a le « favicon » du blog, et aucun début du texte de l’article. Pas génial donc.
En fait, c’est assez simple, tout est basé sur l’Open Graph protocol (créé par Facebook). Il suffit d’ajouter quelques lignes de metadata en haut de votre page web (dans le header), comme ceci par exemple :
<meta property="og:title" content="titre de l'article"/\>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://exemple.com/exemple-titre-article"/>
<meta property="og:image" content="http://exemple.com/article_thumbnail.jpg"/>
<meta property="og:description" content="Cet article présente le protocole Open Graph"/>
Plus d’infos sur le protocole peut être trouvé ici.
Rien de très compliqué donc, on pourrait même le faire manuellement, mais le plus simple est encore d’utiliser un plugin qui va vous faire ça automatiquement. J’ai choisi Open Graph, simple et efficace.
Et voilà ce que ça donne pour mon message :
Voilà, mon blog vient de faire un pas vers le monde des réseaux sociaux ! 😥