web-dev-qa-db-ja.com

Facebook Shareに説明やサムネイルが表示されない

私はこれを機能させるために見つけたすべてのアドバイスに従いましたが、それはすべて役に立ちませんでした。誰かが私の説明/サムネイルが表示されない理由を教えてもらえますか？ありがとう。以下は私のコードとサイトへのリンクです。

メタタグ：

<meta name="title" content="La Vita è Bella, because life is beautiful" />
<meta name="description" content="Drawing on Italy’s most famous export – great-tasting, healthy, colourful food – La Vita é Bella brings families together to experience mealtimes the Italian way." />

<link rel="image_src" href="http://www.lavitaebella.co.uk/images/imageforfacebook.jpg" />

実際のリンク：

<a href="http://www.facebook.com/share.php?u=http://www.lavitaebella.co.uk" target="_blank"><img src='../images/share/s-fb.png' /></a>

http://www.lavitaebella.co.uk/

助けてくれてありがとう。

htmlfacebook-sharer
37
Drew

他の答えが機能しなかった人（私のような）に：

の中に <head>および</head>section、追加

<meta property="og:url" content="https://www.mathnuggets.com/" />
<meta property="og:image" content="https://www.mathnuggets.com/images/fb-logo.jpg" />
<meta property="og:title" content="Math website for your gifted student" />
<meta property="og:description" content="Challenging Word problems for gifted elementary students" />`

次に FB Linter に移動し、そこにURLを入力してFBのページのキャッシュを更新します。

^^^キャッシュの更新は重要です。

30
zaphod

--2nd EDIT--

この回答はもう機能せず、古くなっていることに注意してください。 上記の答え を試してください。

-元の回答-

ソート済みです。狂気に満ちたURLを使用する必要がありました。

<a href="http://www.facebook.com/sharer.php?s= 100&amp;p[title]=La Vita È Bella&amp;p[url]=http://www.lavitaebella.co.uk/teachers/resources.html&amp;p[images][0]=http://www.lavitaebella.co.uk/images/imageforfacebook.gif&amp;p[summary]=Drawing on Italy’s most famous export – great-tasting, healthy, colourful food – La Vita é Bella brings families together to experience mealtimes the Italian way"><img src='../images/share/s-fb.png' /></a>

-編集-

追加情報として、最初にこの情報を見つけた場所を思い出せませんが、s = 100の部分の意味は次のとおりです。

基本的なアプローチは、基本的な共有ページである http://www.facebook.com/sharer.php?s=1 へのリンクを提供することです（通常、これはポップアップに表示されます）。

しかし、数字を変更しようとしても、同じ場所に移動します。

&amp;p、これは＆pの単なるhtmlコードであり、これはFacebookが情報を得るために分析する配列だと思います。

92
Drew