Hexo Next 站点地图配置(sitemap)

在之前的文章中,介绍了如何通过Hexo搭建一个个人博客:

当时我仅仅是觉得Hexo搭建一个博客非常的方便,但是还是不如Vue或者React的适配性强,直到后面我开始接触SEO,才发现VueReact都是客户端渲染,对SEO非常不友好,反观Hexo,拥有清晰的页面结构,纯静态界面,对SEO那是相当的友好。

正因为这样,我用Hexo搭建了博客后,这几天一直在学习Hexo以及SEO相关的知识。

1. 站点地图(Sitemap)

站点地图描述了一个网站的架构。 它可以是一个任意形式的文档,用作网页设计的设计工具,也可以是列出网站中所有页面的一个网页,通常采用分级形式。这有助于访问者以及搜索引擎的爬虫找到网站中的页面。

站点地图为SEO带来的好处。

  1. 为搜索引擎爬虫提供可以浏览整个网站的链接;
  2. 为搜索引擎爬虫提供一些链接,指向动态页面或者采用其他方法比较难以到达的页面;
  3. 如果访问者试图访问网站所在域内并不存在的URL,那么这个访问者就会被转到“无法找到文件”的错误页面,而网站地图可以作为该页面的“准”内容。

说白了就是让搜索引擎的爬虫,尽可能多的收录你站点上的页面,页面收录的越多,你的网站的流量就会越大。

2. Hexo如何生成Sitemap

2.1 Google 版本

进入到根目录下,打开CMD,运行下面的命令:

npm install hexo-generator-sitemap --save

2.2 Baidu 版本

进入到根目录下,打开CMD,运行下面的命令:

npm install hexo-generator-baidu-sitemap --save

2.3 生成站点地图

安装结束后,在_config.yml中找到url,改成你自己的域名。

# URL
## If your site is put in a subdirectory, 
set url as 'http://yoursite.com/child' and root as '/child/'
url: 改成你自己的域名
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

更改完成后,每次进行打包的时候,会自动在public文件夹下生成sitemap.xmlbaidusitemap.xml分别用于Google和百度。

3. 查看

将页面提交到服务器后,通过域名/sitemap.xml或者域名/baidusitemap.xml可以进行访问sitemap

最后到Google或百度对应的站长工具进行提交sitemap就可以了。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值