og協議-有利於SNS網站分享

一丶前言

全球快遞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="博客園"/>