Ajouter une image à son site sur skype

Résolu/Fermé
W0D3 Messages postés 49 Date d'inscription samedi 17 septembre 2016 Statut Membre Dernière intervention 8 décembre 2017 - 30 mars 2017 à 20:13
W0D3 Messages postés 49 Date d'inscription samedi 17 septembre 2016 Statut Membre Dernière intervention 8 décembre 2017 - 31 mars 2017 à 15:31
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.

Merci d'avance à tous.
A voir également:

1 réponse

Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 679
30 mars 2017 à 20:42
Salut,

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)
  • og:music : idem mais pour la musique
  • og:locale : langue de la page
  • ....


Si tu veux en savoir plus et avoir encore plus d'options, tu peux rechercher Open Graph.
Débogueur OpenGraph : https://developers.facebook.com/tools/debug/
Page OpenGraph (en) : https://ogp.me/

1
W0D3 Messages postés 49 Date d'inscription samedi 17 septembre 2016 Statut Membre Dernière intervention 8 décembre 2017
31 mars 2017 à 15:31
Merci beaucoup à toi, ça fonctionne à la perfection.

Je souhaiterais simplement ajouter le fait que l'image doit mesurer au minimum 200x200 px.
0