Lorsqu'une personne partage un lien vers l'une des pages de votre site Web sur sa chronologie, Facebook récupère automatiquement une image de la page liée et l'affiche à côté du nom et de l'URL de la page. Malheureusement, l'image récupérée peut parfois être sans rapport avec le contenu de la page ou peut même être totalement absente du lien partagé. Pour garantir que Facebook affiche la meilleure image possible lorsque quelqu'un partage votre page - et donc augmenter ce chiffre taux de clics du lien -- ajoutez quelques lignes de code au code HTML de la page pour forcer Facebook à récupérer un image.
Ajouter un balisage de graphique ouvert
Ouvrir graphique est un protocole développé par Facebook qui, entre autres fonctionnalités, permet aux développeurs Web d'ajouter des balises de balisage à leurs pages pour personnaliser la façon dont Facebook affiche les liens vers leurs sites Web.
Vidéo du jour
Ajoutez des balises Open Graph à une page en modifiant son code source HTML :
Étape 1
Ouvrez le fichier HTML dans un éditeur de texte tel que le Bloc-notes ou dans un éditeur HTML dédié. Placez votre curseur avant la balise de fermeture près du haut du fichier et appuyez sur
Entrer pour créer une nouvelle ligne.Crédit d'image : Image reproduite avec l'aimable autorisation de Microsoft
Étape 2
Saisissez la balise méta suivante :
Remplacer http://www.example.com/thumb.jpg avec le lien réel de l'image que vous souhaitez que Facebook affiche lorsqu'un utilisateur partage un lien vers votre site.
Conseil
- Alors que Facebook accepte les images miniatures d'une taille aussi petite que 200 x 200 pixels, le taille recommandée fait 1200 pixels de large et 630 pixels de haut.
- Pour augmenter le pourcentage d'utilisateurs qui cliquent sur le lien, ce qu'on appelle le taux de clics -- pensez à ajouter un appel à l'action à l'image, comme Cliquez ici ou En savoir plus.
Crédit d'image : Image reproduite avec l'aimable autorisation de Microsoft
Étape 3
Enregistrez votre fichier et téléchargez-le sur votre hébergeur Web.
En plus de l'image miniature, envisagez d'utiliser des balises de balisage Open Graph pour, par exemple, Personnaliser le titre ou la description d'un lien partagé.
Crédit d'image : Image reproduite avec l'aimable autorisation de Microsoft