Open Graph Data

710 阅读2分钟

Open Graph Protocol

Open Graph Protocol(开放图谱协议),简称 OG 协议。它是 Facebook 在 2010 年 F8 开发者大会公布的一种网页元信息(Meta Information)标记协议,属于 Meta Tag (Meta 标签)的范畴,是一种为社交分享而生的 Meta 标签,用于标准化网页中元数据的使用,使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。它允许在 Facebook 上,其他网站能像 Facebook 内容一样具有丰富的“图形”对象,进而促进 Facebook 和其他网站之间的集成。 该协议就是用来标注页面的类型和描述页面的内容。 举个简单的例子,当我们分享一个链接(URL)给朋友时,在有的 App 上它只是一个链接,而在有的 APP 上,他却可以包含标题、图片、描述等信息。 像钉钉、WhatsApp、Twitter、Facebook 等社交软件,都会根据链接去抓取你给定 URL 的内容,以确定要包含哪些属性来进行共享展示。对于同一 URL,在不同的APP里面展示效果也不一样。

添加 OG 协议

  • og:title - 指定想要在共享时展示的标题。
  • og:type- 对象的类型,例如“video.movie”。
  • og:image - 一个图片 URL。
  • og:url - 指定想要共享的 URL/当前页面的 URL(可以是短链接)。
  • og:site_name - 整个网站的名称。
  • og:description - 页面的描述,最多 65 个字符
<!-- Place this data between the <head> tags of your website -->

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="example" />

eg: www.apple.com/

Tips

  • 并不是common浏览器自动解析的属性,是各大App通过爬虫自己爬取的
  • 对于公司所在的内网环境,这些内网服务有的是需要登录的,如果分享到app里面,app的爬虫识别到自己公司的黑名单(比如内网登录链接),就不会继续爬取了,就不会有效果了。(为什么不会爬取,是安全考虑