技术宅

当前位置:首页 > 网站教程 > 其他教程

其他教程

html Meta Property=og 标签的含义作用及用法

时间:01-18 作者:
og标签的含义作用及用法在html标签中越来越多的网站长开始注意到我们应该使用:Meta Property=og 标签,为什么呢?下面IT袋IT袋小编就给大家讲解下在html标签中Meta Property=og

og标签的含义作用及用法

html Property=og

在html标签中越来越多的网站长开始注意到我们应该使用:Meta Property=og 标签,为什么呢?下面IT袋IT袋小编就给大家讲解下在html标签中Meta Property=og 标签的含义作用及用法,这应该是每个seoer都应该了解和掌握的网站优化知识吧?

Meta Property=og怎么使用?

如何调用og:type?怎么在文章中调用og:title?如何使用调取文章og:image?本文将介绍什么是Meta Property=og协议以及该协议的用法!

什么是Meta Property=og协议?

og是一种新的HTTP头部标记(Open Graph协议)这种协议可以让网页成为一个“富媒体对象”(被其他网站引用等)。目前主流百度,360等等搜索引擎已经支持og富媒体协议,通常又被搜索引擎称为:智能摘要结构化数据标准格式。

Meta Property=og协议的作用?

1、能够正确被蜘蛛抓取您的内容到百度、360、搜狗等网页搜索;
2、帮助您的内容更有效的在百度、360、搜狗结构化展现;
3、能够正确的分享您的内容到SNS网站;
4、帮助您的内容更有效的在SNS网络中传播;
Meta Property=og标签的应用
在<head>和</head>之间添加入meta标签,并填上相应的内容
如果一个页面上有多个需要标识出的内容怎么办?
简单点说就是增加文章页的友好度

您可以重复meta标签,将认为og:type 标签是每一段内容的起始处

智能摘要结构化数据标准格式

智能摘要结构化数据类型标准参见以下说明:

1、短视频类

<!--必填-->
<meta property="og:type" content="video"/>
<meta property="og:title" content="视频的显示名称"/>
<meta property="og:description" content="视频的文字描述"/>
<meta property="og:image" content="视频的显示图片"/>

<!--选填-->
<meta property="og:video" content="视频播放地址"/>
<meta property="og:url" content="页面URL地址"/>
<meta property="og:video:duration" content="视频播放的时长,秒"/>
<meta property="og:video:pix" content="视频清晰度,1: 流畅; 2: 标清; 3: 高清; 4: 超清"/>
<meta property="og:video:release_date" content="视频的创建时间"/>
<meta property="og:video:update_date" content="视频的更新时间"/>
<meta property="og:video:actor" content="视频演员"/>
<meta property="og:video:director" content="视频导演"/>


示例:
http://my.tv.sohu.com/us/16361010/8826546.shtml
html Property=og

 

2、影视信息类

<!--必填-->
<meta property="og:type" content="videolist"/>
<meta property="og:title" content="视频的显示名称"/>
<meta property="og:description" content="视频的文字描述"/>
<meta property="og:image" content="视频的显示图片"/>

<!--选填-->
<meta property="og:url" content="页面URL地址"/>
<meta property="og:video" content="视频播放地址,若是更新中的电视剧,填最新剧集的url,若是更新完的电视剧,填第一集url"/>
<meta property="og:video:actor" content="视频主演"/>
<meta property="og:video:director" content="视频导演"/>
<meta property="og:video:duration" content="视频播放的时长,秒"/>
<meta property="og:video:pix" content="视频清晰度,1: 流畅; 2: 标清; 3: 高清; 4: 超清"/>
<meta property="og:video:release_date" content="视频的上映时间"/>
<meta property="og:video:update_date" content="视频的更新时间"/>
<meta property="og:video:alias" content="视频别名"/>
<meta property="og:video:area" content="地区"/>
<meta property="og:video:score" content="评分"/>
<meta property="og:video:base_score" content="评分总分,如9分,总分是10分"/>
<meta property="og:video:update_new" content="最新剧集,如10,表示更新到第10集"/>
<meta property="og:video:update_total" content="总剧集数"/>
<meta property="og:video:tv" content="出品视频的电视台"/>
<meta property="og:isfree:class" content="整数,1为收费"/>
<meta property="og:video:class" content="视频类别,如悬疑、爱情、动作、"/>
<meta property="og:video:voice_actor" content="声优,多用于动漫"/>
<meta property="og:video:lecturer" content="讲师,多用于教育类视频"/>
<meta property="og:video:host" content="主持人,多用于综艺主持人"/>
<meta property="og:video:content_type" content="数字"/>(注:1) tv 电视剧;2) movie电影;
3)fun 综艺、娱乐节目;4) edu教育; 5) comic动画片、动漫; 6) documentary 记录片)
<meta property="og:video:language" content="视频语言"/>



示例:
http://vod.kankan.com/v/71/71229.shtml
html Property=og

 

3、小说类

<!--必填-->
<meta property="og:type" content="novel"/>
<meta property="og:title" content="小说名字"/>
<meta property="og:description" content="小说描述"/>
<meta property="og:image" content="小说封面图片"/>
<meta property="og:novel:category" content="小说类别"/>
<meta property="og:novel:author" content="小说作者"/>
<meta property="og:novel:book_name" content="书名"/>
<meta property="og:novel:read_url" content="阅读地址"/>

<!--选填-->
<meta property="og:url" content="页面URL地址"/>
<meta property="og:novel:status" content="小说状态,如连载中"/>
<meta property="og:novel:author_link" content="小说作者链接"/>
<meta property="og:novel:update_time" content="更新时间"/>
<meta property="og:novel:click_cnt" content="点击数"/>
<meta property="og:novel:latest_chapter_name" content="最新章节"/>
<meta property="og:novel:latest_chapter_url" content="最新章节url"/>
<meta property="og:novel:author_other_books" content="作者其他作品"/>

示例:
http://book.zongheng.com/book/362880.html
html Property=og

4、软件下载

<!--必填--> <meta property="og:type" content="soft"/>
<meta property="og:description" content="软件简介"/>
<meta property="og:soft:file_size" content="软件大小"/>
<!--选填-->
<meta property="og:soft:operating_system" content="软件运行的操作系统,如windows、android、ios等"/>
<meta property="og:image" content="软件的截图"/>
<meta property="og:release_date" content="发布时间"/>
<meta property="og:title" content="软件标题"/>
<meta property="og:soft:download_count " content="软件下载次数"/>
<meta property="og:soft:language" content="软件语言"/>
<meta property="og:soft:license" content="软件的授权方式,如免费、收费等"/>
<meta property="og:soft:url" content="软件的下载页面地址"/>

示例:
http://www.opdown.com/android/34964.html


html Property=og

5、文档

<!--必填-->
<meta property="og:type" content="document"/>
<meta property="og:release_date" content="发表时间"/>
<meta property="og:title" content="文档标题"/>
<meta property="og:description" content="文档摘要"/>
<meta property="og:document:type" content="文档类型,如ppt\pdf\doc\txt\xls等"/>
<!--选填-->
<meta property="og:image" content="文档的截图或配图url"/>
<meta property="og:document:page" content="文档页数"/>
<meta property="og:document:cost" content="获取文档的花费,如免费、5积分等"/>

示例:
http://www.doc88.com/p-314734345137.html
html Property=og

6、普通文章
<!--必填-->
<meta property="og:type" content="article"/>
<meta property="og:image" content="图片地址 "/>
<meta property="og:release_date" content="发表时间"/>
<!--选填-->
<meta property="og:title" content="友情留言板留言大全"/>
<meta property="og:description" content="友情留言板留言大全经典语句,资料来自:词叟"/>

示例:
http://finance.sina.com.cn/roll/2016-02-23/doc-ifxprqea5034318.shtml
html Property=og

7、图片
<!--必填-->
<meta property="og:type" content="image"/>
<meta property="og:image" content="图片地址"/>

示例:
https://www.1688.com/chanpin/-C5AEC9FAB5E7B6AFB3B5.html
html Property=og

8、论坛帖子
<!--必填-->
<meta property="og:type" content="bbs"/>
<meta property="og:image" content="图片地址"/>
<meta property="og:release_date" content="发表时间"/>
<!--选填-->
<meta property="og:title" content=" 帖子标题"/>
<meta property="og:description" content="帖子描述 "/>
<meta property="og:author" content="作者 "/>
<meta property="og:bbs:replay" content="回复数"/>

示例:
https://club.1688.com/threadview/30072469.html?forumId=0&memberId=ylbxgfm
html Property=og

9、博客
<!--必填-->
<meta property="og:type" content="blog"/>
<meta property="og:image" content="图片地址"/>
<meta property="og:release_date" content="发表时间"/>
<!--选填-->
<meta property="og:title" content=" 博客标题"/>
<meta property="og:description" content=" 博客描述" />
<meta property="og:author" content="博客作者"/>

示例:
https://club.1688.com/article/21851835.html
html Property=og

10、商品
<!--必填-->
<meta property="og:type" content="product"/>
<meta property="og:image" content="商品图片地址"/>
<!--选填-->
<meta property="og:title" content="商品标题"/>
<meta property="og:description" content="商品描述"/>
<meta property="og:product:price" content="商品价格"/>
<meta property="og:product:orgprice" content="商品原价"/>
<meta property="og:product:currency" content="货币"/>
<meta property="og:product:score" content="评分"/>
<meta property="og:product:base_score" content="总分"/>
<meta property="og:product:brand" content="品牌"/>
<meta property="og:product:category" content="分类"/>
<meta property="og:product:nick" content="name=义乌市荣灵电子商务商行; url= //xiaoxiaoqin1688.cn.1688.com "/>

示例:
https://detail.1688.com/offer/1172111480.html
html Property=og

11、新闻类

<!--必填-->
<meta property="og:type" content="news"/>
<meta property="og:title" content="新闻标题"/>
<meta property="og:description" content="新闻摘要"/>
<meta property="og:image" content="新闻图片"/>

<!--选填-->
<meta property="og:url" content="页面URL地址"/>
<meta property="og:release_date" content="发布时间"/>

12、音乐单曲

<!--必填项-->
<meta property="og:type" content="music.song"/>
<meta property="og:title" content="歌曲名"/>
<meta property="og:music:artist" content="歌手"/>
<meta property="og:music:play" content="播放链接"/>


<!-- 选填 -->
<meta property="og:music:album" content="专辑名称"/>
<meta property="og:image" content="海报"/>

13、音乐专辑

<!--必填项-->
<meta property="og:type" content="music.album"/>
<meta property="og:image" content="专辑配图"/>
<meta property="og:title" content="专辑名称"/>
<meta property="og:music:artist" content="歌手"/>
<meta property="og:music:album:song" content=" title=歌曲名; url=歌曲播放链接"/>(可以有 多个)

 

Meta Property=og主要标签属性
og:title 标题
og:type 类型(常用值:article book movie)
og:image 略缩图地址
og:author 作者名称
og:url 页面地址
og:release_date 发布时间
og:description 页面的简单描述
og:site_name 页面所在网站名
og:videosrc 视频或者Flash地址
og:audiosrc 音频地址

...

以上IT袋网介绍的html Meta Property=og 标签的含义作用及用法的全部内容,可以结合自己网站情况来使用。