Facebook上错误的图像缩略图(blogger aka blogspot)

时间:2013-12-05 13:18:32

标签: html css facebook image facebook-graph-api

我有一位博主(ameliaily.blogspot.com),我正试图从博客上获取图片,在Facebook上以缩略图形式发布,我尝试过很多东西而且都没有用。我仍然继续og:图像不够大错误。

我搜索了很多论坛,看了我能找到的所有答案,但仍然无效。我不希望FB继续使用我的googleusercontent图像作为图片(这是我的个人照片,我不希望它是使用的缩略图)。

以下是我尝试的内容:

  1. 更改实际图像的大小。我已经尝试将其制作成200 x 200像素,我尝试将其设为圆形数字,即600 x 400而不是541 x 441。

  2. 将实际图片上传到博主。

  3. 将实际图片上传到photobucket,然后将该图片链接到博主。

  4. 按照这两个论坛的建议,将开放图形代码添加到我的模板HTML中:blogger-hints-and-tips.blogspot.com/2013/06/add-facebook-open-graph-tags-to- blogger-for-better-looking-shares-and-likes.html和www.bloggerhow.com/2012/07/implement-open-graph-in-blogger-blogs.html

    5)这些是我尝试用作缩略图的图片:http://smg.photobucket.com/user/dizzyuptheblue/media/Blogger/balancebeam-4.jpg.htmlhttp://smg.photobucket.com/user/dizzyuptheblue/media/Blogger/image004.jpg.html

  5. 它们都是巨大的图像所以我不知道为什么FB一直告诉我它不够大。

1 个答案:

答案 0 :(得分:0)

我查看了您网页的来源,看起来您正在使用这样的标记作为图片:

<meta content='http://smg.photobucket.com/user/dizzyuptheblue/media/Blogger/image004.jpg.html' property='og:image'/>

此标记中URL的文件类型必须是图像 - 此时,它是一个显示图像的HTML文件。您需要图像的直接URL。为此,您可以访问该页面(以image0004.jpg.html结尾)并右键单击图像,复制图像URL并在标记中使用此复制的值 - 因此标记应该变为:

<meta content='http://img.photobucket.com/albums/v235/dizzyuptheblue/Blogger/image004.jpg' property='og:image'/>

尝试相反,然后在Facebook Open Graph debugger.

上测试一下