HTML meta Property=og 实用指南
JyLie 2016-07-29 HTMLmeta
# 前言
细心的朋友或许会发现，越来越多的媒体网站<head>头部代码几乎都添加了标签Meta Property=og，冲着这样 SEO 有帮助的想法，接下来由我来通俗易懂的讲述一下Meta Property=og的含义及使用方法。
# Open Graph Protocol
The Open Graph Protocol enables any web page to become a rich object in a social graph.
Open Graph Protocol：简称 og， 是一个“富媒体协议”，可以让网页成为一个“富媒体对象”被其他网站引用。通过网站收录页面后，搜索引擎小蜘蛛会爬取关键数据获取内容。是 2010 年 F8 会议由 Facebook 发布。
目前主流 Google、百度、360 等等搜索引擎已经支持 og 富媒体协议，og又被搜索引擎称为：智能摘要结构化数据标准格式。目前 Facebook、Twitter 等 SNS 网站已经采用og，任何网页只要遵守该协议，SNS 就能从页面上提取最有效的信息，并呈现给用户。
那么怎么让搜索引擎这只磨人的小蜘蛛 🕷️ 识别到呢？对啦，使用 Meta Property=og 标签声明好即可。
# og 对 SEO 的作用
或许你会在 SEO 质量检测网站遇见，添加 Meta Property=og 标签后提示有误，然后删除 Meta Property=og 检测正常的情况。其实这个检测工具不够完善的问题，提示是可以忽略不计的，因为 og 协议非常有利于网站的推广。
那么og会给 SEO 带有什么优势呢？
- 能够正确被蜘蛛抓取您的内容到 Google、百度、360、搜狗等网页搜索；
- 帮助您的内容更有效的在 Google、百度、360、搜狗结构化展现；
- 能够正确的分享您的内容到 SNS 网站；
- 帮助您的内容更有效的在 SNS 网络中传播；
# og 的标准格式
Meta Property=og 标签可以什么多种不同类型的信息，且以 og:type 来标识每一段内容的起始处。
og:type类型的 content 值有：
video：短视频类。<meta property="og:type" content="video"/>videolist：影视信息类。<meta property="og:type" content="video"/>novel：小说类。<meta property="og:type" content="novel"/>soft：软件下载。<meta property="og:type" content="soft"/>document：文档。<meta property="og:type" content="document"/>article：普通文章。<meta property="og:type" content="article"/>image：图片。<meta property="og:type" content="image"/>bbs：论坛帖子。<meta property="og:type" content="bbs"/>blog：博客。<meta property="og:type" content="blog"/>product：商品。<meta property="og:type" content="product"/>news：新闻类。<meta property="og:type" content="news"/>music.song：音乐单曲。<meta property="og:type" content="music.song"/>music.album：音乐专辑。<meta property="og:type" content="music.album"/>
# 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：音频地址
# og 的案例
使用 og 时应注意，Meta Property=og 代码的功能并不等同于网页的 meta name 标签，两者针对的对象不一致，功能不同。
如果网站上要使用 open graph protocol，那么，Meta Property=og 和 Meta Name、Title 标签应同时赋值。
🌰 智能摘要结构化数据类型标准参见以下说明：
- 短视频类
<!--必填-->
<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="视频导演" />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
- 影视信息类
<!--必填-->
<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="视频语言" />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
- 小说类
<!--必填-->
<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="作者其他作品" />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
- 软件下载
<!--必填-->
<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="软件的下载页面地址" />
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
- 文档
<!--必填-->
<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积分等" />
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
- 普通文章
<!--必填-->
<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="友情留言板留言大全经典语句,资料来自:词叟" />
1
2
3
4
5
6
7
2
3
4
5
6
7
- 图片
<!--必填-->
<meta property="og:type" content="image" />
<meta property="og:image" content="图片地址" />
1
2
3
2
3
- 论坛帖子
<!--必填-->
<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="回复数" />
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
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="博客作者" />
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
- 商品
<!--必填-->
<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 " />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
- 新闻类
<!--必填-->
<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="发布时间" />
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
- 音乐单曲
<!--必填项-->
<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="海报" />
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
- 音乐专辑
<!--必填项-->
<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=歌曲播放链接" />
(可以有 多个)
1
2
3
4
5
6
7
2
3
4
5
6
7