博客搜索引擎优化(《一篇带你用VuePress+GithubPages搭建博客》SEO优化)

　　博客搜索引擎优化(《一篇带你用VuePress+GithubPages搭建博客》SEO优化)

　　前言

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

　　本文讨论如何优化 SEO。

　　1. 生成站点地图

　　借助 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 如果构建失败

　　如果构建失败：

　　

　　这可能是因为您设置了 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 构建成功

　　如果构建成功，我们会在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

　　1.5 站点地图地址

　　当我们部署到服务器时，我们可以获得一个站点地图地址。例如，我的是：

　　https://ts.yayujs.com/learn-typescript/sitemap.xml

　　有了这样的sitemap地址，我们可以很方便的提交到各种搜索引擎平台，根据sitemap抓取我们的页面。

　　2.百度收录2.1 添加站点

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

　　

　　点击“添加站点”，可能需要填写账号信息，然后进入站点信息填写页面，分为三个步骤：

　　第一步：进入网站

　　

　　第 2 步：站点属性

　　

　　第三步：验证网站

　　

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

　　这里我使用html标签验证方式，根据图中代码说明修改vuepress config.js文件：

　　// config.js

module.exports = {

title: "title",

description: 'description',

head: [

['meta', { name: 'baidu-site-verification', content: '填写自己的 code' }]

]

}

　　然后点击“完成验证”，会出现：

　　

　　点击“我知道”，你会在这里跳转到HTTPS认证：

　　

　　等了一天，会显示认证成功：

　　

　　2.2 次提交收录

　　在站点管理页面，点击“普通收录”：

　　

　　普通收录工具可以主动向百度搜索推送资源，缩短爬虫发现网站链接的时间，不保证收录和展示效果。

　　这里提供了三种方式收录：API提交、站点地图、手动提交，那么如何选择呢？参考平台工具手册：

　　API推送：最快的提交方式。建议您立即通过此方式将站点的新输出链接推送至百度，以确保新链接能够被百度收录及时发布。

　　站点地图：您可以定期将网站链接放入您的站点地图，然后将站点地图提交给百度。百度会定期爬取检查你提交的Sitemap，处理里面的链接，但是收录速度比API推送慢。

　　手动提交：如果不想程序化提交，可以通过这种方式手动提交链接到百度。

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

　　

　　提交后会进入等待爬取状态：

　　

　　3. 谷歌收录3.1 添加网站

　　访问，如果你之前没有加过站点，会直接让你加个站点：

　　

　　3.2 DNS验证站点

　　在这里我选择“域”。输入域名后，会要求进行DNS验证：

　　

　　由于我是从万网购买的域名，所以直接访问阿里云域名控制台，然后选择对应的域名，点击“解析”：

　　

　　然后点击“添加记录”：

　　

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

　　

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

　　

　　3.3 次提交收录

　　点击左侧导航栏中的“网站查”，输入要查的域名，如果不是收录到谷歌，点击“请求索引”：

　　

　　在测试了实际 URL 的可索引性后，出现：

　　

　　3.4 提交站点地图

　　

　　3.5 确认收录

　　您可以在 Google 搜索栏中使用 site:domain 来检查该站点是否已被 Google 搜索过收录

　　

　　4. 360 收录4.1 添加站点

　　登录360站长平台：

　　

　　4.2 验证站点

　　

　　4.3 提交站点地图

　　

　　5. 其他平台

　　除了这三个平台，还有必应站长、搜狗站长、神马站长。操作基本差不多，就不多说了。

　　系列文章

　　博客构建系列是我迄今为止写的唯一的一系列实用教程。预计20篇左右，讲解如何使用VuePress搭建和优化博客，部署到GitHub、Gitee、私服等平台。本文为第27篇，全系列文章地址：

　　微信：“mqyqingfeng”，加我为闲鱼唯一读者群。

　　如果有任何错误或不准确之处，请务必纠正我，非常感谢。如果喜欢或者有灵感，欢迎star，也是对作者的一种鼓励。