什么是 Open Graph 标签？不懂你还做什么社交营销优化？！

Hi，我是阿狸，瓦特研究所的所长。

Open Graph 标签是社交媒体优化（SMO）的标配，作为社交媒体营销者怎能不了解呢？

不好意思，今天标题党了一把，实际也没那么严重，咳咳。

话不多少，直入主题。

什么是 Open Graph Protocol？

Open Graph Protocol（开放图谱协议），简称 OG 协议或 OGP。它是 Facebook 在 2010 年 F8 开发者大会公布的一种网页元信息（Meta Information）标记协议，属于 Meta Tag （Meta 标签）的范畴，是一种为社交分享而生的 Meta 标签。

和阿狸一样从事数字营销推广的猫友一定不会陌生，它可是目前社交媒体优化（SMO）的标配了哦，只要你在 Facebook、Pinterest、Twitter 和 Google Plus 等社交平台混就不能不用到它。

为了让信息内容加速流动和准确呈现，Facebook 早年极力推动这个协议，到目前几乎主流的社交媒体网站都支持 OG 协议。包括 Twitter、Pinterest、LinkedIn 和 Google+ 都可以识别 OG 协议。虽然 Twitter 也有自家的 Twitter Cards 协议，但是 Twitter 只要发现网页上没有使用自家的协议，就会用 OG 协议代替。国内的百度、360 搜索、微博、微信、人人网等也支持该协议。

Facebook 牢牢把持着海外社交的大部分流量，大家都不得不向大佬低头了（开个玩笑）。

OG 协议有什么作用？

OG 协议是通过 OG Tags （OG 标签）实现的，它属于 Meta 标签的一种，可以用来标识网页类型和元素，让分享到社交网络的内容可以被有效的抓取，还可以控制我们想呈现的内容。

等等，你一直说 Meta 标签是什么？能说人话吗？好的老板…

比如说，网页里 AAA 是标题，但是社交平台或搜索引擎它傻啊，分不清哪个是哪个，所以你得定义个 Meta 标签帮助它确认 AAA 是标题，BBB 是描述，CCC 是网址，DDD 是图片诸如此类。而 OG 标签是为社交分享而生的，当然现在影响范围不仅于此了，手机移动 App 也运用上了。

OG 标签长什么样？

下面就是一段 OG 标签的例子。只要看到以 og: 为前缀的 Meta 标签就可以判断该网页支持 OG 标签了。

<meta property="og:title" content="什么是 Open Graph 标签？不懂你还做什么社交营销优化？！"> <meta property="og:site_name" content="瓦特研究所"> <meta property="og:type" content="article"> <meta property="og:url" content="http://www.watelab.com/what-is-open-graph-tags/"> <meta property="og:image" content="http://www.watelab.com/uploads/cover-004.jpg"> <meta property="og:description" content="Open Graph Protocol（开放图谱协议），简称 OG 协议或 OGP。">