我有一个基于jekyll的博客,例如此地址中的帖子 - http://lourencoazevedo.com/2015/05/12/effortless.html,如果我在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>
现在我只使用标准的jekyll表示法
![germinado](http://lourencoazevedo.com/pimagens/2015-05-12.jpg)
呈现为
<p><img src="http://lourencoazevedo.com/pimagens/2015-05-12.jpg"
alt="germinado" /></p>
但这一切都无效。
欢迎任何帮助 - 提前感谢。
答案 0 :(得分:2)
你需要告诉Facebook哪个图像与特定标签一起使用(它们位于HTML页面的头部)。
对于图像,这些可能是:
<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">
有关the Facebook documentation page的更多信息。
您还可以使用Open Graph Debugger(您需要登录)来测试您的代码并强制Facebook刷新其数据。