189 8069 5689
在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。
站在用户的角度思考问题，与客户深入沟通，找到大余网站设计与大余网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计制作、成都网站制作、企业官网、英文网站、手机端网站、网站推广、域名注册、雅安服务器托管、企业邮箱。业务覆盖大余地区。
本篇讲讲如何进行 SEO 优化。
借助 vuepress-plugin-sitemap 生成站点地图：
yarn add vuepress-plugin-sitemap -D
// .vuepress/config.js
module.exports = {
plugins: {
'sitemap': {
hostname: 'https://ts.yayujs.com'
},
}
}
如果 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();
}
}
],
[
'sitemap',
{
hostname: 'https://ts.yayujs.com'
}
]
]
}
如果 build 成功，我们则会在 dist 目录里看到一个 sitemap.xml，大致类似于这种结构：
https://ts.yayujs.com/learn-typescript/
2022-01-05T16:00:00.000Z
daily
https://ts.yayujs.com/learn-typescript/handbook/ConditionalTypes.html
2022-01-05T16:00:00.000Z
daily
我们部署到服务器上，就可以获得一个 sitemap 地址，比如我的就是：
https://ts.yayujs.com/learn-typescript/sitemap.xml
有了这样一个 sitemap 地址，我们可以方便的提交给各个搜索引擎平台，方便根据 sitemap 抓取我们的页面。
登陆百度搜索资源平台，进入用户中心：
点击「添加站点」，可能需要你完善下账户信息，然后会进入站点信息填写页面，分为三步：
第一步：输入站点
第二步：站点属性
第三步：验证网站
之所以需要验证网站，是为了证明你是该域名的拥有者，验证成功后，可以快捷批量添加子站点，查看所有子站数据，无需再一一验证子站点。
这里我采用的是 HTML 标签验证的方式，根据图中的代码指示，修改 vuepress 的 config.js 文件：
// config.js
module.exports = {
title: "title",
description: 'description',
head: [
['meta', { name: 'baidu-site-verification', content: '填写自己的 code' }]
]
}
然后点击「完成验证」，就会出现：
点击「我知道了」，就会跳转到 HTTPS 认证这里：
等待一天后，会显示认证成功：
在站点管理页面，点击「普通收录」：
普通收录工具可以向百度搜索主动推送资源，缩短爬虫发现网站链接的时间，不保证收录和展现效果。
这里提供了三种方式收录：API 提交、sitemap、手动提交，那该如何选择呢？参考平台工具使用手册：
API推送：最为快速的提交方式，建议您将站点当天新产出链接立即通过此方式推送给百度，以保证新链接可以及时被百度收录。
sitemap：您可以定期将网站链接放到Sitemap中，然后将Sitemap提交给百度。百度会周期性的抓取检查您提交的Sitemap，对其中的链接进行处理，但收录速度慢于API推送。
手动提交：如果您不想通过程序提交，那么可以采用此种方式，手动将链接提交给百度。
这里我选择的是 sitemap 方式，填写上节获得的 sitemap 地址：
提交后，就会进入等待抓取状态：
访问 search.google.com，如果你之前没有添加过站点，会直接让你添加站点：
这里我选择的是「网域」，输入域名后，会让你进行 DNS 验证：
由于我是在万网购买的域名，所以直接访问阿里云域名控制台，然后选择对应的域名点击 「解析」：
然后点击「添加记录」：
记录类型选择TXT，记录值填写 Google 提供的内容：
添加完后，由于 DNS 解析需要一段时间，最好等个几分钟后再进行验证，验证成功后会进入站点后台：
点击左侧导航栏「网站检查」，输入要检查的域名，如果没有收录到 Google 中，点击「请求编入索引」：
在测试完实际网址可否可编入索引后，就会出现：
可以在谷歌搜索栏使用 site:域名, 来确认站点是否已被谷歌收录
登陆 360 站长平台：
除了这三个平台之外，还有 Bing 站长、搜狗站长、神马站长，操作基本类似，就不多说了。
博客搭建系列是我至今写的唯一一个偏实战的系列教程，预计 20 篇左右，讲解如何使用 VuePress 搭建、优化博客，并部署到 GitHub、Gitee、私有服务器等平台。本篇为第 27 篇，全系列文章地址：https://github.com/mqyqingfeng/Blog
微信：「mqyqingfeng」，加我进冴羽唯一的读者群。
如果有错误或者不严谨的地方，请务必给予指正，十分感谢。如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。