Open Graph protocol介紹

  • 簡介

Open Graph protocol允許任何web頁面成爲社交網絡圖中的富對象。例如,在facebook上用於允許任何網頁具有與facebook其他對象相同的功能。

 

  • 基本元數據

要將網頁轉換爲圖形對象,需要向網頁中添加基本元數據,在web頁面的<head>中放置額外的<meta>標記。每頁所需的四個屬性是

og:title—顯示的標題,例如“the rock”。
og:type-對象的類型,例如“video.movie”。
og:image-縮略圖的url。
og:url-對象的規範url,將在圖中用作其永久id,例如“http://www.imdb.com/title/tt0117500/”。

示例:

<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

 

  • 可選元數據

以下屬性對於任何對象都是可選的,通常建議使用:

og:audio—音頻文件的URL。

og:video-視頻文件的URL。

og:description-對象的描述信息。

og:determiner-出現在句子中這個對象的標題之前的單詞。枚舉(a, an, the, "", auto)。如果選擇“auto”,則數據的使用者應在“a”或“an”之間進行選擇。默認爲""(空白)。

og:locale-區域設置。格式language_TERRITORY. 默認值爲en_US

og:locale:alternate-此頁可用於的其他區域設置的數組。

og:site_name-整個網站的名稱。

示例:

<meta property="og:audio" content="http://example.com/bond/theme.mp3" />
<meta property="og:description" 
  content="Sean Connery found fame and fortune as the
           suave, sophisticated British agent, James Bond." />
<meta property="og:determiner" content="the" />
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:site_name" content="IMDb" />
<meta property="og:video" content="http://example.com/bond/trailer.swf" />

 

發佈了145 篇原創文章 · 獲贊 16 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章