我有一个 Jekyll 站点设置，我一直在尝试启用开放图形元标记以在社交上共享。我开始使用 jekyll 标记方法来实现动态 OG 元标记，但是它们不起作用 - 所以我求助于硬编码它们。
我已使用此工具确认我的标签存在 - https://coveloping.com/tools/open-graph-tag-tester
然而，当我尝试共享网站时，我没有看到预览。
存在元数据 - view-source:http://amillionwordsforcharity.org/ 但我显然遗漏了一些东西。我也有 Twitter 卡元数据，它们可以共存还是应该在 Twitter 中使用 OG 元数据？
【问题讨论】：
首先你应该测试你的网站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
现在，您需要在 head 部分添加此 元标记。
<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" />
另外，我在您的博客 URL 中看到了 双斜杠（单击继续阅读，您将在永久链接中看到双斜杠），因此请在您的配置永久链接选项中修复它。
【讨论】：