og属性优化教程，什么是og标签

向右看齐 2024-04-03 14:00 66阅读 0赞

> og标签很拉风的样子。

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

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

![og属性优化教程，什么是og标签\_og标签][og_og_og]

关于og的各种标签

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

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

发现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模板中使用：

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

**注意的事项：**

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

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

[og_og_og]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/58af64a2b56a436495ea95f74831e5ce.jpeg