如何让百度更好的发现VuePress驱动的页面

除特别注明外，其他文章均由左撇峰子创作，转载请保留原地址，谢谢~

本文链接：https://blog.csdn.net/zpfz756/article/details/104736373

背景

最近有小伙伴问我怎么让百度收录自己由 VuePress 驱动的博客呢。换句话说，也就是 SEO 优化啦，其实 VuePress 在 SEO 方面已经处理得很不错了，但是为了让百度更好的发现 VuePress 驱动的页面，我觉得有必要简单地再优化下 SEO。主要分为两部分，一部分是利用百度搜索资源平台的链接提交（分手动提交和自动提交），另一部分是利用 VuePress 中 head 字段注入相关的 keywords（description 在 meta 已经有生成，无需再注入）。而百度链接提交的自动推送会提供一段代码，我们只需要在 head 字段直接注入就行。

步骤

百度链接提交

在此之前，你需要注册一个百度账号，并设置好相关站点。
百度搜索资源平台：https://ziyuan.baidu.com/

1.手动提交

在左侧边栏找到“数据引入”-“链接提交”；
在这里插入图片描述
将页面滚到下面，找到“手动提交”，点击它；
然后将你要提交的域名填上，每次最多20条。

2.自动提交

将刚才的选项卡切换到“自动提交”，找到“自动推送”；
在这里插入图片描述
可以看到它提供了一段自动推送工具代码，除了 <script></script>标签之外，其他内容都复制起来。你也可以直接复制以下代码：

(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();

在 .vuepress/public/assets 文件夹下创建一个 push.js 文件，然后将代码粘贴进去；
在这里插入图片描述
接着打开 .vuepress/config.js 文件，找到 head 字段，在合适位置输入代码：

head: [
	['script', { type: 'text/javascript', src: '/assets/js/push.js' }],
],

这样就完成百度搜索平台那边的配置啦！

meta 注入

为了进一步优化 SEO，我们还需要给 meta 添加 keywords。
打开 .vuepress/config.js 文件，找到 head 字段，在合适位置输入代码：

head: [
	['script', { type: 'text/javascript', src: '/assets/js/push.js' }],
    ['meta', { name: 'keywords', content: 'antdocs,antdeisgn,vuepress,vuepress-theme,theme,ant,docs,antd,antdocs of vuepress,主题,vuepress主题,antd设计,blog,vuepress-blog' }]
],