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="博客園"/>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM