背景
最近有小伙伴问我怎么让百度收录自己由 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' }]
],
说明一下,上述的 keywords
是来自 AntDocs of VuePress 主题的。
完成以上步骤后需要做的事情就是等待啦,一般1-2周会有结果,如果还没结果,可重新到百度搜索资源平台手动提交哦!当然了,我个人建议还是先把博客填充一些内容再去申请收录,这样被收录的几率会更大~