開放圖譜協議

    在開放圖譜協議允許任何網頁成為社交圖的豐富的對象。例如,它在Facebook上用于允許任何網頁具有與Facebook上任何其他對象相同的功能

    開放圖譜協議允許任何網頁成為社交圖的豐富的對象。例如,它在Facebook上用于允許任何網頁具有與Facebook上任何其他對象相同的功能。

    開放圖譜協議

    盡管存在許多不同的技術和模式并且可以將它們組合在一起,但是沒有一種技術可以提供足夠的信息來豐富地表示社交圖中的任何網頁。Open Graph協議建立在這些現有技術的基礎上,為開發人員提供了一件事。開發人員的簡便性是Open Graph協議的主要目標,該協議已為許多技術設計決策提供了依據。


    基本元數據

    要將網頁變成圖形對象,您需要向頁面添加基本元數據。我們已將協議的初始版本基于?RDFa,這意味著您將<meta><head>網頁的中放置其他標簽。每個頁面的四個必需屬性是:

    • og:title?-對象的標題,因為它應該出現在圖形中,例如“ The Rock”。
    • og:type–?對象的類型,例如“ video.movi??e”。根據您指定的類型,可能還需要其他屬性。
    • og:image?-圖片網址,應代表圖表中的對象。
    • og:url?-將在圖形中用作其永久ID的對象的規范URL,例如“ http://www.imdb.com/title/tt0117500/”。

    例如,以下是The Rock on IMDB的Open Graph協議標記:

    <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:description?-對對象的一到兩個句子描述。
    • og:determiner-句子中此對象標題之前出現的單詞。(a,an,the,“”,auto)的枚舉。如果auto選擇,則數據的使用者應在“ a”或“ an”之間選擇。默認值為“”(空白)。
    • og:locale-標記這些標簽的語言環境。格式為language_TERRITORY。默認值為en_US
    • og:locale:alternate-可以使用此頁面的一系列其他語言環境。
    • og:site_name-如果您的對象是大型網站的一部分,則應在整個網站上顯示該名稱。例如“ IMDb”。
    • og:video?-補充此對象的視頻文件的URL。

    例如(僅用于顯示目的的換行符):

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

    RDF模式(在Turtle中)可以在ogp.me/ns中找到。

    結構化屬性

    一些屬性可以附加額外的元數據。使用property和和?其他元數據相同的方式指定這些content,但是property將會有額外的符號:。

    og:image屬性具有一些可選的結構化屬性:

    • og:image:url-與相同og:image。
    • og:image:secure_url?-如果網頁需要HTTPS,則使用備用網址。
    • og:image:type–?此圖像的MIME類型
    • og:image:width?-寬像素數。
    • og:image:height?-高像素數。
    • og:image:alt-圖片中內容的說明(非標題)。如果頁面指定og:image,則應指定og:image:alt。

    完整圖片示例:

    <meta property="og:image" content="http://example.com/ogp.jpg" />
    <meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="400" />
    <meta property="og:image:height" content="300" />
    <meta property="og:image:alt" content="A shiny red apple with a bite taken out" />
    

    og:video標簽具有相同的標簽,展示的og:image。這是一個例子:

    <meta property="og:video" content="http://example.com/movie.swf" />
    <meta property="og:video:secure_url" content="https://secure.example.com/movie.swf" />
    <meta property="og:video:type" content="application/x-shockwave-flash" />
    <meta property="og:video:width" content="400" />
    <meta property="og:video:height" content="300" />
    

    og:audio標簽只可用(因為大小不會使聲音的意義上)第3個屬性:

    <meta property="og:audio" content="http://example.com/sound.mp3" />
    <meta property="og:audio:secure_url" content="https://secure.example.com/sound.mp3" />
    <meta property="og:audio:type" content="audio/mpeg" />
    

    數組

    如果標簽可以有多個值,只需<meta>在頁面上放置同一標簽的多個版本?。在沖突期間,第一個標簽(從上到下)被賦予優先級。

    <meta property="og:image" content="http://example.com/rock.jpg" />
    <meta property="og:image" content="http://example.com/rock2.jpg" />
    

    在聲明其根標記后放置結構化屬性。每當解析另一個根元素時,就認為該結構化屬性已完成并啟動了另一個。

    例如:

    <meta property="og:image" content="http://example.com/rock.jpg" />
    <meta property="og:image:width" content="300" />
    <meta property="og:image:height" content="300" />
    <meta property="og:image" content="http://example.com/rock2.jpg" />
    <meta property="og:image" content="http://example.com/rock3.jpg" />
    <meta property="og:image:height" content="1000" />
    

    表示此頁面上有3張圖片,第一張圖片為300x300,中間一張圖片的尺寸未指定,最后一張為1000px高。


    對象類型

    為了在圖形中表示對象,您需要指定其類型。使用og:type屬性完成此操作:

    <meta property="og:type" content="website" />
    

    當社區同意某種類型的模式時,會將其添加到全局類型列表中。類型系統中的所有其他對象均為?以下形式的CURIE

    <head prefix="my_namespace: http://example.com/ns#">
    <meta property="og:type" content="my_namespace:my_type" />
    

    全局類型分組為垂直。每個行業都有自己的名稱空間。og:type命名空間的值始終以該命名空間為前綴,然后帶有句點。這是為了減少與用戶定義的命名空間類型(總是包含冒號)之間的混淆。

    音樂

    og:type?值:

    music.song

    • music:duration–?整數?> = 1-歌曲的長度(以秒為單位)。
    • music:album–?music.album?陣列?-專輯這首歌曲是從。
    • music:album:disc–?整數?> = 1-這首歌在專輯的哪張光盤上。
    • music:album:track–?整數?> = 1-這首歌是哪首歌。
    • music:musician–?個人資料?數組?-制作這首歌的音樂家。

    music.album

    • music:song–?music.song?-在這張專輯中的歌曲。
    • music:song:disc–?整數?> = 1-與之相同,music:album:disc但取反。
    • music:song:track–?整數?> = 1-與之相同,music:album:track但取反。
    • music:musician–?個人資料?-制作這首歌的音樂家。
    • music:release_date–?日期時間?-日期專輯發行。

    music.playlist

    music.radio_station

    視頻

    og:type?值:

    video.movie

    video.episode

    • video:actor-與video.movi??e相同
    • video:actor:role
    • video:director
    • video:writer
    • video:duration
    • video:release_date
    • video:tag
    • video:series–?video.tv_show?-哪些系列這一事件屬于。

    video.tv_show

    多集電視節目。元數據與video.movi??e相同。

    video.other

    不屬于任何其他類別的視頻。元數據與video.movi??e相同。

    沒有垂直

    這些是全局定義的對象,它們不適合垂直使用,但卻得到了廣泛使用和認可。

    og:type?值:

    article?-命名空間URI:?http://ogp.me/ns/article#

    book?-命名空間URI:?http://ogp.me/ns/book#

    profile?-命名空間URI:?http://ogp.me/ns/profile#

    • profile:first_name–?字符串?-通常由父母或自己選擇的名稱。
    • profile:last_name–?字符串?-從家庭或婚姻繼承而來的個人慣用的名字。
    • profile:username–?字符串?-標識它們的短而唯一的字符串。
    • profile:gender–?枚舉(男,女)-他們的性別。

    website?-命名空間URI:?http://ogp.me/ns/website#

    除了基本屬性外,沒有其他屬性。任何未標記的網頁均應視為og:type網站。


    種類

    在“開放圖譜”協議中定義屬性時,使用以下類型。

    類型描述文字
    布爾型布爾值表示正確或錯誤的值正確,錯誤,1、0
    約會時間DateTime表示由日期(年,月,日)和可選的時間部分(小時,分鐘)組成的時間值ISO 8601
    枚舉由常量字符串值(枚舉成員)的有界集合組成的類型。作為枚舉成員的字符串值
    浮動一個64位帶符號浮點數符合以下格式的所有文字:

    1.234
    -1.234
    1.2e3
    -1.2e3
    7E-10
    整數一個32位有符號整數。在許多語言中,超過32位的整數會變成浮點數,因此我們限制了Open Graph協議,以便于使用多種語言。符合以下格式的所有文字:

    1234
    -123
    Unicode字符序列所有文字由Unicode字符組成,沒有轉義字符
    網址標識Internet資源的Unicode字符序列。所有使用http://或https://協議的有效URL

    討論與支持

    您可以在Facebook組或?開發人員郵件列表中討論開放圖譜協議?。目前,它正在被Facebook(請參閱其文檔),Google(請參閱其文檔)和?mixi使用。它正在由IMDb,Microsoft,NHL,Posterous,爛番茄,TIME,Yelp等許多公司出版。


    實作

    開源社區已經開發了許多解析器和發布工具。讓Facebook小組知道您是否也建立了一些很棒的東西!

    Open Graph協議最初是在Facebook上創建的,并受Dublin Core,鏈接相關規范,MicroformatsRDFa的啟發。本頁描述的規范可在Open Web Foundation Agreement版本0.9下獲得。這個網站是開源的

    web怎么將動態內容分享到Facebook,Twitter等社交平臺?

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 亚洲一区二区高清| 伊人久久一区二区三区无码| 无码人妻精品一区二区三区东京热| 精品熟人妻一区二区三区四区不卡| 国产精品一区不卡| 国产精品福利一区二区久久| 成人国内精品久久久久一区| 日本国产一区二区三区在线观看 | 国精产品一区一区三区免费视频| 亚洲另类无码一区二区三区| 日韩精品在线一区二区| 一区二区三区视频观看| 国产精品一区二区资源| 97精品国产一区二区三区| 久久久精品人妻一区二区三区| 丰满人妻一区二区三区视频53| 精品一区二区三区视频在线观看| 国精产品999一区二区三区有限| 精品一区精品二区制服| 亚洲区精品久久一区二区三区 | 3D动漫精品一区二区三区| 日韩免费视频一区二区| 久久青草国产精品一区| 国产无套精品一区二区| 亚洲一区精品无码| 亚洲色无码一区二区三区| 国产精品一区二区久久国产| 熟女少妇精品一区二区| 性无码免费一区二区三区在线| 色国产精品一区在线观看| 亚洲一区免费视频| 在线播放偷拍一区精品| 成人区人妻精品一区二区三区 | 精品视频午夜一区二区| 精品久久综合一区二区| 糖心vlog精品一区二区三区| 亚洲国产精品无码第一区二区三区| 国产乱码精品一区二区三区香蕉| 成人精品视频一区二区| 一区二区高清在线观看| 久久一本一区二区三区|