即使测试工具有效，Open Graph 数据也不会呈现

Question

我有一个 Jekyll 站点设置，我一直在尝试启用开放图元标记以在社交上共享。我开始使用 jekyll 标记方法来实现动态 OG 元标记，但是它们不起作用 - 所以我求助于对它们进行硬编码。

我已使用此工具确认我的标签存在 - https://coveloping.com/tools/open-graph-tag-tester

然而，当我尝试共享网站时，我没有看到预览。

存在元数据 - 查看源代码：http://amillionwordsforcharity.org/但我显然遗漏了一些东西。我也有 Twitter 卡片元数据，它们可以共存还是 OG 元数据应该在 Twitter 中工作？

Answer 1

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

所以，看起来你的 Facebook APP id 没有配置好，所以更正它，或者干脆删除它。

另一件事是，您在所有博客 post 中都放置了相同的详细信息，但每个页面都应该有所不同。

在你的 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" />

此外，我在您的博客 URL 中看到了 双斜线 （点击继续阅读，您将在固定链接中看到双斜线），因此也请在您的配置永久链接选项。

即使测试工具有效，Open Graph 数据也不会呈现

Open Graph data not rendering even though test tool works

jekyll

facebook-opengraph