2015-05-19 58 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