博主：Facebook Sharer 捕获网站徽标而不是帖子图片答案

【问题标题】：Blogger: Facebook Sharer Catches Site Logo Instead Of Post Image博主：Facebook Sharer 捕获网站徽标而不是帖子图片
【发布时间】：2017-08-24 20:44:06
【问题描述】：

我在博客 http://www.dragonballtown.net 上托管了一个网站，当我尝试在 facebook 上分享网站帖子时，它显示的是我的网站徽标而不是帖子图片。

我正在使用这些 Open graph Meta 标签：-

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='blog' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<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='blog-logo.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>

但这对我不起作用，我尝试使用 facebook 打开图形调试器重新抓取网站，但在 facebook 上分享时它仍然显示带有帖子网址的徽标图像

【问题讨论】：

只需在浏览器中查看该页面的源代码即可 - 没有 og:image 元标记。
我通过调试器运行了一个帖子（请参阅developers.facebook.com/tools/debug/sharing/…），它现在似乎可以正确显示。此外，如果您的博客在主题的head 部分中已经有<b:include data='blog' name='all-head-content'/> 标签，则无需显式包含另一个og:image 标签，因为每个页面上的all-head-content 标签都已包含该标签。

标签： facebook blogger facebook-opengraph

【解决方案1】：

试试这个代码

<b:if cond='data:blog.pageType == "item"'>
    <meta expr:content='data:blog.postImageUrl' property='og:image' />
<b:else/>
     <meta content='blog-logo.jpg' property='og:image' />
</b:if>

将 data:blog.postImageThumbnailUrl 更改为 data:blog.postImageUrl 确保它已呈现，在项目页面上查看您网站的源代码。

【讨论】：