微博元标记

收藏583

阅读10702

更新时间2022-04-11

微博元标记 Weibo Meta Tags

微博元标记,即Weibo Meta Tags,对Open graph协议下的常规meta tag进行支持和兼容,并基于国情对OpenGraph不适用的对象类型或属性进行有限扩展标记。可以和OpenGraph一起使用。


为什么要配置Weibo Meta Tags?


传统互联网信息单元往往以Web Page为单位,以URL为线索进行索引和流转。通过定义Weibo Meta Tags,可以穿透Web Page,准确索引互联网上的Object,对互联网上的内容进行格式化管理。拥有格式化的Object数据,就可以为用户提供灵活、扩展性强、易读的内容展示模块。


如何定义对象(Object)类型?赞组件支持哪些对象(Object)类型?

首先,你需要根据网页所表述的内容,定义这个网页的对象类型。


1、定义方式:

在你的网站页面的标签内,添加标签

HTML

定义对象类型后,通过查询对象属性表,定义对象详细属性信息。


2、赞组件支持的对象类型如下:

网页(webpage)、文章(article)、音频(audio)、图片(image)、人(person)、地点(place)、产品(product)、视频(video)、书(book)、游戏(game)、应用(app)


如何定义Weibo Meta Tags

找到适合您网页的对象类型,通过对象属性表查询并设定属性值,详细的设定将带来更好的效果,最后将代码放入head中即可,下面列举两个部署实例进行说明


1、视频对象Meta代码实例:

将如下标签,方式网页的标签内。

HTML
//必填




//选填





以上代码使用 OpenGraph 和 Weibo Meta Tags 混合方式,Weibo Meta Tags 目前支持五个 OpenGraph 基础属性,即:


HTML




以上OG属性可与Weibo Meta Tags属性直接互通使用。完全使用Weibo Meta Tag代码格式实例如下:


HTML
//必填




//选填






2、网页对象Meta代码实例:

将如下标签,方式网页的标签内。

HTML


//必填




//选填


严格定义与非严格定义

下面A与B两种格式,其中A为严格定义,B为非严格定义,区别就在于非严格定义可省略中间段。

A
HTML

weibo:video:embed_code
B
HTML
weibo:embed_code

当明确定义了type对象类型时,可使用非严格定义,所有属性均会被识别为当前定义类型;否则将不被识别。建议严格定义。


单个属性的多值定义

单个属性的多值定义即对某个对象属性(即标记)可同时赋予多个不同值,属性值根据表现层产品需要按顺序显示。


方法:每行定义一个属性,需要meta标签,同样的属性以及不同的赋值,按顺序逐行定义。


示例:


HTML
image属性定义多个值,即多张图片




注1:目前此方法仅对所有对象类型image属性开放,其它属性暂不支持。

注2:image属性多值定义目前可用于分享窗口预置图片。


对象(object)详细属性表

各个类型的对象(object)下所含属性对照表:


网页(webpage)

image属性定义多个值,即多张图片





代码示例:


HTML
//必填




//选填



文章(article)

代码示例:

QQ截图20170210150706.png

HTML
//必填




//选填



音频(audio)

QQ截图20170210151254.png

代码示例:


HTML
//必填




//选填






视频(video)

QQ截图20170210151237.png

代码示例:


HTML

//必填




//选填






图片(image)

QQ截图20170210151222.png

代码示例:


HTML
//必填




//选填



说明:og:image参数对应weibo:image:image(缩略图)和weibo:image:full_image(原始大图),若需要区分缩略图与原始大图,请分别设定weibo:image:image和weibo:image:full_image,weibo标记会覆盖og标记。


人(person)

QQ截图20170210151209.png

代码示例:


HTML
//必填




//选填




地点(place)

QQ截图20170210151157.png

代码示例:


HTML
//必填




商品(product)

QQ截图20170210151144.png

代码示例:


HTML
//必填




//选填



说明:og:image参数对应weibo:product:image(缩略图)和weibo:product:full_image(原始大图),若需要区分缩略图与原始大图,请分别设定weibo:product:image和weibo:product:full_image,weibo标记会覆盖og标记。


书(book)

QQ截图20170210151132.png

代码示例:


HTML
//必填




//选填



游戏(game)

QQ截图20170210151120.png

代码示例:


HTML
//必填




//选填



说明:og:image参数对应weibo:game:image(缩略图)和weibo:game:full_image(原始大图),若需要区分缩略图与原始大图,请分别设定weibo:game:image和weibo:game:full_image,weibo标记会覆盖og标记。


应用(app)

QQ截图20170210151106.png

代码示例:


HTML
//必填




//选填



说明:og:image参数对应weibo:app:image(缩略图)和weibo:app:full_image(原始大图),若需要区分缩略图与原始大图,请分别设定weibo:app:image和weibo:app:full_image,weibo标记会覆盖og标记。



科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号