Bonjour/bonsoir à tous,
Voilà je voudrais savoir comment faire pour que quand je poste le lien de mon site par exemple, il mette une image avec une courte desrciption.
Par exemple avec facebook, lorsqu'on envoie le lien le message ce transforme comme ceci :
Je voulais donc savoir si il était possible en HTML de reproduire ceci.
C'est facile à mettre en œuvre, il suffit de copier et de remplacer les liens dans le bout de code suivant, les explications et les balises complémentaires sont en dessous.
<html xmlns:og="http://ogp.me/ns#">
<head>
<title>Ma Page</title>
<meta property="og:title" content="Example title of article">
<meta property="og:site_name" content="example.com website">
<meta property="og:type" content="article">
<meta property="og:url" content="http://example.com/example-title-of-article">
<meta property="og:image" content="http://example.com/article_thumbnail.jpg">
<meta property="og:description" content="This example article is an example of OpenGraph protocol.">
... (voir en dessous)
</head>
og:title (obligatoire): nom de la page qui s'affiche sur la vignette
og:type (obligatoire): type de page, au choix dans article, website, video, music...
og:url (obligatoire): lien vers la page statique, en général, identique à l'adresse d'accès à la page
og:image (obligatoire): lien vers l'image qui s'affiche dans le carré
og:description (recommandé): description de la page (<300 caractères)
og:site_name (recommandé): nom global du site
og:video : lien vers la vidéo de la page si il y en a une (similaire à l'affichage des vidéos youtube sur facebook)
Je souhaiterais simplement ajouter le fait que l'image doit mesurer au minimum 200x200 px.