我在博客博客上插入代码,这样它就可以自动创建the Open Graph protocol片段,例如,许多社交媒体网站使用的片段。
我看到很多源代码,但似乎没有一个完美的工作。
我写了这个,我在博客模板中插入标签</head>
之前。除了房产og:description
外,它的工作效果很好。我也希望将帖子内容作为描述。
<!-- OpenGraph starts-->
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Title and URL -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl.https' property='og:url'/>
<!--Description-->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:elseif cond='data:post.snippet'/>
<meta expr:content='data:post.snippet' property='og:description'/>
<b:else/>
<meta expr:content='data:I_WANT_THE_POST_BODY' property='og:description'/>
</b:if>
<!-- Image -->
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:elseif cond='data:blog.postImageUrl'/>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='MY_BLOG_LOGO_URL' property='og:image'/>
</b:if>
<meta expr:content='data:blog.locale' property='og:locale'/>
<!-- OpenGraph ends-->
我的问题是我无法真正得到帖子身体,并且如documentation所述,那就是posts.body
。
哪个是data
变量来获取当前/已查看/可用帖子的正文/内容?
这只是使用描述元标记的一种方法 - 在<b:includable id='post' var='post'>...</b:if>
中。
例如:
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item" or data:blog.pageType == "static_page"'>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='twitter:description'/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
</b:if>
...Other code...
</b:includable>
此外,您可以使用<meta expr:content='data:blog.locale' property='og:locale'/>
语言标记。
在body
标记内植入开放图是无效的,不是正确的做法。元标记应该在head
标记内。 Facebook也不会在body
中考虑它。请参考以下链接:
您可以使用data:view.description
来获取head
标签内每个帖子的片段。
<!-- Description -->
<meta expr:content='data:view.description' property='og:description'/>