2017-09-22 6 views
0

J'essaie de m'assurer que lorsque mon site web est partagé, les méta-informations correctes sont affichées. Je pensais que je l'avais fonctionné, mais je rencontre quelques problèmes sur différents sites sociaux, comme suit:Meta OpenGraph pour facebook, linkedin et twitter

  • Twitter tire dans le texte, mais n'affiche pas l'image spécifiée.
  • LinkedIn affiche du texte mais semble utiliser la mauvaise image de sorte qu'il est étiré.
  • Facebook n'a aucun affichage. Si je publie l'URL, c'est tout ce qui s'affiche sous la forme d'un lien hypertexte.

Au départ, je viens d'avoir les choses meta name="twitter: mais ont depuis ajouté le meta property="og: ci-dessus comme on m'a dit ce qu'il fallait pour LinkedIn.

Ce sont les données méta/OpenGraph J'utilise dans mon site head:

<!-- OpenGraph --> 
<meta property="og:title" content="myurl.com - What this website is" /> 
<meta property="og:description" content="Specialising in lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod." /> 
<meta property="og:url" content="http://myurl.com" /> 
<meta property="og:image" content="/img/site/linkedin-media-image.png" /> 

<!-- Twitter --> 
<meta name="twitter:card" content="summary"> 
<meta name="twitter:site" content="@twitteruser"> 
<meta name="twitter:url" content="https://myurl.com"> 
<meta name="twitter:title" content="I am a lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod."> 
<meta name="twitter:description" content="Specialising in lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod."> 
<meta name="twitter:image" content="/img/site/social-logo.png"> 

Quelqu'un peut-il repérer ce que je suis absent? Twitter semble ok, en dehors de l'image ne pas afficher et l'URL est correcte. Alors que LinkedIn n'utilise pas le og correctement et Facebook est inexistant?

Merci d'avance.

Répondre

1

image nécessite un chemin complet, j'ai essayé par rapport aussi bien, mais n'a pas fonctionné. Votre utilisation de "twitter: url", "twitter: title", twitter: description "et" twitter: image "est redondante à moins que vous ne souhaitez un comportement différent pour twitter uniquement Si ces balises ne sont pas trouvées, twitter tombera . Retour aux balises OGP

pour Facebook, vous pourriez manquer les éléments suivants:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> 

Outils pour le débogage OG Aperçu:

Mon problème est, LinkedIn semble étirer l'image malgré leur documentation dire que la taille minimale est de 80 x 150 pixels pour l'empêcher d'être artificiellement étiré pour s'adapter à la mise en page.

+0

Ouais, je pense que je l'ai maintenant sur les plates-formes _most_.J'ai copié les infos sur Twitter ailleurs, mais je comprends que ça revient aux tags OGP si ce n'est pas là. Je pense que c'est très utile, car ils utilisent différents ratios d'image. LinkedIn est un drôle. En fait, j'ai mis un ticket de support. Tout a été fait comme il se doit et il ignorait toujours l'image que j'avais spécifiée. Il a affiché la première vignette sur la page à la place. Ils ont reconnu que c'était un problème à leur fin, mais aucune estimation sur quand il sera résolu. – user1406440

+0

Il me manque cependant ce lien Facebook, à quoi cela sert-il? Facebook semble fonctionner maintenant mais occasionnellement/par intermittence il n'affiche pas le pouce/info. Je me demande si cette ligne va aider. A l'origine je pensais que c'était dû au fait de ne pas mettre d'espace à la fin de l'URL, ce qui est un peu étrange! – user1406440

+0

leur documentation dit d'inclure l'espace de noms, ce que fait cette ligne. – dparkar

0

Essayez d'inclure le chemin complet de l'image. Aussi avec facebook, vous devrez peut-être gratter la page à nouveau.

Si vous allez à cette page https://developers.facebook.com/tools/debug/ entrez votre site, il devrait vous montrer des erreurs. Vous devrez également appuyer sur le bouton éraflure à nouveau lorsque vous apportez des modifications

+0

Merci, l'un des avertissements que je reçois est _ « Le « og: image » propriété doit être fournie explicitement, même si une valeur peut être déduite d'autres balises. » _ Donc je suppose que fait référence au chemin comme 'og : l'image est là. Attention, il dit _ "Les propriétés obligatoires suivantes sont manquantes: og: url, og: type, og: titre, og: image, og: description, fb: app_id" _ ainsi, certaines de ces balises sont-elles incluses? – user1406440