【问题标题】:Facebook can't get the right image size from blogFacebook 无法从博客中获取正确的图片尺寸
【发布时间】:2013-02-28 12:03:45
【问题描述】:

一位朋友在博客方面需要帮助,问题是当他从博客向 facebook 发布内容时,他无法获得正确的缩略图,问题是在 facebook 调试器中获得的图像是图片的缩略图.该博客在博客上,并且已使用共享按钮的插件(我不知道是哪个插件)。抱歉,我没有发布一些代码来更好地帮助您,但我只是在黑暗中寻找解决方案。

编辑

我添加了这些,但我又遇到了图片问题,fb 调试器说它太小了。 data:blog.postImageThumbnailUrl 负责大小(72x72 生成)。有办法改变吗?

xmlns:og='http://ogp.me/ns# at the end of the html tag

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/487911_488950037808372_1165794149_n.jpg' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>

【问题讨论】:

  • 博客是否实现了相应的og:meta tags?
  • 我没有看到,但是我如何在原型中添加它们并设置它们获取每个帖子的帖子图像?我从我的大学获得了 html、css、php 方面的基本知识,但这有点令人困惑,因为我还没有创建博客并且再也没有使用过博客。感谢您的帮助!
  • 添加适当的og:meta 标签后,一切似乎工作得更好,问题仍然存在(og:图像对于 fb 调试器来说太小)但现在我可以选择发布图片。非常感谢 Lix、社区和我在网上找到的指南(我会发布它们)。

标签: facebook image thumbnails blogger


【解决方案1】:

您可以通过使用标签 - data:blog.postImageUrl 而不是 data:blog.postImageThumbnailUrl 来获得更高分辨率的图像

但截至 2016 年底,Blogger 会通过 Blogger 模板中的 &lt;b:include data='blog' name='all-head-content'/&gt; 自动添加 og:image 标签(以及 og:urlog:titleog:description)。图像分辨率也更高(设置为 1200x630 像素,以符合https://developers.facebook.com/docs/sharing/best-practices#images 中规定的准则)

【讨论】:

    猜你喜欢
    • 2015-03-13
    • 1970-01-01
    • 1970-01-01
    • 2016-06-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-07
    • 1970-01-01
    相关资源
    最近更新 更多