基于Hexo中Next主题的SEO优化指南

发表于 | 分类于 |

使用Hexo也有好一段时间了，该做做SEO相关的工作了，网上搜了下，Hexo相关的资源还是蛮多的，摘录了一些精华。

生成站点地图

需要先安装两个 hexo 插件：

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

一个是传统的 sitemap，一个是百度专有的 sitemap。多多益善。
安装完这两个插件，再重启 hexo，在本地访问 http://127.0.0.4000/sitemap.xml 和 http://127.0.0.4000/baidusitemap.xml 就能正确的展示出两个sitemap 文件了。

进入百度站长平台，提交sitemap文件，接下来要做的就是等待了，过上一两天就会在这里看到提取的 url 数量了。

添加蜘蛛协议

新建robots.txt文件，添加以下文件内容，把robots.txt放在hexo站点的source文件下。

1
2
3
4
5
6
7
8
9
10
11
12
# hexo robots.txt
User-agent: * Allow: /
Allow: /archives/
Disallow: /vendors/
Disallow: /js/
Disallow: /css/
Disallow: /fonts/
Disallow: /vendors/
Disallow: /fancybox/
Sitemap: http://blog.mobing.net/sitemap.xml
Sitemap: http://blog.mobing.net/baidusitemap.xml

然后去百度站长平台检测robots文件看看有没有生效。

网站结构优化

给出站链接添加 “nofollow” 标签

nofollow标签是由谷歌领头创新的一个“反垃圾链接”的标签，并被百度、yahoo等各大搜索引擎广泛支持，引用nofollow标签的目的是：用于指示搜索引擎不要追踪（即抓取）网页上的带有nofollow属性的任何出站链接，以减少垃圾链接的分散网站权重。

Hexo 的 Next 主题需要改以下几个地方：

  • 找到footer.swig，路径在your-hexo-site\themes\next\layout\_partials，将下面代码中的a标签加上rel="external nofollow"属性；
1
{{ \_\_('footer.powered', '<a  class="theme-link"  href="http://hexo.io">Hexo</a>') }}
1
<a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">
  • 修改sidebar.swig文件，路径在your-hexo-site\themes\next\layout\_macro，将下面代码中的a标签加上rel="external nofollow"属性；
1
<a href="{{ link }}" target="_blank">{{ name }}</a>
1
<a href="http://creativecommons.org/licenses/{{ theme.creative_commons }}/4.0" class="cc-opacity" target="_blank">

keywords 和 description

在\scaffolds\post.md中添加如下代码，用于生成的文章中添加关键字和描述。

1
2
keywords:
description:

首页title的优化

更改index.swig文件，文件路径是your-hexo-site\themes\next\layout，将下面代码

1
{% block title %}  {{ config.title }}  {% endblock %}

改成

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

修改文章链接

HEXO默认的文章链接形式为domain/year/month/day/postname，默认就是一个四级url，并且可能造成url过长，对搜索引擎是十分不友好的，我们可以改成domain/postname 的形式。编辑站点_config.yml文件，修改其中的permalink字段改为permalink: :title.html即可。