共计 2956 个字符，预计需要花费 8 分钟才能阅读完成。
前言
在《一篇带你用 VuePress + Github Pages 搭建博客》中，咱们应用 VuePress 搭建了一个博客，最终的成果查看：TypeScript 中文文档。
本篇讲讲如何进行 SEO 优化。
1. 生成 sitemap
借助 vuepress-plugin-sitemap 生成站点地图：
1.1 装置
yarn add vuepress-plugin-sitemap -D1.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();}
}
],
[
'sitemap',
{hostname: 'https://ts.yayujs.com'}
]
]
}1.4 build 胜利
如果 build 胜利，咱们则会在 dist 目录里看到一个 sitemap.xml，大抵相似于这种构造：
<?xml version="1.0" encoding="utf-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
<url>
<loc>https://ts.yayujs.com/learn-typescript/</loc>
<lastmod>2022-01-05T16:00:00.000Z</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://ts.yayujs.com/learn-typescript/handbook/ConditionalTypes.html</loc>
<lastmod>2022-01-05T16:00:00.000Z</lastmod>
<changefreq>daily</changefreq>
</url>
</urlset>1.5 sitemap 地址
咱们部署到服务器上，就能够取得一个 sitemap 地址，比方我的就是：
https://ts.yayujs.com/learn-typescript/sitemap.xml有了这样一个 sitemap 地址，咱们能够不便的提交给各个搜索引擎平台，不便依据 sitemap 抓取咱们的页面。
2. 百度收录
2.1 增加站点
登陆百度搜寻资源平台，进入用户核心：
点击「增加站点」，可能须要你欠缺下账户信息，而后会进入站点信息填写页面，分为三步：
第一步：输出站点
第二步：站点属性
第三步：验证网站
之所以须要验证网站，是为了证实你是该域名的拥有者，验证胜利后，能够快捷批量增加子站点，查看所有子站数据，无需再一一验证子站点。
这里我采纳的是 HTML 标签验证的形式，依据图中的代码批示，批改 vuepress 的 config.js 文件：
// config.js
module.exports = {
title: "title",
description: 'description',
head: [['meta', { name: 'baidu-site-verification', content: '填写本人的 code'}]
]
}而后点击「实现验证」，就会呈现：
点击「我晓得了」，就会跳转到 HTTPS 认证这里：
期待一天后，会显示认证胜利：
2.2 提交收录
在站点治理页面，点击「一般收录」：
一般收录工具能够向百度搜寻被动推送资源，缩短爬虫发现网站链接的工夫，不保障收录和展示成果。
这里提供了三种形式收录：API 提交、sitemap、手动提交，那该如何抉择呢？参考平台工具使用手册：
API 推送： 最为疾速的提交形式，建议您将站点当天新产出链接立刻通过此形式推送给百度，以保障新链接能够及时被百度收录。
sitemap： 您能够定期将网站链接放到 Sitemap 中，而后将 Sitemap 提交给百度。百度会周期性的抓取查看您提交的 Sitemap，对其中的链接进行解决，但收录速度慢于 API 推送。
手动提交： 如果您不想通过程序提交，那么能够采纳此种形式，手动将链接提交给百度。
这里我抉择的是 sitemap 形式，填写上节取得的 sitemap 地址：
提交后，就会进入期待抓取状态：
3. 谷歌收录
3.1 增加站点
拜访 search.google.com，如果你之前没有增加过站点，会间接让你增加站点：
3.2 DNS 验证站点
这里我抉择的是「网域」，输出域名后，会让你进行 DNS 验证：
因为我是在万网购买的域名，所以间接拜访阿里云域名控制台，而后抉择对应的域名点击「解析」：
而后点击「增加记录」：
记录类型抉择 TXT，记录值填写 Google 提供的内容：
增加完后，因为 DNS 解析须要一段时间，最好等个几分钟后再进行验证，验证胜利后会进入站点后盾：
3.3 提交收录
点击左侧导航栏「网站查看」，输出要查看的域名，如果没有收录到 Google 中，点击「申请编入索引」：
在测试完理论网址可否可编入索引后，就会呈现：
3.4 提交站点地图
3.5 确认收录
能够在谷歌搜寻栏应用 site: 域名, 来确认站点是否已被谷歌收录
4. 360 收录
4.1 增加站点
登陆 360 站长平台：
4.2 验证站点
4.3 提交站点地图
5. 其余平台
除了这三个平台之外，还有 Bing 站长、搜狗站长、神马站长，操作根本相似，就不多说了。
系列文章
博客搭建系列是我至今写的惟一一个偏实战的系列教程，预计 20 篇左右，解说如何应用 VuePress 搭建、优化博客，并部署到 GitHub、Gitee、公有服务器等平台。本篇为第 27 篇，全系列文章地址：https://github.com/mqyqingfeng/Blog
微信：「mqyqingfeng」，加我进冴羽惟一的读者群。
如果有谬误或者不谨严的中央，请务必给予斧正，非常感激。如果喜爱或者有所启发，欢送 star，对作者也是一种激励。