News

Discover more

OG协议——Open Graph Protocol(开放内容协议)

  • 发布时间: 2020-10-12 10:45:55
  • 发布人: admin
  • 分类: 交互与设计

OG协议——Open Graph Protocol(开放内容协议)

最近在写一个手机端页面时有个需求,就是Safari分享页面到其他社交软件时需要设置分享缩略图,第一次接触,有点没思路。第一时间去万能的百度搜了一下没找到,多是写微信分享的相关信息。后来找了个官网查了下源码发现了突破点,经过关键词搜索终于知道这是啥了。需求顺利完成,这个新知识点也get到了。

关键词:OG协议——Open Graph Protocol(开放内容协议)

一、什么是 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协议对百度收录的好处:

  1. 能够正确被蜘蛛抓取您的内容到百度网页搜索 
  2. 帮助您的内容更有效的在百度结构化展现 
  3. 按照您网页的类型,在中添加入meta标签,并填上相应的内容

主要标签属性编辑

基于Metatags的规格,使用  标签
og:title 标题
og:type 类型,常用值:article book movie
og:image 略缩图地址
og:url 页面地址
og:description 页面的简单描述
og:site_name 页面所在网站名
og:videosrc 视频或者Flash地址
og:audiosrc 音频地址


相关文章

CSS根据屏幕分辨率宽度自动适应

Css怎么实现通过读取屏幕分辨率来显示,第一种是js,第二种还可以通过css,尽

查看全文

如何设计出一个优秀的网站

查看全文

交互设计心理学之古腾堡原则

在平时的设计过程当中,你是否有这样的疑惑?为什么在大部分APP中,当单个按钮和多

查看全文