微博元標記
微博元標記 Weibo Meta Tags
微博元標記,即Weibo Meta Tags,對Open graph協(xié)議下的常規(guī)meta tag進行支持和兼容,并基于國情對OpenGraph不適用的對象類型或?qū)傩赃M行有限擴展標記??梢院蚈penGraph一起使用。
為什么要配置Weibo Meta Tags?
傳統(tǒng)互聯(lián)網(wǎng)信息單元往往以Web Page為單位,以URL為線索進行索引和流轉(zhuǎn)。通過定義Weibo Meta Tags,可以穿透Web Page,準確索引互聯(lián)網(wǎng)上的Object,對互聯(lián)網(wǎng)上的內(nèi)容進行格式化管理。擁有格式化的Object數(shù)據(jù),就可以為用戶提供靈活、擴展性強、易讀的內(nèi)容展示模塊。
如何定義對象(Object)類型?贊組件支持哪些對象(Object)類型?
在你的網(wǎng)站頁面的<head>標簽內(nèi),添加<meta>標簽
或
定義對象類型后,通過查詢對象屬性表,定義對象詳細屬性信息。
網(wǎng)頁(webpage)、文章(article)、音頻(audio)、圖片(image)、人(person)、地點(place)、產(chǎn)品(product)、視頻(video)、書(book)、游戲(game)、應用(app)
如何定義Weibo Meta Tags
找到適合您網(wǎng)頁的對象類型,通過對象屬性表查詢并設定屬性值,詳細的設定將帶來更好的效果,最后將代碼放入head中即可,下面列舉兩個部署實例進行說明
將如下<meta>標簽,方式網(wǎng)頁的<head>標簽內(nèi)。
以上代碼使用 OpenGraph 和 Weibo Meta Tags 混合方式,Weibo Meta Tags 目前支持五個 OpenGraph 基礎(chǔ)屬性,即:
以上OG屬性可與Weibo Meta Tags屬性直接互通使用。完全使用Weibo Meta Tag代碼格式實例如下:
將如下<meta>標簽,方式網(wǎng)頁的<head>標簽內(nèi)。
<meta property="og:type" content="webpage" />
<meta property="og:url" content="http://sports.sina.com.cn/nba/2012-12-26/06576353009.shtml" />
<meta property="og:title" content="圣誕戰(zhàn)總得分王!科比34+5寫歷史 暴強數(shù)據(jù)16年第2" />
<meta property="og:description" content="科比-布萊恩特不出意料地拿下34分并成為了圣誕大戰(zhàn)史上得分王,不僅如此,這位34歲的神已連續(xù)9場比賽得分30+,創(chuàng)造了個人生涯第二好成績并向著2003年連續(xù)16場的壯舉繼續(xù)邁進!" />
//選填
<meta property="og:image" content="http://i2.sinaimg.cn/ty/nba/2012-12-26/U4934P6T12D6353009F1286DT20121226070232.jpg" />
<meta name="weibo:webpage:create_at" content="2012-12-26 06:57:00" />
<meta name="weibo:webpage:update_at" content="2012-12-26 06:57:00" />
嚴格定義與非嚴格定義
下面A與B兩種格式,其中A為嚴格定義,B為非嚴格定義,區(qū)別就在于非嚴格定義可省略中間段。
當明確定義了type對象類型時,可使用非嚴格定義,所有屬性均會被識別為當前定義類型;否則將不被識別。建議嚴格定義。
單個屬性的多值定義
單個屬性的多值定義即對某個對象屬性(即標記)可同時賦予多個不同值,屬性值根據(jù)表現(xiàn)層產(chǎn)品需要按順序顯示。
方法:每行定義一個屬性,需要meta標簽,同樣的屬性以及不同的賦值,按順序逐行定義。
示例:
注1:目前此方法僅對所有對象類型image屬性開放,其它屬性暫不支持。
注2:image屬性多值定義目前可用于分享窗口預置圖片。
對象(object)詳細屬性表
各個類型的對象(object)下所含屬性對照表:
<meta property="og:image" content="示例圖片1" />
<meta property="og:image" content="示例圖片2 " />
<meta property="og:image" content="示例圖片3" />
<meta name="weibo:webpage: image" content="圖片示例4" />
<meta name="weibo:webpage: image" content="圖片示例5" />
代碼示例:
代碼示例:
代碼示例:
代碼示例:
<meta property="og:type" content="video" />
<meta property="og:url" content="視頻的URL地址" />
<meta property="og:title" content="視頻的顯示名稱" />
<meta property="og:description" content="視頻的文字描述" />
//選填
<meta property="og:image" content="視頻的顯示圖片" />
<meta name="weibo:video:embed_code" content="視頻播放的HTML嵌入代碼" />
<meta name="weibo:video:stream" content="視頻流的鏈接源" />
<meta name="weibo:video:duration" content="視頻播放的時長,秒" />
<meta name="weibo:video:create_at" content="視頻的創(chuàng)建時間" />
<meta name="weibo:video:update_at" content="視頻的更新時間" />
代碼示例:
說明:og:image參數(shù)對應weibo:image:image(縮略圖)和weibo:image:full_image(原始大圖),若需要區(qū)分縮略圖與原始大圖,請分別設定weibo:image:image和weibo:image:full_image,weibo標記會覆蓋og標記。
代碼示例:
代碼示例:
代碼示例:
說明:og:image參數(shù)對應weibo:product:image(縮略圖)和weibo:product:full_image(原始大圖),若需要區(qū)分縮略圖與原始大圖,請分別設定weibo:product:image和weibo:product:full_image,weibo標記會覆蓋og標記。
代碼示例:
代碼示例:
說明:og:image參數(shù)對應weibo:game:image(縮略圖)和weibo:game:full_image(原始大圖),若需要區(qū)分縮略圖與原始大圖,請分別設定weibo:game:image和weibo:game:full_image,weibo標記會覆蓋og標記。
代碼示例:
說明:og:image參數(shù)對應weibo:app:image(縮略圖)和weibo:app:full_image(原始大圖),若需要區(qū)分縮略圖與原始大圖,請分別設定weibo:app:image和weibo:app:full_image,weibo標記會覆蓋og標記。