News

Discover more

OG協議(yì)——Open Graph Protocol(開放内容協議(yì))

  • 發布時(shí)間: 2020-10-12 10:45:55
  • 發布人(rén): admin
  • 分(fēn)類: 交互與設計

OG協議(yì)——Open Graph Protocol(開放内容協議(yì))

最近在寫一個(gè)手機端頁面時(shí)有個(gè)需求,就是Safari分(fēn)享頁面到其他(tā)社交軟件時(shí)需要設置分(fēn)享縮略圖,第一次接觸,有點沒思路。第一時(shí)間去萬能的(de)百度搜了(le)一下(xià)沒找到,多(duō)是寫微信分(fēn)享的(de)相關信息。後來(lái)找了(le)個(gè)官網查了(le)下(xià)源碼發現了(le)突破點,經過關鍵詞搜索終于知道這(zhè)是啥了(le)。需求順利完成,這(zhè)個(gè)新知識點也(yě)get到了(le)。

關鍵詞:OG協議(yì)——Open Graph Protocol(開放内容協議(yì))

一、什(shén)麽是 OG協議(yì)

Open Graph Protocol 本身是一套 Metatags 的(de)規範,用(yòng)來(lái)标注頁面的(de)類型和(hé)描述頁面的(de)内容。由 Facebook 在2010年F8會議(yì)上公布。

二、如何參與Open Graph Protocol

og标簽是一種新的(de)http頭部标記,即Open Graph Protocol(開放内容協議(yì))。在頁面添加這(zhè)種協議(yì)可(kě)以讓網頁成爲一個(gè)“富媒體對(duì)象”,表示同意網頁内容可(kě)以被其他(tā)社會化(huà)網站引用(yòng)等。

目前Facebook、人(rén)人(rén)等SNS網站都支持該協議(yì)。任何網頁隻要遵守該協議(yì),SNS網站就能從頁面上提取最有效的(de)信息并呈現給用(yòng)戶;也(yě)能讓SNS網站按照(zhào)頁面上og标簽規定的(de)内容呈現給用(yòng)戶。

三、參與到Open Graph Protocol的(de)好處

能夠正确的(de)分(fēn)享您的(de)内容到SNS網站

幫助您的(de)内容更有效的(de)的(de)在SNS網站中傳播

SNS 已經成爲網絡上的(de)一大(dà)熱(rè)門應用(yòng),優質的(de)内容通(tōng)過分(fēn)享在好友間迅速傳播。爲了(le)提高(gāo)站外内容的(de)傳播效率,2010年F8會議(yì)上 Facebook 公布了(le)一套開放内容協議(yì) (Open Graph Protocol),任何網頁隻要遵守該協議(yì),SNS 就能從頁面上提取最有效的(de)信息并呈現給用(yòng)戶。

四、是否會對(duì)百度收錄造成影(yǐng)響

增加的(de)og标簽是可(kě)以被搜索引擎發現并評估權重的(de),也(yě)就是說你将原有meta信息優化(huà)手段同時(shí)使用(yòng)到og标簽當中,加強meta信息優化(huà)内容;對(duì)于權重提升和(hé)排名還(hái)是很有利的(de)。

目前百度支持OG協議(yì)。按照(zhào)百度的(de)标準添加og标簽是參與百度星火計劃的(de)前提條件之一。

參與OG協議(yì)對(duì)百度收錄的(de)好處:

  1. 能夠正确被蜘蛛抓取您的(de)内容到百度網頁搜索 
  2. 幫助您的(de)内容更有效的(de)在百度結構化(huà)展現 
  3. 按照(zhào)您網頁的(de)類型,在中添加入meta标簽,并填上相應的(de)内容

主要标簽屬性編輯

基于Metatags的(de)規格,使用(yòng)  标簽
og:title 标題
og:type 類型,常用(yòng)值:article book movie
og:image 略縮圖地址
og:url 頁面地址
og:description 頁面的(de)簡單描述
og:site_name 頁面所在網站名
og:videosrc 視頻(pín)或者Flash地址
og:audiosrc 音(yīn)頻(pín)地址


相關文章(zhāng)

CSS根據屏幕分(fēn)辨率寬度自動适應

Css怎麽實現通(tōng)過讀取屏幕分(fēn)辨率來(lái)顯示,第一種是js,第二種還(hái)可(kě)以通(tōng)過css,盡

查看全文

如何設計出一個(gè)優秀的(de)網站

查看全文

交互設計心理(lǐ)學之古騰堡原則

在平時(shí)的(de)設計過程當中,你是否有這(zhè)樣的(de)疑惑?爲什(shén)麽在大(dà)部分(fēn)APP中,當單個(gè)按鈕和(hé)多(duō)

查看全文