Question

我遇到问题，你看到博客帖子的社交分享

我曾经有社交分享的第三方小部件，但现在我正在使用内部模板社交分享（只是为了让博客加载更快）

所以博客文章说明，标题和图片在点击共享时不显示，除非我使用调试工具进行该链接？

例如：我点击某个链接的共享，但它没有显示图片或说明或标题＆lt;它只显示页面链接

但是当我使用调试工具进行该链接时，在我点击分享后它可以正常工作！但除非我使用调试工具，否则请求的链接将无法正常工作！

我无法使用调试工具超过300个帖子！

是否有更简单的方法来解决这个问题？

P.S：我已经使用了一个开放的Graph代码，它可以与第三方社交分享窗口小部件＆lt;但它不适用于内部模板社交共享按钮。

Answer 1

首先确保添加了OG名称空间：

xml：lang ='en-US'xmlns ='http://www.w3.org/1999/xhtml'xmlns：b ='http://www.google.com/2005/gml/b'xmlns：data ='http://www.google.com/2005/gml/data'xmlns：expr ='{{ 3}}' xmlns：fb ='http://www.google.com/2005/gml/expr'

然后将Open Graph元标记添加到您的头部

 <!-- Begin Open Graph metadata --> 

<meta expr:content='&quot;en_US&quot;' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<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='URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST' property='og:image'/>
</b:if> 

<b:if cond='data:blog.metaDescription'>

<meta expr:content='data:blog.metaDescription' property='og:description'/>

<b:else/>

<!-- Still looking for a way to use the post snippet if there's no description -->

</b:if>

<!-- End Open Graph metadata -->

现在检查旧问题是否仍然存在：）

谢谢

博客文章说明，标题和图像在单击共享时不会显示，除非我使用调试工具进行该链接？

1 个答案: