VuePress 博客之 SEO 优化（一） sitemap 与搜索引擎收录

冴羽yayujs

于 2022-03-11 16:18:27 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：博客搭建文章标签：搜索引擎 javascript 前端

本文链接：https://blog.csdn.net/weixin_55475226/article/details/123427925

本文介绍了如何使用VuePress进行SEO优化，包括生成sitemap、提交百度、谷歌和360搜索引擎收录的步骤。通过vuepress-plugin-sitemap插件创建sitemap.xml，并在各平台验证和提交，加速网站的收录。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

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

本篇讲讲如何进行 SEO 优化。

1. 生成 sitemap

借助 vuepress-plugin-sitemap 生成站点地图：

1.1 安装

yarn add vuepress-plugin-sitemap -D

1.2 修改 config.js

// .vuepress/config.js
module.exports = {
   
   
  plugins: {
   
   
    'sitemap': {
   
   
      hostname: 'https://ts.yayujs.com'
    },
  }
}

1.3 如果生成失败

如果 build 的时候，生成失败：

这可能是因为你设置了 lastUpdated 或者使用了 @vuepress/last-updated插件，当两个一起用的时候，因为时间对象的缘故，产生了报错，我们搜索 vuepress-plugin-sitemap 的 issues，可以找到一个解决方法，我们修改一下 config.js：

// .vuepress/config.js
module.exports = {
   
   
  plugins: [
    [
      '@vuepress/last-updated',
      {
   
   
        transformer: (timestamp, lang) => {
   
   
          return new Date(timestamp).toLocaleDateString(