我有一个Jekyll网站设置，我一直在尝试启用开放式图形元标记以便在社交网络上进行共享。我开始使用jekyll标记方法来实现动态OG元标记，但是它们没有用 - 所以我使用了硬编码。
我已使用此工具确认了我的代码 - https://coveloping.com/tools/open-graph-tag-tester
然而，当我尝试分享网站时，我没有看到预览。
元数据存在 - view-source：http://amillionwordsforcharity.org/但我显然遗漏了一些东西。我也有Twitter卡元数据，它们可以共存还是OG元数据在Twitter上运行？
答案 0 :(得分：3)
首先，您应该测试您的网站here
所以，看起来您的 Facebook APP id 配置不正确，所以要更正它，或者只是删除它。
另一件事是，您在所有博文中都放置了相同的详细信息，但每个页面的内容应该是不同的。
在 jekyll 博客
中使用此前端内容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 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" />
此外，我在您的博客网址中看到了双斜杠（点击继续阅读，你会在永久链接中看到双斜线），所以也要在你的配置永久链接选项中修复它。