OpenGraph是一个互联网协议，最初由Facebook创建，用于规范网页中元数据的使用，使社交媒体能够使用丰富的“图形”对象来表示共享页面内容。看到这个标题，你可能会疑惑，什么是TheOpenGraph协议？为什么我们似乎很少见到它？到底有什么好处呢？确实，对于很多前端开发者来说，开放图谱协议（TheOpenGraphprotocol）是一个比较陌生的概念。什么是开放图谱协议（OpenGraphProtocol）开放图谱协议（OpenGraphProtocol），简称OG协议。是Facebook在2010年F8开发者大会上公布的一种网页元信息（MetaInformation）标签协议。属于元标签（Metatag）的范畴。在社交媒体中使用元数据使社交媒体能够用丰富的“图形”对象表示共享页面内容。它允许Facebook上的其他站点拥有丰富的“图形”对象，如Facebook内容，促进Facebook和其他站点之间的集成。简单的说，这个协议就是用来标记页面的类型，描述页面的内容。它的灵感来自DublinCore、link-relcanonical、Microformats和RDFa，尽管存在这些不同的技术和模式并且可以组合在一起，但没有一种技术能够提供足够的信息来丰富地表示社交图中的任何网页。OpenGraph协议建立在这些现有技术的基础上，以开发人员使用的简单性为主要目标，并为开发人员提供了一种实现，可以为许多技术设计决策提供信息。看了这么多，好像还是不太明白什么是OpenGraphProtocol？举个简单的例子，当我们和朋友分享一个链接（URL）时，在有的APP上只是一个链接，但是在有的APP上，可以包含标题、图片、描述等，如下图信息：飞书、WhatsApp、Twitter、Facebook等社交软件，会根据链接抓取你给定URL的内容，决定包含哪些属性进行分享展示。您可以通过在页面的头部代码中包含og:tags来显式定义属性；如果没有这些明确定义的信息，这些社交软件会在完成对给定URL的页面抓取后推断出属性，然后使用这些属性信息组装分享框并呈现。其实这一切也取决于具体APP的实现（是否会根据URL抓取内容）。同一个URL，我们可以看看飞书和微信的不同形式：微信：飞书：为什么要用OG协议？我们知道构建内容和维护网站通常很耗时，我们当然希望我们的内容在社交分享时脱颖而出。我们先看一下有无OG协议解析同一个链接的区别：无OpenGraph协议：此时社交软件正确获取了页面的标题和描述，但包含的信息有限，看起来不像被诱惑。当有OpenGraph协议时：互联网上的内容通常至少有一个目标——与他人分享。如果您只是将它发送给朋友，那么它是否是OpenGraph许可证可能并不重要。但是，如果您想运行它、分享它或希望它被共享、在具有丰富预览功能的任何社交网络或应用程序上传播，您希望该预览能够吸引尽可能多的人。像下面这样丰富而有效的信息将有助于鼓励人们点击您的内容。如果您的内容未使用OpenSpectrogram协议进行标记，会发生什么情况？也许不是针对网站内容，但您的内容将很难从互联网上过多的其他内容中脱颖而出。如果网页采用OG协议，分享结果会结构化展示，这样在网站链接分享时，内容展示会更丰富，网站转化率也会提高。如何为网站添加OG协议基础属性要将您的网页转化为可控的结构化图形对象，您需要在页面中添加基础元数据。四个基本的OpenGraph标签是：og:title-指定共享时要显示的标题。这通常与您网页的
