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

Question

正如您所看到的博客帖子的社交分享一样，我遇到了问题

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

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

例如：我单击某个链接的共享，但它不显示图像或描述或标题<它只显示页面链接

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

我不能使用调试工具超过300个帖子！

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

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

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 ='http://www.google.com/2005/gml/expr'xmlns：fb ='http://ogp.me/ns/fb#'

然后将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 -->

现在检查旧问题是否仍然存在:)

谢谢