VuePress博客SEO优化第四篇：如何应用Open Graph协议提升搜索引擎可见度？

本文共计1442个文字，预计阅读时间需要6分钟。

前言+在《一篇带你用VuePress+Github Pages 搭建博客》中，我们使用VuePress搭建了一个博客，最终效果查看：TypeScript 中文文档。+本篇讲解SEO优化中的Open Graph protocol。+meta 标签

前言

在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。

本篇讲讲 SEO 优化中的 Open Graph protocol。

meta 标签

如果我们打开思否任意一篇文章，比如这篇《VuePress 博客优化之增加 Vssue 评论功能》，查看 DOM 元素，我们可以在 head 中找到这样一段 meta 标签：

我们可以发现 name 都是以 og: 开头，这是什么意思呢，又是什么作用呢？

其实这是 Facebook 提出的 Open Graph Protocol，官方地址：ogp.me/，用来标注页面类型和描述页面内容，从而方便在社交媒体中进行传播。