翻看一些主流网址的网页源代码，在 HTTP 头部经常能看到一些 og:type、og:title、og:image 的 meta 标签。这些 OG 是什么东西？有什么用？针对这些问题，虫子菌为你整理了以下资料。
OG 协议是什么
<meta property="og:locale" content="zh_CN" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://wangejiba-img.huashengls.com/wp-content/uploads/2019/10/2019103123321793.jpg" /> <meta property="og:title" content="WordPress函数：get_bloginfo()、bloginfo()获取博客的常规设置 - 玩个机吧" /> <meta property="og:description" content="函数get_bloginfo()和bloginfo()，可以获取 WordPress 用户资料与常规设置中的信息，例如博客标题、博客地址url、WordPress版本等。get_bloginfo()返回字符串用以调用，bloginfo()带有echo性质能立即输出。" /> <meta property="og:url" content="https://wangejiba.com/4685.html" /> <meta property="og:updated_time" content="2019-11-01T19:18:03+08:00" /> <meta property="og:site_name" content="玩个机吧" />
以玩个机吧一篇文章为例，添加 OG 协议后在网页源代码头部 head 标签会有如上效果。
这些 OG 是开放内容协议(Open Graph Protocol)的简称，由 Facebook 在 2010 年后公布，目前已有百度、谷歌、YouTube 和推特等主流搜索引擎或社交网站支持，是非常好的 SEO 优化工具。
OG 协议常用值
og:locale //网站语言 og:type //类型 (常用值:website；article；book；movie) og:title //标题 og:description //页面的简单描述 og:url //当前内容链接 og:video //视频 og:audio //音频 og:photo //图片 og:product //产品 og:image //缩略图 og:link //链接 og:site_name //页面所在网站名 og:audiosrc //音频地址 rr:appid //如果您的网站是CONNECT到renren.com的，请提供该ID og:videosrc //视频资源链接，例如可是播放视频的flash地址 og:width //视频、图片的宽度 og:height //视频、图片的高度 og:artist //音乐家 og:contentid //内容主体的ID，用来标识当前页面主要内容所处的HTML标签的ID og:price //产品价格 og:nick //店铺名 og:postfee //运费
要注意两点
第一点：
一个网页可以重复同样的 meta 标签，一般使用 og:type 标签将其分割，也就是 og:type 标签是每一段内容的起始处，下面是具体例子：
<meta property="og:type" content="video"/> <meta property="og:title" content="网站SEO优化视频教程第一部 - 玩个机吧"/> <meta property="og:image" content="https://baidu.com/2019103123321793.jpg"/> 省略..... <meta property="og:type" content="video"/> <meta property="og:title" content="聊聊我的网站搭建方法第三部 - 玩个机吧"/> <meta property="og:image" content="https://baidu.com/3000103123321663.jpg"/> 省略.....
第二点：
我们知道 og:type 可以用来标注网页的类型，在 WordPress 方面，一般首页、列表页会使用 website 文章页一般用 article 下面是具体例子：
网站首页、列表页：
<meta property="og:type" content="website" />
网站文章页：
<meta property="og:type" content="article" />
WordPress 添加 OG 协议标签方法
通过纯代码或插件都可以为你的 WordPress 添加 OG 协议标签，常见的插件一般是 Yoast SEO 或者 The SEO Framework（The SEO Framework 的性能比较好，带有缓存功能）
如何使用纯代码添加呢？虫子菌下面提供一份代码，将其添加到 WordPress 主题的 header.php 文件的 head 标签内。
//WordPress SEO优化：添加OG协议标签(仅文章页)
//https://wangejiba.com/4687.html
if (is_singular()) {
<meta property="og:locale" content="zh_CN" />
<meta property="og:type" content="acticle">
<meta property="og:title" content="<?php wp_get_document_title();?>">
<meta property="og:site_name" content="<?php bloginfo('name');?>">
<meta property="og:description" content="<?php the_excerpt();?>">
<meta property="og:url" content="<?php the_permalink();?>"/>
<meta property="og:image" content="<?php wpjam_post_thumbnail();?>">
}
