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

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

本篇讲讲如何进行 SEO 优化。 vuepress-plugin-sitemap 生成站点地图：

一个解决方法，我们修改一下 config.js：

// .vuepress/config.js
module.exports = {
  plugins: [
    [
      '@vuepress/last-updated',
      {
        transformer: (timestamp, lang) => {
          return new Date(timestamp).toLocaleDateString();
        }
      }
    ],
    [
      'sitemap',
      {
        hostname: 'https://ts.yayujs.com'
      }
    ]
  ]
}

百度搜索资源平台，进入用户中心：

点击「添加站点」，可能需要你完善下账户信息，然后会进入站点信息填写页面，分为三步：

第一步：输入站点

第二步：站点属性

第三步：验证网站

之所以需要验证网站，是为了证明你是该域名的拥有者，验证成功后，可以快捷批量添加子站点，查看所有子站数据，无需再一一验证子站点。

这里我采用的是 HTML 标签验证的方式，根据图中的代码指示，修改 vuepress 的 config.js 文件：

// config.js
module.exports = {
    title: "title",
    description: 'description',
    head: [
        ['meta', { name: 'baidu-site-verification', content: '填写自己的 code' }]
    ]
}

然后点击「完成验证」，就会出现：

点击「我知道了」，就会跳转到 HTTPS 认证这里：

等待一天后，会显示认证成功：
平台工具使用手册：

API推送：最为快速的提交方式，建议您将站点当天新产出链接立即通过此方式推送给百度，以保证新链接可以及时被百度收录。

sitemap：您可以定期将网站链接放到Sitemap中，然后将Sitemap提交给百度。百度会周期性的抓取检查您提交的Sitemap，对其中的链接进行处理，但收录速度慢于API推送。

手动提交：如果您不想通过程序提交，那么可以采用此种方式，手动将链接提交给百度。

这里我选择的是 sitemap 方式，填写上节获得的 sitemap 地址：

提交后，就会进入等待抓取状态：
search.google.com，如果你之前没有添加过站点，会直接让你添加站点：
阿里云域名控制台，然后选择对应的域名点击 「解析」：

然后点击「添加记录」：

记录类型选择TXT，记录值填写 Google 提供的内容：

添加完后，由于 DNS 解析需要一段时间，最好等个几分钟后再进行验证，验证成功后会进入站点后台：

360 站长平台：
Bing 站长、搜狗站长、神马站长，操作基本类似，就不多说了。

https://github.com/mqyqingfeng/Blog

微信：「mqyqingfeng」，加我进冴羽唯一的读者群。

如果有错误或者不严谨的地方，请务必给予指正，十分感谢。如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。

若有收获，就点个赞吧

0 人点赞