property=”og:image” 是个什么鬼?谈og标签对SEO的作用及用法

最近在扒B站代码的时候,发现了其xhtml中一众property=”og:image”的meta标签,出于好奇,我google了相关的规范,并对其所属的开放内容协议进行了总结,欢迎大家和我一起了解学习。同时我的主站点导航由于使用了静态化的模版,也手动加了一波og标签,欢迎大家来观摩。

 

什么是og,有什么作用?

og是一种新的HTTP头部标记,即Open Graph Protocol:

The Open Graph Protocol enables any web page to become a rich object in a social graph. 

即这种协议可以让网页成为一个“富媒体对象”。

用了Meta Property=og标签,就是你同意了网页内容可以被其他社会化网站引用等,目前这种协议被SNS网站如Fackbook、renren采用。

SNS已经成为网络上的一大热门应用,优质的内容通过分享在好友间迅速传播。为了提高站外内容的传播效率,2010年F8会议上Facebook公布了一套开放内容协议(Open Graph Protocol),任何网页只要遵守该协议,SNS就能从页面上提取最有效的信息并呈现给用户。

Open Graph Protocol应用指南

参与到Open Graph Protocol的好处

● 能够正确的分享您的内容到SNS网站

● 帮助您的内容更有效的在SNS网络中传播

Meta Property标签的应用

● 按照您网页的类型,在<head>中添加入meta标签,并填上相应的内容

● 如果一个页面上有多个需要标识出的内容怎么办?

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

● 安装SNS网站插件如人人网插件,同样会出现Meta Property标签,卸载后可以去除。

Protocol Element 协议元素

 

Base Element基本类型

og:type 网页资源类型标识 不能为空,唯一


● video 
视频content enum: 

● audio 音频

● link 链接

● photo 图片

● product 产品

og:title 标题描述 不能为空,需唯一

og:image 缩略图 可为空 允许多个

og:url 当前内容链接 可为空 需唯一

rr:appid 可为空 需唯一 如果您的网站是CONNECT到renren.com的,请提供该ID

Video Element 视频 不可为空 允许多个

og:videosrc 视频资源链接,例如可是播放视频的flash地址

og:width 视频的宽度 可为空 允许多个

og:height 视频的高度 可为空 允许多个

例如:

 

Audio Element 音频

类似http://domain/some.mp3 直接从mp3获取信息,以下指从音乐播放网页获取

og:audiosrc  不可为空 允许多个 音乐资源链接,例如可是播放歌曲的flash地址

og:artist 音乐家 可为空 需唯一

例如:

 

Commen Page Element 普通网页

og:abstract 内容摘要 可为空 允许多个

og:contentid 可为空 唯一 内容主体的ID,用来标识当前页面主要内容所处的HTML标签的ID 

例如:

 


Graphic Element 图片

og:photo 图片列表 可为空 允许多个

og:width 图片宽度 可为空 允许多个

og:height 图片高度 可为空 允许多个

例如:

 

Product Element 商品

og:price 产品价格 不可为空 需唯一

og:description 产品描述 不可为空 需唯一

og:nick 店铺名 不可为空 需唯一

og:postfee 运费 不可为空 需唯一

例如:

 


使用Open Graph Protocol应注意

Meta Property=og代码的功能并不等同于网页的meta name标签,两者针对的对象不一致,功能不同。

如果网站上要使用open graph protocol,那么,Meta Property=og和Meta Name、Title标签应同时赋值。

文章开头举例的B2C网站,<head>如下:

 

如果你用上了meta property标签,你得在后台设置好,不然,就是空白.

 

Open Graph Protocol对SEO的影响

有些人使用所谓的网站质量在线检测,检测后结果提示Meta Property=og这段代码有问题,特别是一些SEO的检测,更是提示“特别错误”!然后删除Meta Property=og代码,检测正常。

因此担心Meta Property=og这段代码会对网站照成不良影响。

其实Open Graph Protocol并不会对SEO照成不良影响,相反,应用的合理,非常有利于网站的推广。

继续阅读