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

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

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

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

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

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

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

▲ 向左滑动代码框看更多内容，试试

后面紧跟着的就是元素的类型了，有标题 title、 网站名 site_name、网页类型 type、网址 url、图片 image、摘要 description 等等。

更多类型可以到以下网址查询。

Facebook Open GraphThe Open Graph Protocol 官网

因为 OG 标签是专用于社交媒体优化的，是独立的一套标签，Google 等搜索引擎会识别并忽略（当然了，丰富的 OG 标签对 SEO 是有加持的作用的）。这样呢，我们就可以个性化的创建一套独立的适合社交分享的文案，如带 Emoji 的标题、鬼畜的图片，而不会影响到正常的 SEO 效果，是不是很棒？

• 如果是用 WordPress 等建站程序

虽然 Facebook 提供了

Facebook Open Graph Debugger 在线检测工具

但我还是推荐下面这个 All In One 的在线检测工具。

KnowEm Social Media Optimization (SMO) Tool

阿狸觉得你该收藏这篇文章，以后如果再有建站小哥问你：“Open Graph 标签干嘛用的？”请将这篇文章甩给他，哈哈！

好久没写那么长的文章了，累死了，让我歇会儿。

瓦特研究所 | 阿狸 原创 No. 004

公众号 ID：WateLab