最全open graph protocol（开放图谱协议） 介绍操作指南

1.什么是open graph protocol

2.open graph protocol 的重要性

3.如何设置open graph protocol

4.测试调试open graph protocol

什么是open graph facebook（facebook开放图谱）

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

说了这么久，那么到底是什么呢？看下图两个对比图，一个是有设置open graph protocol,一个没有，通过对比，我们可以看出，有设置的，会在页面上完美展现出 标题/图片/描述/url等，但是没有设置的就没有了，只是一条URL，然后会显示标题跟图片URL。两者一对比，有设置OG协议稳稳的赢了几条街了。大家可以自己去随便分享一下自己网站的链接看一看，是否有设置，或者是使用 https://www.woorank.com/中的structured data 看一下有没有，PS 这个网站还可以检查自己的网站有什么其他问题之类的

有设置OG协议的

没有设置OG协议的

为什么需要设置OG协议？

看了上图OG的介绍，我们应该知道，SNS是当前必不可少的一部分了，如果分享出去的链接长成那个样子，想必后面的营销效果也会大打折扣，所以独立站网站应该要设置OG协议，OG协议不仅支持Facebook，还支持大部分的SNS，比如twitter，LinkedIn，pinterest等等都是认这个OG协议的。所以没有设置OG协议的社交媒体营销者要赶快动手搞起来。

如何设置open graph protocol

那么要如何设置呢？

如果你的建站系统是用wordpress，那么直接安装yoast seo插件就可以了，直接设置就可以了。

如果是在Shopify中设置Open Graph标签呢？

大多数Shopify主题从变量中提取OG标签，比如你的标题标签为og:title，特色图片为og:image。您可以通过Shopify的用户界面自定义的唯一标签是全站的og:image。转到 Online Store > Themes > Customize > Theme settings > Customize > Social media > select an appropriate image.设置即可。

如果是WIX呢？

在Wix中设置Open Graph标签

Wix从其他变量中提取常见的OG标签，比如页面的元标题和描述。你可以在 “社交分享 “设置中自定义每个页面的OG标题、描述和图片。

您还可以设置自定义全站的OG图片。进入主菜单上的 “设置”>”社交分享”。

总的来说，Wix添加OG标签超级简单，因为不需要编码。

如果是opencart?找你家的程序员搞吧。

测试调试open graph protocol​设置完成OG协议，接下来就是要测试一下是否成功了。使用以下工具进行测试：

Facebook Sharing Debugger

Twitter Card Validator

LinkedIn Post Inspector

如果网站有好几百个页面了，可以使用 https://ahrefs.com/site-audit进行检查，看一看页面有什么问题之类，也可以使用其他的SEO工具进行检测。