当前位置: 首页 > Web前端 > vue.js

VuePress博客SEO优化(一)站点地图与搜索引擎索引

时间:2023-03-31 16:55:46 vue.js

前言在《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用VuePress搭建了一个博客,最终效果查看:TypeScript中文文档。这篇文章讲的是如何优化SEO。1.生成站点地图借助vuepress-plugin-sitemap生成站点地图:1.1安装yarnaddvuepress-plugin-sitemap-D1.2修改config.js//.vuepress/config.jsmodule.exports={plugins:{'sitemap':{hostname:'https://ts.yayujs.com'},}}1.3如果构建失败如果构建,构建失败:这可能是因为你设置了lastUpdated或者使用了@vuepress/last-updatedplugin,当两者一起使用时,会因为时间对象报错。我们搜索vuepress-plugin-sitemap的问题并找到解决方案。让我们修改config.js://.vuepress/config.jsmodule.exports={plugins:[['@vuepress/last-updated',{transformer:(timestamp,lang)=>{returnnewDate(timestamp).toLocaleDateString();}}],['sitemap',{hostname:'https://ts.yayujs.com'}]]}1.4构建成功如果构建成功,我们会在dist目录下看到一个sitemap.xml,大致类似于这个结构:https://ts.yayujs.com/learn-typescript/2022-01-05T16:00:00.000Zdailyhttps://ts.yayujs.com/learn-typescript/handbook/ConditionalTypes.html2022-01-05T16:00:00.000Z每日1.5sitemap地址我们部署到服务器上就可以得到一个sitemap地址,比如我的是:https://ts.yayujs.com/learn-typescript/sitemap.xml有了这样一个sitemap地址,我们可以方便的提交到各种搜索引擎平台,方便我们根据sitemap抓取我们的页面2、百度收藏2.1添加站点登录百度搜索资源平台,进入用户中心:点击“添加站点”,可能需要填写账号信息,然后进入站点信息填写页面,分为三步:第一步:进入网站第二步:网站属性第三步:验证网站之所以需要验证网站,是为了证明您是域名的拥有者。验证成功后,您可以快速批量添加子站点并查看所有子站点的数据,而无需一一查看。验证子站点。这里我使用的是HTML标签验证方式。根据图中代码说明,修改vuepress的config.js文件://config.jsmodule.exports={title:"title",description:'description',head:[['meta',{name:'baidu-site-verification',content:'填写自己的代码'}]]}然后点击“完成验证”,会出现:点击“我知道”,会跳转到这里的HTTPS认证:等待之后一天显示认证成功:2.2提交收录在站点管理页面,点击“通用采集”:通用采集工具可以主动将资源推送到百度搜索,缩短爬虫查找网站链接的时间,不保证收录和显示效果。下面介绍三种采集方式:API提交、sitemap、手动提交,那么如何选择呢?参考平台工具使用手册:API推送:最快的提交方式,建议您通过此方式将本站新链接第一时间推送至百度,以保证新链接能够及时被百度收录.Sitemap:可以定期在Sitemap中放入网站链接,然后将Sitemap提交给百度。百度会定期抓取和检查你提交的Sitemap,并对其中的链接进行处理,但收集速度比API推送慢。手动提交:如果不想通过程序提交,可以使用此方法手动提交链接到百度。这里我选择sitemap方式,填写上一节获取的sitemap地址:提交后进入等待抓取状态:3.谷歌收录3.1添加站点访问search.google.com,如果没有添加之前的一个站点,会直接让你添加一个站点:3.2DNS验证站点这里我选择“域名”,输入域名后,会让你进行DNS验证:因为我是从万网购买的域名,所以我直接进入阿里云域名控制台,然后选择对应的域名,点击“解析”:然后点击“添加记录”:记录类型选择TXT,记录值填写谷歌提供的内容:添加后,因为DNS解析需要一段时间,所以最好等几分钟再进行验证,验证成功后会进入站点后台:3.3提交收录点击左侧导航栏“站点查询”,输入域名名字给be勾选,如果没有被Google收录,点击“RequestIndexing”:测试实际的URL可以被收录后,会出现:3.4提交站点地图3.5确认收录可以在谷歌搜索栏确认网站是否已被谷歌收录4.360收录4.1添加站点登录360站长平台:4.2验证站点4.3提交站点地图5.其他平台除了这三个平台,还有Bing站长、搜狗站长、神马站长。操作基本类似,就不多说了。系列文章博客搭建系列是我目前为止写的唯一实用系列教程。预计20篇左右,讲解如何使用VuePress搭建和优化博客,并部署到GitHub、Gitee、私服等平台。本文为第27篇,全系列文章地址:https://github.com/mqyqingfeng/博客微信:“mqyqingfeng”,加我到SaeYu的唯一读者群。如有错误或不准确的地方,请务必指正,万分感谢。如果你喜欢或者有启发,欢迎star,这也是对作者的鼓励。