如何在blogspot.com上为facebook制作动态帖子的预览图像?

时间:2012-04-13 15:59:07

标签: facebook-opengraph blogger

我想将帖子的预览图片添加到facebook Open Graph元标记中。 一种可能的解决方案是使用 数据:blog.postImageThumbnailUrl

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

然而,由Blogger创建的默认帖子图片缩略图太小(72px×72px),当facebook试图在创建基于此图像缩略图的帖子故事时拉伸它时看起来不太好(facebook说“og:image引用的所有图像在两个维度上必须至少为200px”。)

所以,问题是:

有没有办法以某种方式从帖子的正文中检索图片的网址,并将其插入上面提到的Facebook Open Graph元标记? (假设我博客的每个帖子都在其正文中有图片标记:

http://loveclubhouse.blogspot.com/

1 个答案:

答案 0 :(得分:0)

是的!您可以。它看起来很草率,但很实用。这是我博客的og:image属性。如你所见,它实际上是从我的Facebook个人资料中抓取一个图像:

<meta content='http://sphotos.xx.fbcdn.net/hphotos-ash3/538645_3357819035748_1577184006_2624573_712999292_n.jpg' property='og:image'/>

从Facebook中的照片库加载图像时,通常可以右键单击它并选择“查看图像”。当您这样做时,您将看到Facebook存储的实际图像的URL。只要图像可公开访问,就不会有任何问题。

如果您决定点击“推荐”(当前页面)或“赞”(单个帖子),您可以在my blog处看到它。 :)