怎样设置Meta标签、Title标签？

看完以下文章后了解到的：

Open Graph Protocol^[1]

Open Graph Protocol（开放内容协议），简称 OG 协议或 OGP。它是 Facebook 在 2010 年 F8 开发者大会公布的一种网页元信息（Meta Information）标记协议，是一种制定一套Metatags的规格，用来标注你的页面，即这种协议可以让网页成为一个富媒体对象。是一种 Meta 标签。作用就是为社交分享而生的 Meta 标签。它是目前社交媒体优化（SMO）的基本操作。

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

因为头条搜索是主营移动端搜索，因此在索引站点时额外关注og标签，如果有og标签即会呈现在站点左侧。因此我们要想让主站点在头条搜索或搜狗有logo配图的话，可以加入og:image标签，即可达到无需提交审核即可随意更换、呈现主站配图的效果~

OG 协议有什么作用？

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

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

如何运用

类型常用值:article book movie

▲ 这样添加页面OG标签

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

The Open Graph Protocol 官网https://ogp.me

分享效果

可以看到，标题为：【我们启用了更多新域名！-教程与解决方案 | Fuyeor Docs 】的文章未添加OG标签将被识别为错误信息【教程与解决方案 | Fuyeor Docs】，而加入了OG标签则去除了较长的站点名称【教程与解决方案 | Fuyeor Docs】，直接是我们启用了更多新域名！，比较简洁。

在这测试一下是不是这样。

未加入OG协议的页面在插入社交网站、分享时经常无法匹配到正确的标题和文章图片，而加入了OG协议的页面将正确地显示标题、题图和摘要信息，进一步丰富了多媒体内容，使得浏览者更容易点击。我们启用了更多新域名!未加入OG协议的页面在插入社交网站、分享时经常无法匹配到正确的标题和文章图片，而加入了OG协议的页面将正确地显示标题、题图和摘要信息，进一步丰富了多媒体内容，使得浏览者更容易点击。

对 SEO 的影响

参与到Open Graph Protocol的好处：

● 能够正确被蜘蛛抓取您的内容到百度网页搜索● 帮助您的内容更有效的在百度结构化展现

网页添加OG标签后，百度移动端会参考OG标签给你的页面文章配图，而头条搜索和移动端搜狗会直接将OG:IMAGE的图片配到你的站点上，用户体验较好。

可进行验证：先查看某一网站的OG:IMAGE标签，随后在搜狗移动端和头条搜索中查看，会发现网站配图就是OG:IMAGE里的图片。而没有OG协议的网站搜索引擎则会在文章内选一张图片作为题图。

添加 OG 标签

WordPress

外观>自定义>常规>访客参与度>Opengraph Meta Data>开启

其他网页

在网页标签内添加一组如下代码，其中代码的描述替换为具体的描述。

参考

1. ^什么是 Open Graph Protocol Meta 标签？https://docs.fuyeor.com/what-is-opengraph-meta