最全open graph protocol(開放圖譜協(xié)議) 介紹操作指南

1.什么是open graph protocol

2.open graph protocol 的重要性

3.如何設置open graph protocol

4.測試調試open graph protocol

什么是open graph facebook(facebook開放圖譜)

Open Graph Protocol(開放圖譜協(xié)議),簡稱 OG 協(xié)議。它是 Facebook 在 2010 年 F8 開發(fā)者大會公布的一種網頁元信息(Meta Information)標記協(xié)議,屬于 Meta Tag (Meta 標簽)的范疇,是一種為社交分享而生的Meta 標簽。就是來標注頁面的類型和描述頁面的內容。

說了這么久,那么到底是什么呢?看下圖兩個對比圖,一個是有設置open graph protocol,一個沒有,通過對比,我們可以看出,有設置的,會在頁面上完美展現(xiàn)出 標題/圖片/描述/url等,但是沒有設置的就沒有了,只是一條URL,然后會顯示標題跟圖片URL。兩者一對比,有設置OG協(xié)議穩(wěn)穩(wěn)的贏了幾條街了。大家可以自己去隨便分享一下自己網站的鏈接看一看,是否有設置,或者是使用?https://www.woorank.com/中的structured data 看一下有沒有,PS 這個網站還可以檢查自己的網站有什么其他問題之類的

有設置OG協(xié)議的

沒有設置OG協(xié)議的

為什么需要設置OG協(xié)議?

看了上圖OG的介紹,我們應該知道,SNS是當前必不可少的一部分了,如果分享出去的鏈接長成那個樣子,想必后面的營銷效果也會大打折扣,所以獨立站網站應該要設置OG協(xié)議,OG協(xié)議不僅支持Facebook,還支持大部分的SNS,比如twitter,LinkedIn,pinterest等等都是認這個OG協(xié)議的。所以沒有設置OG協(xié)議的社交媒體營銷者要趕快動手搞起來。

如何設置open graph protocol

那么要如何設置呢?

如果你的建站系統(tǒng)是用wordpress,那么直接安裝yoast seo插件就可以了,直接設置就可以了。

如果是在Shopify中設置Open Graph標簽呢?

大多數(shù)Shopify主題從變量中提取OG標簽,比如你的標題標簽為og:title,特色圖片為og:image。您可以通過Shopify的用戶界面自定義的唯一標簽是全站的og:image。轉到?Online Store > Themes > Customize > Theme settings > Customize > Social media > select an appropriate image.設置即可。

如果是WIX呢?

在Wix中設置Open Graph標簽

Wix從其他變量中提取常見的OG標簽,比如頁面的元標題和描述。你可以在 “社交分享 “設置中自定義每個頁面的OG標題、描述和圖片。

您還可以設置自定義全站的OG圖片。進入主菜單上的 “設置”>”社交分享”。

總的來說,Wix添加OG標簽超級簡單,因為不需要編碼。

如果是opencart?找你家的程序員搞吧。

測試調試open graph protocol?設置完成OG協(xié)議,接下來就是要測試一下是否成功了。使用以下工具進行測試:

Facebook Sharing Debugger

Twitter Card Validator

LinkedIn Post Inspector

如果網站有好幾百個頁面了,可以使用?https://ahrefs.com/site-audit進行檢查,看一看頁面有什么問題之類,也可以使用其他的SEO工具進行檢測。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容