web-dev-qa-db-fra.com

Changer la vignette sur le lien Facebook

Lorsque je fais un lien vers mon site Web sur Facebook, une vignette apparaît, mais ce n'est pas celle que je veux voir apparaître. Comment puis-je changer la vignette. Il montre l'image sur le débogueur d'objet

http://developers.facebook.com/tools/debug/og/object?q=totelfootball.com

Comment changer l'image? 

J'ai vu des articles similaires, mais je ne veux pas d'une solution simple au problème? Peut-on le faire sur Facebook sans coder?

facebookfacebook-graph-api
10
user903794
  1. Allez à http://developers.facebook.com/tools/debug
  2. Entrez l'URL suivant fbrefresh=CAN_BE_ANYTHING

Exemples:

  1. http://www.example.com?fbrefresh=CAN_BE_ANYTHING
  2. http://www.example.com?postid=1234&fbrefresh=CAN_BE_ANYTHING
  3. OU visitez: http://developers.facebook.com/tools/debug/og/object?q=http://www.example.com/?p=3568&fbrefresh=89127348912

J'avais le même problème hier soir et cette solution a été trouvée sur un site Web. 

Facebook enregistre votre vignette de cache. La vignette ne changera pas même si vous supprimez l'image de votre serveur. Mais Facebook vous permet d'actualiser en utilisant fbrefresh 

J'espère que ça aide.

9
P.C.

vous pouvez ajouter dans <head></head>

cette balise <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >

OU changer la balise <html> en 

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

et ajouter dans la balise <head></head> cette balise 

<meta property="og:image" content="http://URL-TO-YOUR-IMAGE" />

N'oubliez pas pour tester votre lien en utilisant l'outil de débogage de Facebook

9
ahmed hamdy

Vous pouvez choisir la vignette affichée en ajoutant une balise méta og: image au code HTML de totelfootball.com: https://developers.facebook.com/docs/opengraph/

3
Wayne Kao

Facebook utilise des balises META sur la page que vous partagez pour déterminer l'image, le titre et la description à afficher lors de la publication d'un lien. La syntaxe de la balise méta suit les spécifications de Facebook OpenGraph .

Les méta-tags les plus importants que vous devez définir sont:

  • <meta property="og:title" content="The title of the sharing preview" />
  • <meta property="og:description" content="The first few lines of content below the title" />
  • <meta property="og:image" content="http://example.com/your-image-1200x630px.jpg" />

Cela ne fonctionne bien entendu que si vous avez le contrôle total sur le site que vous partagez. Si vous partagez un lien externe (comme un article de presse), vous n’avez pas accès à leur site et ne pouvez donc pas modifier les balises méta. J'utilise ShareKit.io , qui vous permet de modifier le titre, la description et l'image de tout lien que vous partagez sans avoir à manipuler les balises META.

2
Sunny Varkas