hexo搭建个人博客--SEO和站点加速

写在前面

本文为hexo搭建个人博客系列教程的第三篇,主要内容为网站的SEO以及站点访问加速,前两篇分别为基础篇以及主题优化篇,由于网站是基于hexo的Next主题,所以建议读者按系列教程的步骤来配置,不过本文中的大部分配置是可以各类网站通用的,所以依旧具备极大的参考价值。

正文

站点收录

一般来说你的网站搭建好后依旧是无法在各大搜索引擎中搜到的,具体可以通过在搜索引擎输入site:你的域名验证。
所以你需要提交你的站点到各大搜索引擎:

github禁止百度爬虫,所以使用coding pages才能被百度收录!!(博主为github/coding同步配置,所以并未验证)

百度收录

百度站长处提交你的站点后进行网站所以权验证,一般有三种方法:文件验证、HTML标签验证和CNAME验证。

文件验证

《hexo搭建个人博客--SEO和站点加速》

一般网站如上图步骤配置,基于hexo的站点则:
1 需要先下载验证文件,将下载的文件放到站点根目录/source文件下
2 在站点配置文件中找到skip_render:修改:

skip_render:
  - README.md
  - CNAME
  - baidu_verify_XXXXXXXXXX.html #下载的文件名

3 hexo g -d重新渲染部署网站
4 点击百度站长文件验证步骤3,确认验证

HTML标签验证

《hexo搭建个人博客--SEO和站点加速》

1 把图中马赛克部分的token复制下来
2 打开主题配置文件,搜索site_verification,修改:

# Google Webmaster tools verification setting
# See: https://www.google.com/webmasters/
google_site_verification:

baidu_site_verification:{your token}

3 保存重新渲染部署网站即可

CNAME验证

对于已经绑定域名的站点,这种方式最简单!

《hexo搭建个人博客--SEO和站点加速》

《hexo搭建个人博客--SEO和站点加速》

主机记录填入马赛克部分(token),保存即可。

google收录

推荐HTML标签验证,具体同百度收录部分。

添加站点地图sitemap

安装hexositemap网站地图生成插件:

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

站点配置文件中添加如下代码:

sitemap:
  path: sitemap.xml
baidusitemap: 
  path: baidusitemap.xml

配置成功后,会生成sitemap.xmlbaidusitemap.xml,前者适合提交给谷歌搜素引擎,后者适合提交百度搜索引擎。
百度站长管理–>链接提交:

《hexo搭建个人博客--SEO和站点加速》

Google站长管理–>站点地图:

《hexo搭建个人博客--SEO和站点加速》

百度主动推送

安装主动推送插件:

$ npm install hexo-baidu-url-submit --save

站点配置文件中添加以下内容:

baidu_url_submit:
  count: 3 ## 比如3,代表提交最新的三个链接
  host: alvabill.ml ## 在百度站长平台中注册的域名
  token: {your token} ## 请注意这是您的秘钥,请不要发布在公众仓库里!
  path: baidu_urls.txt ## 文本文档的地址,新链接会保存在此文本文档里

token位置:

《hexo搭建个人博客--SEO和站点加速》
另外在站点配置文件中确认url值是否为百度站长平台注册的域名,然后添加一个新的deploy的类型:

deploy:
- type: baidu_url_submitter  ##新添加
- type: git
  repository: git@git.coding.net:Alvabill/Alvabill.git
  branch: master

主题配置文件中的baidu_push设置为true,重新渲染部署即可。

SEO

更改首页标题格式

打开\themes\next\layout\index.swig文件,找到以下代码:

{% block title %} 
    ...
{% endblock %}

把它改成:

{% block title %}
  {{ theme.keywords }} - {{ config.title }} - {{ theme.description }}
{% endblock %}

修改文章链接

hexo默认文章链接太长,不利于SEO,建议修改为domain/postname的形式:

#permalink: :year/:month/:day/:title/
permalink: :title/

七牛云存储图片

进入七牛官网注册账号
进入管理控制台,新建对象存储空间:

《hexo搭建个人博客--SEO和站点加速》

《hexo搭建个人博客--SEO和站点加速》

图片上传和使用:

《hexo搭建个人博客--SEO和站点加速》

博客中的图片可以通过别的Markdown编辑平台(例如小书匠)即时上传到绑定的七牛云上边,加速站点的同时方便博客迁移。

更改默认Google字体库

用国内的CDN库来替代主题中的google字体库,到站点配置文件中设置默认字体库:

host: fonts.useso.com

后记

很折腾不过也还是收获满满,期间了解到了网上非常多的资源站点以及插件站点,开启了一种新的项目思路,可以说这期间的折腾都非常值得的了,而且做这么一个博客网站除了赏心悦目外最要紧的是,起到了一个很好的督促写作的功能,也象征着个人的博客生涯正式开启,说到写博客吧,一是记录二是分享,更多的还是希望和更多的人交流,希望在这个互联网时代和大家多交流学习共同进步,学无止境,继续加油。

    原文作者:工具
    原文地址: https://segmentfault.com/a/1190000013660273
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞