网站SEO优化--Google搜索结果的右侧缩略图通过OG协议标签设定

在 HTTP 头部经常能看到一些 og:type、og:title、og:image 的 meta 标签。这些 OG 是什么东西？有什么用？ OG 是开放内容协议(Open Graph Protocol)的简称，由 Facebook 在 2010 年后公布，目前已有百度、谷歌、YouTube 和推特等主流搜索引擎或社交网站支持，是非常好的 SEO 优化工具。

<meta property="og:locale" content="zh_CN" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://xxxx" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="https://XXXXX" />
<meta property="og:updated_time" content="2018-02-13T14:02:21+08:00" />
<meta property="og:site_name" content="" />

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="XXXXX  "/>
<meta property="og:image" content="https://xxxxxx"/>
省略.....
<meta property="og:type" content="video"/>
<meta property="og:title" content="XXXXX "/>
<meta property="og:image" content="https://xxxxx"/>
省略.....


第二点：
我们知道 og:type 可以用来标注网页的类型，在 WordPress 方面，一般首页、列表页会使用 website 文章页一般用 article 下面是具体例子：

网站首页
<meta property="og:type" content="website" />
列表页：
<meta property="og:type" content="article" />

google搜索结果的右侧缩略图，就是通过og:image设定的。

本文 跨境啦 原创，转载保留链接！网址：https://www.tradela.cn/外贸营销/16.html