DERNIÈRE MISE À JOUR (13 juin 2012)
Je ne peux pas comprendre ce qui ne va pas avec mes codes. Lorsque je souhaite partager un de mes articles de blog et utiliser le bouton de partage de Facebook ou copier le lien de l'article de blog directement dans Facebook, tout ce qui apparaît est l'URL elle-même, pas les méta-informations telles que la description ou l'image sélectionnée! J'ai rempli les métadonnées pour chaque message et j'ai également ajouté Open Graph à mon code.
Pourtant, lorsque j'essaie de partager les liens d'un article de blog sur Facebook, ni la méta-description ni une vignette ne s'affiche pour la majorité de mes articles. C'est comme si quelque chose bloquait l'information. Je suis à court d'idées. J'espère vraiment que vous pourrez m'aider à comprendre ce qui ne va pas! (évidemment, j'ai remplacé les remplisseurs ci-dessus par mes propres données!)
J'ai également utilisé le débogueur Facebook et tout ce qu'il me dit est:
Téléchargement impossible: impossible d'extraire les données de l'URL.
Informations mises à jour:
J'ai enfin pu comprendre ce qui n'allait pas grâce à Milo et MathSmath! Le plugin W3 Cache interfère avec la progression du partage de Facebook, mais il est assez facile de changer cela. Faites défiler la liste pour voir ma réponse! Fonctionne comme un charme!
Je suppose cela a quelque chose à voir avec votre couche de mise en cache. L'interface de Facebook indique qu'elle reçoit une réponse 206 à l'exemple de lien que vous avez posté. Un 206 signifie que la réponse ne contient qu'un contenu partiel et résulte souvent d'un mécanisme de mise en cache. Il a également des règles de validation assez strictes et votre en-tête de réponse peut être mal formé (par exemple, il me semble qu'il manque un en-tête de type contenu, en un coup d'œil).
Essayez de désactiver votre plugin de mise en cache et de rétablir votre htaccess à la version nue de WordPress (les lignes entre les commentaires "begin WordPress" et "End WordPress" en bas). Voyez si cela aide?
Voici un excellent article que j'ai trouvé sur les balises META personnalisées aujourd'hui http://umairj.com/29/modify-how-the-shared-item-appears-on-facebook/
J'ai déjà rencontré ce même problème avant… quelques choses que vous pouvez faire.
Sur votre site web, assurez-vous d'avoir .....
Une image appropriée près du haut de la page, un titre et une balise alt sont pertinents
Une balise META "description" est une balise figurant dans le <head></head>
de l'exemple de page: <meta name="description" content="enter your description here" />
Morceau de texte Web convivial dans une balise <p>
quelque part sur la page. Par web convivial, j'entends le texte réel ... pas une image contenant du texte.
J'ai trouvé que ces 3 choses m'ont aidé à améliorer cette petite fonctionnalité de publication sur Facebook.
J'espère que cela pourra aider.
Utilisez-vous un plugin qui détecte les mobiles? Si vous visitez votre site avec un agent d'utilisateur iOS, vous obtenez un tas de caractères erronés. Je suppose que vous avez des problèmes d'agent d'utilisateur avec le robot Facebook et que le site ne reçoit pas le balisage réel. Cliquez sur le lien dans le débogueur FB qui montre exactement ce que voit le robot d'exploration. La balise head de votre site est presque complètement vide.
Grâce aux idées de Milo et de MathSmath, j'ai pu trouver une solution moi-même. Apparemment, beaucoup de gens ont des problèmes avec W3 Cache et le partage sur Facebook. Il y a une solution assez simple, cependant!
Accédez aux paramètres du plug-in W3 Cache, plus précisément à "cache de page" et assurez-vous de rejeter les agents d'utilisateur suivants:
facebookexternalhit
FacebookExternalHit/1.1
FacebookExternalHit/1.0
Cela empêchera W3 Total Cache d’envoyer des pages en cache à Facebook.
Personnellement, je rencontre toujours des problèmes lors de l’utilisation des boutons "J'aime" ou "Partager" de mon blog. Le bouton "J'aime" ne fournit parfois pas la bonne vignette, mais je suis certain de pouvoir y remédier également. Je pourrais mettre à jour cette réponse alors. Le bouton "Partager" que j'utilise ne fonctionne pas du tout. Je suppose que je dois trouver un autre code pour le bouton de partage Facebook et réessayer. Copier l'URL directement sur Facebook pour partager quelque chose fonctionne bien maintenant!
Appliqué la solution ci-dessus - modification des agents d'utilisateur. La procédure qui a résolu le problème provenait du site des développeurs de Facebook.
Allez au lien suivant.
https://developers.facebook.com/tools/debug pour déterminer si Facebook détecte votre og: image. Sinon, ajoutez du code.
Avec la nouvelle fonctionnalité Facebook Open Graph, vous pouvez définir une vignette pour cette page dans votre "tête" du formulaire<meta property="og:image" content="[image url]"/>