Ajouter une image à son site sur skype [Résolu/Fermé]

Signaler
Messages postés
49
Date d'inscription
samedi 17 septembre 2016
Statut
Membre
Dernière intervention
8 décembre 2017
-
Messages postés
49
Date d'inscription
samedi 17 septembre 2016
Statut
Membre
Dernière intervention
8 décembre 2017
-
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.

1 réponse

Messages postés
1663
Date d'inscription
lundi 24 janvier 2011
Statut
Membre
Dernière intervention
6 septembre 2020
605
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
49
Date d'inscription
samedi 17 septembre 2016
Statut
Membre
Dernière intervention
8 décembre 2017

Merci beaucoup à toi, ça fonctionne à la perfection.

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