社会化分享之og属性优化教程

前两天使用一套国外模板，分析网页代码的时候发现了meta信息中出现了property=”og:title”这种新东西。本着存在即合理，既然作者这样设计必定有所意图的，第一反应就是这种写法对于seo优化的影响。所以网上淘了一些资料，结合自己的经验理解将整理一个og属性优化教程，把这些内容页归档到meta信息优化范围中。

Ps:现在搜索引擎越来越看重社会化分享在用户体验中的作用，也就是说社会化分享因素在seo排名中权重越来越高，而且国内seo市场，对于社会化分享的手段应用并不充分，大家可以过早关注，赢在起跑上。

 

现在，我们开始一步一步给大家说明

如果你发现模板代码中有类似于这样的书写：

<meta property=”og:title” content=”**’s Facebook” />

　　　<meta property=”og:type” content=”product”/>

　　　<meta property=”og:url” content=”http://www.******.com” />

　　　<meta property=”og:image” content=”http://www.******.com/logo.gif” />

　　　<meta property=”og:site_name” content=”******.COM” />

　　　<meta property=”og:description” content=”CoolGadgets at the RightPrice – Worldwide Free Shipping -******” />

　　　<meta property=”fb:admins” content=”100001422224225″ />

　　　<meta property=”fb:page_id” content=”241333394220″ />

发现property=”og:这种字样的，说明模板作者已经尝试做seo社会化分享优化了，那么这些代码代表是什么含义呢？

og是一种新的HTTP头部标记，（即Open Graph Protocol：开放内容协议）

 

我们先引用百科的内容了解一下：

 

2010年F8会议上Facebook公布了Open Graph，把这种种不同的Graph连结起来，将形成Open Graph。

通讯协定

Open Graph通讯协定(Protocol)本身是一种制定一套Metatags的规格，用来标注你的页面，告诉我们你的网页代表哪一类型的现实世界物件。另一伙伴网站，即Amazon旗下的Internet Movie Database(IMDb)，将用这个Open Graph Protocol为每一部电影标注页面。按下IMDb上的“赞”按钮，就会自动把那部电影加入Facebook使用者profile中的“最爱的电影”。

Facebook已和Yahoo、Twitter合作采用OAuth 2.0认证标准。Graph API翻新了Facebook的平台程序代码，让Facebook里的每个物件都拥有独特的ID。通过Open Graph把其他社交网站建构的网络给连接起来，将创造一个更聪明、更与社交连接、更个人化也更具语意意识的网络。

使用背景：

Open Graph最让人津津乐道的是“喜欢”(Like)按钮，此按钮安装在伙伴网站，可立即用来表示认同。“活动”(Activity streams)外挂 ，让Facebook使用者友人所从事的各种活动都列在那个第三方网站上。“推荐”(Recommendations)外挂则向使用者提供备受建议的内容，“不只是十大最多人用电子邮件转寄的文章，这是真正超强的推荐”。“社交”(Social bar)可提供整合为一的社交体验，把“喜欢”按钮、Facebook聊天 、和友人名单资讯都整合起来，功能与Google Friend Connect或Meebo chat工具条相似。

Facebook新版本Graph API意味着Facebook上任何一个页面都会有独立的ID，用户可以成为某一页面的粉丝。该项功能将会使Facebook的每一页面连接成为一个整体。

og属性说明：

og:title 标题

og:type 类型

常用值:article book movie

og:image 略缩图地址

og:url 页面地址

og:description 页面的简单描述

og:site_name 页面所在网站名

og:videosrc 视频或者Flash地址

og:audiosrc 音频地址

现在我们来梳理一下开放协议实现流程：

就是当用户使用jiathis或者百度分享等分享类插件工具，将网页分享到facebook、twitter或者微博的时候，sns网站中的内容是按照我们og属性规定内容呈现的，以此保证信息分享更准确更符合作者所想。

更通俗的理解：如果你分享我的网页到其他网站（sns），那我就告诉你分享的内容标题是什么、缩略图是什么、内容简介是什么，你可别给我胡整，得按我说的来。

那么og属性对于seo意义呢：

都知道搜索引擎机器人爬取的是我们的页面，即html代码，meta信息尤为关注，所以我们增加的og meta标签是可以别搜索引擎发现并评估权重的，也就是说你将原有meta信息优化手段同时使用到og:title这种属性值当中，加强meta信息优化内容；对于权重提升和排名还是很有利的。

实现手段：

如果你对og属性没有特殊要求，即基本包含页面的标题、简介等，那么只需要将title和description的信息与og属性信息一致就可以了，如dedecms模板中使用：

<meta property=”og:title” content=”{dede:field.title/} ” />（{dede:field.title/}是dedecms页面title调用标签）；

如果想完全自定义og属性，如增加视频链接、尺寸长宽等，那么需要单独增加字段进行调用了（涉及到程序二次开发，这里不说了）

注意事项：

1、 如果你发现使用seo检测工具检测到Meta Property=og报错，别管它，没事儿。这种操作是有利于seo的，是工具没见过世面。

2、 调整模板代码的时候，写了<meta property=”og:description”同样要写<META name=”Description”，两种属性不同，要单独使用。