OG协议——Open Graph Protocol(开放内容协议)
最近在写一个手机端页面时有个需求,就是Safari分享页面到其他社交软件时需要设置分享缩略图,第一次接触,有点没思路。第一时间去万能的百度搜了一下没找到,多是写微信分享的相关信息。后来找了个官网查了下源码发现了突破点,经过关键词搜索终于知道这是啥了。需求顺利完成,这个新知识点也get到了。
关键词:OG协议——Open Graph Protocol(开放内容协议)
阿里云活动页源码:
1 | <meta property="og:title" content="双11红包来啦" /> |
一、什么是 OG协议
Open Graph Protocol 本身是一套 Metatags 的规范,用来标注页面的类型和描述页面的内容。由 Facebook 在2010年F8会议上公布。
二、如何参与Open Graph Protocol
og标签是一种新的http头部标记,即Open Graph Protocol(开放内容协议)。在页面添加这种协议可以让网页成为一个“富媒体对象”,表示同意网页内容可以被其他社会化网站引用等。
目前Facebook、人人等SNS网站都支持该协议。任何网页只要遵守该协议,SNS网站就能从页面上提取最有效的信息并呈现给用户;也能让SNS网站按照页面上og标签规定的内容呈现给用户。
三、参与到Open Graph Protocol的好处
能够正确的分享您的内容到SNS网站
帮助您的内容更有效的的在SNS网站中传播
SNS 已经成为网络上的一大热门应用,优质的内容通过分享在好友间迅速传播。为了提高站外内容的传播效率,2010年F8会议上 Facebook 公布了一套开放内容协议 (Open Graph Protocol)
,任何网页只要遵守该协议,SNS 就能从页面上提取最有效的信息并呈现给用户。
四、是否会对百度收录造成影响
增加的og标签是可以被搜索引擎发现并评估权重的,也就是说你将原有meta信息优化手段同时使用到og标签当中,加强meta信息优化内容;对于权重提升和排名还是很有利的。
目前百度支持OG协议。按照百度的标准添加og标签是参与百度星火计划的前提条件之一。
参与OG协议对百度收录的好处:
- 能够正确被蜘蛛抓取您的内容到百度网页搜索
- 帮助您的内容更有效的在百度结构化展现
- 按照您网页的类型,在中添加入meta标签,并填上相应的内容
主要标签属性编辑
基于Metatags的规格,使用 <meta property="og:xx" />
标签og:title
标题og:type
类型,常用值:article
book
movie
og:image
略缩图地址og:url
页面地址og:description
页面的简单描述og:site_name
页面所在网站名og:videosrc
视频或者Flash地址og:audiosrc
音频地址