html - Facebook 上错误的图像缩略图(博客又名 blogspot)

Question

我有一个博主 (ameliaily.blogspot.com)，我正在尝试从博客中获取图像以作为缩略图发布在 Facebook 上，我已经尝试了很多方法，但都没有效果。我仍然不断收到 og:image is not big enough 错误。

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

以下是我尝试过的事情:

1. 更改实际图像的大小。我试过将其精确设置为 200 x 200 像素，我尝试将其设置为四舍五入的数字，即 600 x 400 而不是 541 x 441。

2. 正在将实际图片上传到博客。

3. 将实际图片上传到 photobucket，然后将该图片链接到 blogger。

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.html和 http://smg.photobucket.com/user/dizzyuptheblue/media/Blogger/image004.jpg.html

都是大图，不知道为什么FB老是说不够大。

Answer 1

我查看了您页面的源代码，看起来您正在为图片使用这样的标签:

<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. 上测试它