>> Électroniques Technologie >  >> Maison intelligente >> Vie intelligente

Comment faire apparaître la miniature de l'aperçu de votre site Web sur le partage Facebook

Lorsqu'une personne partage un lien vers l'une des pages de votre site Web sur son journal, 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 entièrement absente du lien partagé. Pour vous assurer que Facebook affiche la meilleure image possible lorsque quelqu'un partage votre page - et donc augmenter le taux de clics de ce lien - ajoutez quelques lignes de code au code HTML de la page pour forcer Facebook à récupérer une image spécifique.

Ajouter un balisage de graphique ouvert

Open Graph 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.

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é. Positionnez votre curseur avant la balise de fermeture près du haut du fichier et appuyez sur Entrée pour créer une nouvelle ligne.

Étape 2

Saisissez la balise Meta suivante :

Remplacez http://www.example.com/thumb.jpg avec le lien réel de l'image que vous voulez que Facebook affiche lorsqu'un utilisateur partage un lien vers votre site.

Astuce

  • Bien que Facebook accepte les images miniatures aussi petites que 200 x 200 pixels, la taille recommandée est de 1 200 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 -- envisagez d'ajouter une incitation à l'action à l'image, telle que Cliquez ici ou En savoir plus .

Étape 3

Enregistrez votre fichier et téléchargez-le sur votre hébergeur.

Autres balises de balisage Open Graph

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é.


Vie intelligente