国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

微博元標記

微博元標記 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)類型?

首先,你需要根據(jù)網(wǎng)頁所表述的內(nèi)容,定義這個網(wǎng)頁的對象類型。


1、定義方式:

在你的網(wǎng)站頁面的<head>標簽內(nèi),添加<meta>標簽

HTML
<meta property="og:type" content="對象類型" />

<meta name="weibo:type" content="對象類型" />

定義對象類型后,通過查詢對象屬性表,定義對象詳細屬性信息。


2、贊組件支持的對象類型如下:

網(wǎng)頁(webpage)、文章(article)、音頻(audio)、圖片(image)、人(person)、地點(place)、產(chǎn)品(product)、視頻(video)、書(book)、游戲(game)、應用(app)


如何定義Weibo Meta Tags

找到適合您網(wǎng)頁的對象類型,通過對象屬性表查詢并設定屬性值,詳細的設定將帶來更好的效果,最后將代碼放入head中即可,下面列舉兩個部署實例進行說明


1、視頻對象Meta代碼實例:

將如下<meta>標簽,方式網(wǎng)頁的<head>標簽內(nèi)。

HTML
//必填
<meta property="og:type" content="video" />
<meta property="og:url" content="http://video.sina.com.cn/v/b/93544804-2282043583.html" />
<meta property="og:title" content="微博UDC圣誕賀歲視頻首發(fā)" />
<meta property="og:description" content="【微博UDC圣誕賀歲視頻首發(fā)!—微博帶你分享微快樂!】還有幾個小時,圣誕節(jié)就要到啦!末日后的第一個圣誕大家準備怎樣度過呢?2012我要新花樣?。。?!~趕快動手制作一個圣誕 pinhole camera!! 和你最親近的那個TA一起分享微快樂吧!??!" />
//選填
<meta property="og:image" content="http://ww2.sinaimg.cn/bmiddle/880538bfjw1e04w8ktfakj.jpg " />
<meta name="weibo:video:embed_code" content="http://you.video.sina.com.cn/api/sinawebApi/outplayrefer.php/vid=93544804_2282043583_OB21THcwCDTK+l1lHz2stqkP7KQNt6nni2K2u1anIAZaQ0/XM5GQYdgD5CHWBNkEqDhATZs6cfou1xk/s.swf" />
<meta name="weibo:video:stream" content="" />
<meta name="weibo:video:duration" content="47" />
<meta name="weibo:video:create_at" content="2012-12-24 16:26:05" />
<meta name="weibo:video:update_at" content="2012-12-24 16:26:05" />

以上代碼使用 OpenGraph 和 Weibo Meta Tags 混合方式,Weibo Meta Tags 目前支持五個 OpenGraph 基礎屬性,即:


HTML
<meta property="og:type" content="類型" />
<meta property="og:url" content="URL地址" />
<meta property="og:title" content="標題" />
<meta property="og:image" content="圖片" />
<meta property="og:description" content="描述" />

以上OG屬性可與Weibo Meta Tags屬性直接互通使用。完全使用Weibo Meta Tag代碼格式實例如下:


HTML
//必填
<meta name ="weibo:type" content="video" />
<meta name ="weibo:video:url" content="視頻的URL地址" />
<meta name ="weibo:video:title" content="視頻的顯示名稱" />
<meta name ="weibo:video:description" content="視頻的文字描述" />
//選填
<meta name ="weibo:video:image" content="視頻的縮略顯示圖片" />
<meta name="weibo:video:embed_code" content="視頻播放的嵌入代碼" />
<meta name="weibo:video:duration" content="視頻播放的時長,單位秒" />
<meta name="weibo:video:stream" content="視頻流的鏈接源" />
<meta name="weibo:video:create_at" content="用戶的創(chuàng)建時間" />
<meta name="weibo:video:update_at" content="用戶的更新時間" />


2、網(wǎng)頁對象Meta代碼實例:

將如下<meta>標簽,方式網(wǎng)頁的<head>標簽內(nèi)。

HTML


//必填
<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ū)別就在于非嚴格定義可省略中間段。

A
HTML

weibo:video:embed_code
B
HTML
weibo:embed_code

當明確定義了type對象類型時,可使用非嚴格定義,所有屬性均會被識別為當前定義類型;否則將不被識別。建議嚴格定義。


單個屬性的多值定義

單個屬性的多值定義即對某個對象屬性(即標記)可同時賦予多個不同值,屬性值根據(jù)表現(xiàn)層產(chǎn)品需要按順序顯示。


方法:每行定義一個屬性,需要meta標簽,同樣的屬性以及不同的賦值,按順序逐行定義。


示例:


HTML
image屬性定義多個值,即多張圖片
<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" />

注1:目前此方法僅對所有對象類型image屬性開放,其它屬性暫不支持。

注2:image屬性多值定義目前可用于分享窗口預置圖片。


對象(object)詳細屬性表

各個類型的對象(object)下所含屬性對照表:


網(wǎng)頁(webpage)

image屬性定義多個值,即多張圖片
<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" />


代碼示例:


HTML
//必填
<meta property="og:type" content="webpage" />
<meta property="og:url" content="網(wǎng)頁唯一URL地址" />
<meta property="og:title" content="網(wǎng)頁標題" />
<meta property="og:description" content="網(wǎng)頁描述" />
//選填
<meta property="og:image" content="網(wǎng)頁的顯示圖片" />
<meta name="weibo:webpage:create_at" content="網(wǎng)頁的創(chuàng)建時間" />
<meta name="weibo:webpage:update_at" content="網(wǎng)頁的更新時間" />


文章(article)

代碼示例:

QQ截圖20170210150706.png

HTML
//必填
<meta property="og:type" content="article" />
<meta property="og:url" content="文章的URL地址" />
<meta property="og:title" content="文章的顯示名稱標題" />
<meta property="og:description" content="文章的文字描述" />
//選填
<meta property="og:image" content="文章的顯示圖片" />
<meta name="weibo: article:create_at" content="文章的創(chuàng)建時間" />
<meta name="weibo: article:update_at" content="文章的更新時間" />


音頻(audio)

QQ截圖20170210151254.png

代碼示例:


HTML
//必填
<meta property="og:type" content="audio" />
<meta property="og:url" content="音頻的落地頁URL地址" />
<meta property="og:title" content="音頻的顯示名稱" />
<meta property="og:description" content="音頻的文字描述" />
//選填
<meta property="og:image" content="音頻的顯示圖片" />
<meta name="weibo:audio:embed_code" content="音頻播放的HTML嵌入代碼" />
<meta name="weibo:audio:stream" content="音頻流的鏈接源" />
<meta name="weibo:audio:duration" content="音頻播放的時長,秒" />
<meta name="weibo:audio:create_at" content="音頻的創(chuàng)建時間" />
<meta name="weibo:audio:update_at" content="音頻的更新時間" />


視頻(video)

QQ截圖20170210151237.png

代碼示例:


HTML

//必填
<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="視頻的更新時間" />


圖片(image)

QQ截圖20170210151222.png

代碼示例:


HTML
//必填
<meta property="og:type" content="image" />
<meta property="og:url" content="圖片的URL地址" />
<meta property="og:title" content="圖片的顯示標題" />
<meta property="og:description" content="圖片的文字描述" />
//選填
<meta property="og:image" content="圖片的縮略顯示圖" />
<meta property="weibo:image:full_image" content="圖片的原始大圖" />
<meta name="weibo:image:create_at" content="圖片的創(chuàng)建時間" />
<meta name="weibo:image:update_at" content="圖片的更新時間" />

說明:og:image參數(shù)對應weibo:image:image(縮略圖)和weibo:image:full_image(原始大圖),若需要區(qū)分縮略圖與原始大圖,請分別設定weibo:image:image和weibo:image:full_image,weibo標記會覆蓋og標記。


人(person)

QQ截圖20170210151209.png

代碼示例:


HTML
//必填
<meta property="og:type" content="image" />
<meta property="og:url" content="圖片的URL地址" />
<meta property="og:title" content="圖片的顯示標題" />
<meta property="og:description" content="圖片的文字描述" />
//選填
<meta property="og:image" content="圖片的縮略顯示圖" />
<meta property="weibo:image:full_image" content="圖片的原始大圖" />
<meta name="weibo:image:create_at" content="圖片的創(chuàng)建時間" />
<meta name="weibo:image:update_at" content="圖片的更新時間" />


地點(place)

QQ截圖20170210151157.png

代碼示例:


HTML
//必填
<meta property="og:type" content="place" />
<meta property="og:url" content="地理位置的URL地址" />
<meta property="og:title" content="地理位置的顯示名稱" />
<meta property="weibo:place:position" content="地理位置的坐標,經(jīng)+緯+海拔,符合ISO6709" />


商品(product)

QQ截圖20170210151144.png

代碼示例:


HTML
//必填
<meta property="og:type" content="product" />
<meta property="og:url" content="商品的URL地址" />
<meta property="og:title" content="商品的顯示名稱標題" />
<meta property="og:description" content="商品的文字描述" />
//選填
<meta property="og:image" content="商品的縮略顯示圖" />
<meta name="weibo:product:full_image" content="商品的原始大圖" />
<meta name="weibo:product:create_at" content="商品的創(chuàng)建時間" />
<meta name="weibo:product:update_at" content="商品的更新時間" />

說明:og:image參數(shù)對應weibo:product:image(縮略圖)和weibo:product:full_image(原始大圖),若需要區(qū)分縮略圖與原始大圖,請分別設定weibo:product:image和weibo:product:full_image,weibo標記會覆蓋og標記。


書(book)

QQ截圖20170210151132.png

代碼示例:


HTML
//必填
<meta property="og:type" content="book" />
<meta property="og:url" content="書的URL地址" />
<meta property="og:title" content="書的顯示名稱" />
<meta property="og:description" content="書的文字描述" />
//選填
<meta property="og:image" content="書的顯示圖片" />
<meta name="weibo:book:isbn" content="書的10或13位數(shù)字的ISBN書號" />
<meta name="weibo:video:create_at" content="書的出版時間" />


游戲(game)

QQ截圖20170210151120.png

代碼示例:


HTML
//必填
<meta property="og:type" content="game" />
<meta property="og:url" content="游戲的URL地址" />
<meta property="og:title" content="游戲的顯示名稱標題" />
<meta property="og:description" content="游戲的文字描述" />
//選填
<meta property="og:image" content="游戲的縮略顯示圖" />
<meta name="weibo:game:image" content="游戲的原始大圖" />
<meta name="weibo:game:full_image" content="游戲的原始大圖" />
<meta name="weibo:game:create_at" content="游戲的創(chuàng)建時間" />

說明:og:image參數(shù)對應weibo:game:image(縮略圖)和weibo:game:full_image(原始大圖),若需要區(qū)分縮略圖與原始大圖,請分別設定weibo:game:image和weibo:game:full_image,weibo標記會覆蓋og標記。


應用(app)

QQ截圖20170210151106.png

代碼示例:


HTML
//必填
<meta property="og:type" content="app" />
<meta property="og:url" content="應用的URL地址" />
<meta property="og:title" content="應用的顯示名稱標題" />
<meta property="og:description" content="應用的文字描述" />
//選填
<meta property="og:image" content="應用的顯示縮略圖" />
<meta name="weibo:app:full_image" content="應用的原始大圖" />
<meta name="weibo:app:create_at" content="應用的創(chuàng)建時間" />
<meta name="weibo:app:update_at" content="應用的更新時間" />

說明:og:image參數(shù)對應weibo:app:image(縮略圖)和weibo:app:full_image(原始大圖),若需要區(qū)分縮略圖與原始大圖,請分別設定weibo:app:image和weibo:app:full_image,weibo標記會覆蓋og標記。