- 簡介
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" />