前言
在《一篇带你用 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();}
}
],
[
'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,对作者也是一种激励。