VuePress博客SEO优化第五步：如何添加JSON-LD数据？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1654个文字，预计阅读时间需要7分钟。
前言 在《一篇带你用VuePress+Github Pages 搭建博客》中，我们使用VuePress搭建了一个博客，最终效果查看：TypeScript 中文文档。本篇讲SEO中的JSON-LD。JSON-LD 如果我们打开掘金任意一篇文章，可以看到这样的结构：
json{ @context: https://schema.org, @type: Article, mainEntityOfPage: { @type: WebPage, @id: https://juejin.cn/post/6955175884355364375 }, headline: VuePress + Vite + Element Plus 打造全栈博客, image: https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0b0a6f6a6f6a4a0a9c393e5b8f6a6f1a~tplv-k3u1fbpfcp-zoom-1.image, author: { @type: Person, name: 前端小智 }, datePublished: 2021-06-01T10:00:00+08:00, dateModified: 2021-06-01T10:00:00+08:00, description: VuePress + Vite + Element Plus 打造全栈博客}
这段代码就是JSON-LD，它可以帮助搜索引擎更好地理解网页内容，从而提高搜索引擎排名。
本文共计1654个文字，预计阅读时间需要7分钟。
前言 在《一篇带你用VuePress+Github Pages 搭建博客》中，我们使用VuePress搭建了一个博客，最终效果查看：TypeScript 中文文档。本篇讲SEO中的JSON-LD。JSON-LD 如果我们打开掘金任意一篇文章，可以看到这样的结构：
json{ @context: https://schema.org, @type: Article, mainEntityOfPage: { @type: WebPage, @id: https://juejin.cn/post/6955175884355364375 }, headline: VuePress + Vite + Element Plus 打造全栈博客, image: https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0b0a6f6a6f6a4a0a9c393e5b8f6a6f1a~tplv-k3u1fbpfcp-zoom-1.image, author: { @type: Person, name: 前端小智 }, datePublished: 2021-06-01T10:00:00+08:00, dateModified: 2021-06-01T10:00:00+08:00, description: VuePress + Vite + Element Plus 打造全栈博客}
这段代码就是JSON-LD，它可以帮助搜索引擎更好地理解网页内容，从而提高搜索引擎排名。