2015-05-19 54 views
0

我有一個博客構建在jekyll上,例如在這個地址的帖子 - http://lourencoazevedo.com/2015/05/12/effortless.html,如果我在Facebook上發佈它不會顯示圖片 - 它不會顯示圖片。Facebook無法選擇我的博客圖片

我試圖把一個html - 代碼在博客上這樣的:

<p align="center"><img src="http://lourencoazevedo.com/pimagens/2015-05-12.jpg" style="border: 1px solid #ccc; padding: 5px; width: 800px"></p> 

或CSS創建類PIC

<p class="pic"><img src="http://lourencoazevedo.com/pimagens/2015-05-12.jpg"><p> 

現在我只是使用標準的哲基爾符號

![germinado](http://lourencoazevedo.com/pimagens/2015-05-12.jpg) 

它呈現爲

<p><img src="http://lourencoazevedo.com/pimagens/2015-05-12.jpg" 
alt="germinado" /></p> 

但是這些都不起作用。

任何幫助將受到歡迎 - 在此先感謝。

回答

2

你需要告訴Facebook哪個圖片與特定的標籤一起使用(這些標籤位於HTML頁面的頭部)。

對於這些圖像可能是:在the Facebook documentation page

<meta property="og:image" content="http://your-image.jpg"> 
<meta property="og:image:url" content="http://your-image.jpg"> 
<meta property="og:image:secure_url" content="https://your-image.jpg"> 
<meta property="og:image:type" content="image/jpeg"> 
<meta property="og:image:width" content="1200"> 
<meta property="og:image:height" content="630"> 

更多信息。

您還可以使用Open Graph Debugger(您需要登錄)來測試您的標籤並強制Facebook刷新其數據。

+0

謝謝 - 我可以找到這個網站 - http://milanaryal.com/2015/integrating-social-meta-tags-into-jekyll/並使用那裏的信息。仍然無法運行圖像 - 雖然Facebook說一切正常,但我可以在那裏看到圖像 - 如果可以的話,請在FBK調試器上試試這個地址 - http://lourencoazevedo.com/2015/05/12/effortless .html - 一切看起來不錯,但仍然無法提取圖像。 – lazev

+0

出於某種原因它開始工作......感謝Luc幫助我更好地理解這個概念。 – lazev