partager la page sur les médias sociaux - image miniature incorrect

Question

J'ai ajouté des liens de partage de médias sociaux au pied de mon site et des balises META à mon fichier principal, mais je ne peux pas obtenir l'image appropriée pour apparaître - à la fois Facebook et LinkedIn tire une image de la page, pas celle que j'ai assignée dans les balises META. (LinkedIn tire les trois premiers gifs sur la page, plutôt que le jpg assigné, si cela fait une différence, mais Facebook ne tire pas non plus l'image correcte, donc cela ne semble pas être la source de la Edition.)

HTML dans le pied de page est comme suit (en utilisant Jekyll et liquide):

<ul> 
    <li><a href="https://facebook.com/sharer.php?u={{site.url}}{{page.url}}" rel="nofollow" target="_blank" title="Share on Facebook">Facebook</a></li> 
    <li><a href="https://twitter.com/intent/tweet?&url={{ site.url }}{{ page.url }}" rel="nofollow" target="Tweet" title="Share on Twitter">Twitter</a></li> 
    <li><a href="http://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}&title={{page.title}}" rel="nofollow" target="_blank" title="Share on LinkedIn">LinkedIn</a></li> 
</ul> 

balises meta dans la tête:

<meta prefix="og: http://ogp.me/ns#" property="og:title" content="{{ page.title }}" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="website" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="http://placekitten.com/g/300/400" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="{{ site.url }}{{page.url}}" /> 

quelqu'un peut-il s'il vous plaît identifier ce que je fais mal? J'ai ajouté les préfixes à la balise meta, j'ai essayé différentes images, je suis passé par le débogueur de partage Facebook (https://developers.facebook.com/tools/debug/), mais tout continue à tirer les mauvaises images.

Merci!

Answer 1

Il existe un certain nombre de raisons pour lesquelles Facebook/LinkedIn pourrait ne pas utiliser les métadonnées les plus récentes.

Mise en cache.

Facebook peut avoir stocké les métadonnées d'une précédente fois il a éraflé votre site. Facebook offre un certain nombre d'outils tels que leur Batch Cache Invalidator pour effacer les entrées mises en cache. LinkedIn met en cache les métadonnées sociales for 7 days. Vous pouvez forcer LinkedIn à re-scanner la page en ajoutant des paramètres de requête, mais malheureusement, il n'y a pas de moyen officiel de casser le cache LinkedIn.

Mots clés appropriés

Assurez-vous que vos balises sont correctes. Le Open Graph Protocol propose un ensemble de documents à suivre. Par exemple: vous n'avez pas besoin de définir prefix="og: http://ogp.me/ns#" sur chaque balise META.

serveurs & environnements

Vous travaillez dans un environnement local et/ou des tests?

Assurez-vous que votre serveur peut être consulté par les robots d'exploration de Facebook. Vérifiez votre robots.txt. Le Debugger Tool de Facebook peut vous montrer des erreurs pour vous aider.

Assurez-vous de racler la bonne page. J'ai couru des erreurs dans le passé, où le robot arrive sur votre site de production, en raison de ce que votre propriété og:url a défini. En savoir plus sur Facebook Crawler Docs, dans la section Canonical URL.

Si tout le reste échoue, consultez l'option Facebook pour See exactly what our scraper sees for your URL. Cela vous montrera le HTML que Facebook voit. Capture d'écran :