即使測試工具可以正常工作，也不會呈現圖形數據

Question

我有一個Jekyll站點設置，我一直在嘗試啓用打開圖形元標記以便在社交上共享。我開始使用jekyll標記方法來實現動態OG元標記，但是它們不起作用 - 所以我使用硬編碼。 https://coveloping.com/tools/open-graph-tag-tester

然而，當我嘗試共享，我沒有看到一個預覽網站 -

我已經使用這個工具證實了我的標籤存在。

元數據存在 - 查看源：http://amillionwordsforcharity.org/但我明顯缺少的東西。我也有Twitter卡元數據，它們可以共存，還是應該在Twitter上使用OG元數據？

Answer 1

首先，你應該測試你的網站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" /> 

而且，我已經在你的博客網址看到雙斜線（點擊繼續讀下去，你會看到在永久雙斜槓），使修復也是你的配置永久選項。