Question

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

我正在使用这些Open graph元标记： -

<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上分享时仍然显示带有帖子网址的徽标图像

Answer 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，确保已呈现，在商品页面上查看您网站的源代码。

Blogger：Facebook Sharer捕获网站徽标而不是Post Image

1 个答案: