2015-11-30 19 views
0

我有一个Jekyll站点设置,我一直在尝试启用打开图形元标记以便在社交上共享。我开始使用jekyll标记方法来实现动态OG元标记,但是它们不起作用 - 所以我使用硬编码。 https://coveloping.com/tools/open-graph-tag-tester即使测试工具可以正常工作,也不会呈现图形数据

然而,当我尝试共享,我没有看到一个预览网站 -

我已经使用这个工具证实了我的标签存在。

元数据存在 - 查看源:http://amillionwordsforcharity.org/但我明显缺少的东西。我也有Twitter卡元数据,它们可以共存,还是应该在Twitter上使用OG元数据?

回答

3

首先,你应该测试你的网站here

所以,看起来像你的Facebook应用程序ID没有配置好,所以正确的,或者干脆删除它。

另一件事是,你已经在你的所有博客文章中放置了相同的细节,但它应该是各种各样的页面。

使用此前面的问题在你的杰基尔博客

layout: post 
title: Your Blog Post/page title 
description: Write unique description for each webpage. 
ogimg: http://www.example.com/assest/image/photo0.png 

现在,你需要在你的脑海中添加该meta标签

<meta property="og:title" content="{{page.title}}" /> 
<meta property="og:type" content="website" /> 
<meta property="og:url" content="{{page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}}}" /> 
<meta property="og:description" content="{{page.description}}"> 
<meta property="og:image" content="{{page.ogimage}}" /> 
<meta property="og:type" content="website" /> 

而且,我已经在你的博客网址看到双斜线(点击继续读下去,你会看到在永久双斜杠),使修复也是你的配置永久选项。

+1

奇妙的建议。我发现Facebook测试工具缓存的变化使得它很难在飞行中出现问题,我现在有一个工作版本可以使用,所以感觉更有信心进行您所建议的更改。 E.G在每个页面上恢复为动态OG规范,并使用front matter markdown将其填充。感谢其他技巧,我注意到他们,但没有认为他们是一个大问题。将排序! –

+0

我很高兴它帮助:) – Goyllo

相关问题