一丶前言
全球快遞toWhere官網發現使用og協議,並且支付寶和淘寶活動源碼也會添加og協議,查閱資料弄清og協議是什么,此刻附上og協議官方文檔
一丶什么是og協議
Open Graph通訊協定(Protocol)本身是一種制定一套Metatags的規格,用來標注你的頁面,告訴我們你的網頁代表哪一類型的現實世界物件。
Open Graph協議使任何網頁都成為社交圖中的豐富對象。例如,這在Facebook上用於允許任何網頁具有與Facebook上的任何其他對象相同的功能。
Facebook已和Yahoo、Twitter合作采用OAuth 2.0認證標准。任何網頁只要遵守該協議,SNS網站就能從頁面上提取最有效的信息並呈現給用戶,也能讓SNS網站按照頁面上og標簽規定的內容呈現給用戶。
二丶參與到og協議的好處
1.有利於正確的分享您的內容到SNS網站(Social Networking Services,如微博,人人,Twitter,Facebook等社交網站)
2.有利於您的內容更有效的的在SNS網站中傳播
3.加強meta信息優化內容,有利於對於權重提升和排名
三丶og標簽的書寫
og:type 表示頁面的類型,當有兩個不同類型,以og:type開頭為分隔,所以我覺得不管一個還是兩個類型,都應該放在前面
og:type 表示頁面的類型,常用值:article、website、book、movie、music、news等
og:title 頁面的標題
og:description 頁面的簡單描述
og:url 頁面地址
og:image 略縮圖地址
og:site_name 頁面所在網站名
og:videosrc 視頻或者Flash地址
og:audiosrc 音頻地址
og:determiner 標題前的單詞(eg:a, an, the, "", auto)
og:locale 標記區域
四丶舉例代碼
1 <meta property="og:type" content="website"/> 2 <meta property="og:title" content="og協議"/> 3 <meta property="og:description" content="介紹og協議是什么,為什么要使用og協議以及怎么使用"/> 4 <meta property="og:url" content="http://www.xxxx.com"/> 5 <meta property="og:image" content="http://xxxx.png"/> 6 <meta property="og:site_name" content="博客園"/>