Hi，我是阿狸，瓦特研究所的所長。

Open Graph 標籤是社交媒體最佳化（SMO）的標配，作為社交媒體營銷者怎能不瞭解呢？

不好意思，今天標題黨了一把，實際也沒那麼嚴重，咳咳。

話不多少，直入主題。

什麼是 Open Graph Protocol？

Open Graph Protocol（開放圖譜協議），簡稱 OG 協議或 OGP。它是 Facebook 在 2010 年 F8 開發者大會公佈的一種網頁元資訊（Meta Information）標記協議，屬於 Meta Tag （Meta 標籤）的範疇，是一種為社交分享而生的 Meta 標籤。

和阿狸一樣從事數字營銷推廣的貓友一定不會陌生，它可是目前社交媒體最佳化（SMO）的標配了哦，只要你在 Facebook、Pinterest、Twitter 和 Google Plus 等社交平臺混就不能不用到它。

為了讓資訊內容加速流動和準確呈現，Facebook 早年極力推動這個協議，到目前幾乎主流的社交媒體網站都支援 OG 協議。包括 Twitter、Pinterest、LinkedIn 和 Google+ 都可以識別 OG 協議。雖然 Twitter 也有自家的 Twitter Cards 協議，但是 Twitter 只要發現網頁上沒有使用自家的協議，就會用 OG 協議代替。國內的百度、360 搜尋、微博、微信、人人網等也支援該協議。

Facebook 牢牢把持著海外社交的大部分流量，大家都不得不向大佬低頭了（開個玩笑）。

OG 協議有什麼作用？

OG 協議是透過 OG Tags （OG 標籤）實現的，它屬於 Meta 標籤的一種，可以用來標識網頁型別和元素，讓分享到社交網路的內容可以被有效的抓取，還可以控制我們想呈現的內容。

等等，你一直說 Meta 標籤是什麼？能說人話嗎？

好的老闆…

比如說，網頁裡 AAA 是標題，但是社交平臺或搜尋引擎它傻啊，分不清哪個是哪個，所以你得定義個 Meta 標籤幫助它確認 AAA 是標題，BBB 是描述，CCC 是網址，DDD 是圖片諸如此類。而 OG 標籤是為社交分享而生的，當然現在影響範圍不僅於此了，手機移動 App 也運用上了。

OG 標籤長什麼樣？

下面就是一段 OG 標籤的例子。只要看到以

og：

為字首的 Meta 標籤就可以判斷該網頁支援 OG 標籤了。

▲ 向左滑動程式碼框看更多內容，試試

og：

後面緊跟著的就是元素的型別了，有標題 title、 網站名 site_name、網頁型別 type、網址 url、圖片 image、摘要 description 等等。

更多型別可以到以下網址查詢。

Facebook Open Graph

https：//

developers。facebook。com

/docs/sharing/opengraph/object-properties

The Open Graph Protocol 官網

http：//

ogp。me/

有 OG 標籤的內容分享後的效果是什麼樣的？

直接給個對比圖，清晰直觀。

看到了吧？如果沒有加 OG 標籤（右圖），你分享到社交平臺的網站、文章、產品會有多蒼白。社交資訊那麼多那麼雜，你說容易引起使用者注意嗎？會帶來多少點選呢？

OG 標籤對搜尋引擎最佳化（SEO）有影響嗎？

因為 OG 標籤是專用於社交媒體最佳化的，是獨立的一套標籤，Google 等搜尋引擎會識別並忽略（當然了，豐富的 OG 標籤對 SEO 是有加持的作用的）。

這樣呢，我們就可以個性化的建立一套獨立的適合社交分享的文案，如帶 Emoji 的標題、鬼畜的圖片，而不會影響到正常的 SEO 效果，是不是很棒？

怎麼新增 OG 標籤？

如果是用 WordPress 等建站程式

外掛市場有很多支援生成 OG 標籤的外掛，選一個安裝人數多的不會有錯。WordPress 上推薦 Yoast SEO，不僅可以生成 OG 標籤，還可以生成Twitter Cards 標籤、Google+ 標籤

如果是自行搭建的網站

請聯絡你們的網站開發人員，手動新增相關程式碼到後端，這裡就不展開了。

怎麼檢查 OG 標籤是否安裝正確？

雖然 Facebook 提供了

Facebook Open Graph Debugger 線上檢測工具

https：//

developers。facebook。com

/tools/debug/

但我還是推薦下面這個 All In One 的線上檢測工具。

KnowEm Social Media Optimization （SMO） Tool

http：//

smo。knowem。com/

它不僅可以查詢標準的 Schema Meta 標籤，還可以檢測 Open Graph 標籤、Twitter Cards 標籤、Google Rich Snippets 標籤和檢視 LinkedIn 上的顯示效果等等。

部署 OG 標籤的過程還有許多要注意的地方，先按下不表，有需要再另行開篇。

阿狸覺得你該收藏這篇文章，以後如果再有建站小哥問你：“Open Graph 標籤幹嘛用的？”請將這篇文章甩給他，哈哈！

好久沒寫那麼長的文章了，累死了，讓我歇會兒。

瓦特研究所 | 阿狸 原創 No。 004

公眾號 ID：WateLab

文章來源：什麼是 Open Graph 標籤？不懂你還做什麼社交營銷最佳化？！