hexo搭建个人博客之seo优化

欢迎访问我的博客https://qqqww.com/，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~

文章目录

1 什么是 SEO

2 本地文章优化

2.1 添加sitemap

2.2 添加 `roborts.txt`文件

3 百度收录站点

3.1 百度链接提交

3.1.1 主动推送

3.1.2 自动推送

3.1.2.1 sitemap

3.1.3 手动提交

4 谷歌收录站点

4.1 验证站点是否被收录

5 优化结构

6 首页标题优化

7 关键词与描述

8 nofollow 标签

9 开启SEO优化选项

10 开启压缩文件

11 站内优化

11.1 title优化

11.2 keywords优化

11.3 Description优化

11.4 H标签优化

11.5 图片 ALT 文字优化

11.6 内部链接及锚文字优化

12 文章推荐

13 参考文章

最近用hexo搭建个人博客，但是去网上搜，搜什么都搜不到自己，这就很尴尬了，于是想到了seo优化，这里主要对google和baidu爬虫的优化

1 什么是 SEO

SEO（Search Engine Optimization）:汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益；SEO包含站外SEO和站内SEO两方面；为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力 =>百度百科

建议: 最好一步一测，反正我遇到的坑无数个，由于之前没有一步一测，导致到后来错到哪都不知道，或者开启hexo debug服务命令，这样在本地站点根目会生成一个debug.log文件，就是你的错误日志，可以去查看，具体指令如下：

到站点目录下，开启git命令面板

hexo s --debug

2 本地文章优化

2.1 添加sitemap

首先给你的文章生成sitemap文件

npm install hexo-generator-sitemap --save #sitemap.xml适合提交给谷歌搜素引擎
npm install hexo-generator-baidu-sitemap --save #baidusitemap.xml适合提交百度搜索引擎
12

然后在站点配置文件_config.yml中添加以下代码(这里我在参考资料《HEXO SEO 高级优化》这篇博客中看到的配置，但是在我的配置里一应用就报错，所以我的没用到，我给注释起来了，具体配置和报错信息如下：)

# 自动生成sitemap
# sitemap:
# path: sitemap.xml
# baidusitemap:
# path: baidusitemap.xml
# 报错信息
# =>  Error：FATAL duplicated mapping key at line 153, column 1:
#     ??path: baidusitemap.xml
#     ^
#     YAMLException: duplicated mapping key at line 153, column 1:
#     ??path: baidusitemap.xml

最后修改站点配置文件_config.yml

# URL 配置站点
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://qqqww.com # 这里应该更改为你自己的站点地址，我写的是我的
root: /
permalink: :title/ # 这里简化目录结构，后面也会讲到
permalink_defaults:

每次hexo g后都会在/public目录下生成sitemap.xml和baidusitemap.xml，这就是你的站点地图，这里需要将站点地图提交到百度站长之家

2.2 添加 `roborts.txt`文件

添加 roborts.txt文件到站点根目录source文件夹下

这里可以参照我的：

User-agent: *
Allow: /
Allow: /archives/
Allow: /tags/
Allow: /categories/
Allow: /about/Disallow: /vendors/
Disallow: /js/
Disallow: /css/
Disallow: /fonts/
Disallow: /vendors/
Disallow: /fancybox/Sitemap: http://qqqww.com/sitemap.xml
Sitemap: http://qqqww.com/baidusitemap.xml

3 百度收录站点

登录百度站长平台，在用户中心 => 站点管理添加你的站点网址

配置完站点属性后，进入最后一步：验证网站。有三种方式：文件验证、HTML标签验证、CNAME验证，文件验证和CNAME验证都比较简单，也有相对应的帮助文本，在此我选择的是HTML标签验证。

在主题的_config.yml文件中，设置：baidu_site_verification: true，如果没有该字段就手动添加。
在themes/next/layout/_partials/head.swig文件中添加下列代码

// 每个人的content值都不一致，请注意更换成你的content值{% if theme.baidu_site_verification %}<meta name="baidu-site-verification" content="6K5YmdKWEx" />
{% endif %}

配置好后，重新发布站点，在百度站长页面完成验证。

3.1 百度链接提交

链接提交工具是网站主动向百度搜索推送数据的工具，本工具可缩短爬虫发现网站链接时间，网站时效性内容建议使用链接提交工具，实时向搜索推送数据。本工具可加快爬虫抓取速度，无法解决网站内容是否收录问题

3.1.1 主动推送

最为快速的提交方式，建议您将站点当天新产出链接立即通过此方式推送给百度，以保证新链接可以及时被百度收录。

安装百度链接提交插件

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

# 百度链接自动提交
baidu_url_submit:count: 6 # 提交最新的链接数量host: http://lianghuii.com # 在百度站长平台中注册的域名token:  # 请注意这是您的秘钥， 所以请不要把博客源代码发布在公众仓库里!path: baidu_urls.txt # 文本文档的地址， 新链接会保存在此文本文档里

设置deploye

deploy:- type: gitrepo:github: git@github.com:MeanMouse/MeanMouse.github.io.gitcoding: git@git.coding.net:MeanMouse/blog.git- type: baidu_url_submitter

3.1.2 自动推送

是轻量级链接提交组件，将自动推送的JS代码放置在站点每一个页面源代码中，当页面被访问时，页面链接会自动推送给百度，有利于新页面更快被百度发现。。

在主题配置文件将baidu_push设置为true
在路径themes\next\layout_scripts\下创建baidu_push.swig 文件，文件内容如下

{% if theme.baidu_push %}
<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);
})();
</script>
{% endif %}

3.1.2.1 sitemap

这里将之前生成的sitemap文件提交到百度站长

3.1.3 手动提交

如果您不想通过程序提交，那么可以采用此种方式，手动将链接提交给百度。

手动提交方式比较简单，按照官方提示就会使用 - -(这种方式确实好用，方便)

4 谷歌收录站点

进行这个之前，首先友情提示下大佬们，最好开个vpn用，因为很多涉及谷歌服务，我这里用的是789vpn，网上有很多，可以去找，lantern也能用

打开 Google Search Console，添加博客地址。并进行相关验证,根据提示即可完成认证,认证成功如下：

认证方法其实这里方法和百度的类似，也有三种，我用的是直接下载文件，放到我的站点source目录下，然后我在git命令面板里输入以下指令（下面将这一套指令简称为更新并同步文件指令）

hexo clean
hexo g
hexo d

之后，我去google认证，发现并不能验证成功，后来去站点配置_config.yml下添加了一句代码，和百度的类似

google-site-verification: true

这样就验证成功了，再去看看，验证成功吧的界面如下（这里用的是参考文档里验证成功的图片，其实都一样，下面发参考文档链接）

验证通过后点进入控制台测试robots.txt文件,没有错误和警告即可

提交 sitemap.xml 文件，点击右上角添加/测试站点地图输入 sitemap.xml 进行测试，测试无误后再提交文件

robots.txt验证和sitemap.xml验证通过，抓取网页，我这里给sitemap.xml和baidusitemap.xml都加进去了，虽然不知道是不是提交一个就可以了…

输入框留空表示抓取首页，填入 about 表示抓取关于页面，抓取完成后,抓取因为验证原因,可能会有几种状态：完成、部分完成和已重定向等，直接提交就可以。

4.1 验证站点是否被收录

谷歌中输入：site:yousite，会有提示：(抓取需要时间。等几分钟)

以上就完成了百度和谷歌的搜索引擎抓取站点的功能

5 优化结构

seo搜索引擎优化认为，网站的最佳结构是用户从首页点击三次就可以到达任何一个页面，但是我们使用hexo编译的站点打开文章的url是：sitename/year/mounth/day/title四层的结构，这样的url结构很不利于seo，爬虫就会经常爬不到我们的文章，于是，我们可以将url直接改成sitename/title的形式，并且title最好是用英文，在根目录的配置文件下修改permalink如下：

# URL 配置站点
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://qqqww.com
root: /
permalink: :title/
permalink_defaults:

6 首页标题优化

SEO最重要的是你的标题，一般搜索都是搜索你的标题。

更改index.swig文件(your-hexo-site\themes\next\layout);

将下面这段代码：

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

改成：

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

这时候你的首页会更符合网站名称 - 网站描述这习惯。

进阶，做了seo优化，把关键词也显示在title标题里，可改成：

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

注意：别堆砌关键字，整个标题一般不超过80个字符，可以通过chinaz的seo综合查询检查。

7 关键词与描述

搜索引擎除了主要抓取标题外，页面的关键词和描述也会抓取。

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

keywords:
description:

在\themes\next\layout_partials\head.swig有如下代码，用于生成文章的keywords。暂时还没找到生成description的位置。

{% if page.keywords %}<meta name="keywords" content="{{ page.keywords }}" />
{% elif page.tags and page.tags.length %}<meta name="keywords" content="{% for tag in page.tags %}{{ tag.name }},{% endfor %}" />
{% elif theme.keywords %}<meta name="keywords" content="{{ theme.keywords }}" />
{% endif %}

然后在\themes\next\layout_macro\post.swig中找到这个位置：

{% if post.description %}

将以下代码去掉：

{% if post.description %}{{ post.description }}<div class="post-more-link text-center"><a class="btn" href="{{ url_for(post.path) }}">{{ __('post.read_more') }} &raquo;</a></div>

否则首页的文章摘要就会变成文章的description。

举个例子：

---
title: HEXO SEO优化方法总结
copyright: true
top: 0
date: 2018-07-19 21:17:42
tags: SEO
categories: Debian
permalink:
password:
keywords: [HEXO,HEXO SEO优化]
description: 总结一下使用Hexo搭建博客后，SEO优化方案的总结，后期会不定期更新。
---

8 nofollow 标签

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

以hexo的NexT主题为例，需要修改两处

一：找到footer.swig，路径在your-hexo-site\themes\next\layout_partials，将下面代码

改成：

将下面代码：

<a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">

改成：

<a class="theme-link" href="https://github.com/iissnan/hexo-theme-next" rel="external nofollow">

二：修改sidebar.swig文件，路径在your-hexo-site\themes\next\layout_macro，将下面代码

<a href="{{ link }}" target="_blank">{{ name }}</a>

改成：

<a href="{{ link }}" target="_blank" rel="external nofollow">{{ name }}</a>

将下面代码：

<a href="http://creativecommons.org/licenses/{{ theme.creative_commons }}/4.0" class="cc-opacity" target="_blank">

改成：

<a href="http://creativecommons.org/licenses/{{ theme.creative_commons }}/4.0" class="cc-opacity" target="_blank" rel="external nofollow">

安装nofollow插件

减少出站链接能够有效防止权重分散，hexo有很方便的自动为出站链接添加nofollow的插件。

npm install hexo-autonofollow --save

该插件会将博客中的出站链接自动加上nofollow属性，例外请在站点配置文件_config.xml中添加如下字段

nofollow:enable: trueexclude:- https://qqqww.com  // 友链地址

这样，例外的链接将不会被加上nofollow属性。

9 开启SEO优化选项

hexo博客next提供了seo优化选项，在主题配置文件_config.yml中有个选项是seo，默认是false，改成true即开启了seo优化，会进行一些seo优化，如改变博文title等，然后相同文件下有个关键字选项keywords，填充上，写博文时最好每篇博文都加上keywords。

我用的是next的主题，把该主题的_config.yml的默认keyword改成你的网址关键词

# Set default keywords (Use a comma to separate)
keywords: "wanggongtou"

10 开启压缩文件

因为hexo生成的文件是静态html，里面占用了大量的空白符。使用gulp进行压缩接口提高访问速度并且降低内存。

使用命令

npm install gulp -g
npm install gulp-minify-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp --save
npm install gulp-concat
npm install gulp-imagemin

在hexo blog文件夹下创建gulpfile.js:

var gulp = require('gulp'),uglify = require('gulp-uglify'),cssmin = require('gulp-minify-css'),imagemin = require('gulp-imagemin'),htmlmin = require('gulp-htmlmin'),htmlclean = require('gulp-htmlclean');concat = require('gulp-concat');
//JS压缩
gulp.task('uglify', function() {return gulp.src(['./public/js/**/.js','!./public/js/**/*min.js'])//只是排除min.js文件还是不严谨，一般不会有问题，根据自己博客的修改我的修改为return gulp.src(['./public/**/*.js','!./public/zuoxi/**/*.js',,'!./public/radio/**/*.js']).pipe(uglify()).pipe(gulp.dest('./public/js'));//对应修改为./public即可
});
//public-fancybox-js压缩
gulp.task('fancybox:js', function() {return gulp.src('./public/vendors/fancybox/source/jquery.fancybox.js').pipe(uglify()).pipe(gulp.dest('./public/vendors/fancybox/source/'));
});
// 合并 JS
gulp.task('jsall', function () {return gulp.src('./public/**/*.js')// 压缩后重命名.pipe(concat('app.js')).pipe(gulp.dest('./public'));
});
//public-fancybox-css压缩
gulp.task('fancybox:css', function() {return gulp.src('./public/vendors/fancybox/source/jquery.fancybox.css').pipe(cssmin()).pipe(gulp.dest('./public/vendors/fancybox/source/'));
});
//CSS压缩
gulp.task('cssmin', function() {return gulp.src(['./public/css/main.css','!./public/css/*min.css'])   .pipe(cssmin()).pipe(gulp.dest('./public/css/'));
});
//图片压缩
gulp.task('images', function() {gulp.src('./public/uploads/*.*').pipe(imagemin({progressive: false})).pipe(gulp.dest('./public/uploads/'));
});
// 压缩 public 目录 html文件 public/**/*.hmtl 表示public下所有文件夹中html，包括当前目录gulp.task('minify-html', function() {return gulp.src('./public/**/*.html').pipe(htmlclean()).pipe(htmlmin({removeComments: true,minifyJS: true,minifyCSS: true,minifyURLs: true,})).pipe(gulp.dest('./public'))});
gulp.task('build', ['uglify', 'cssmin', 'fancybox:js', 'fancybox:css', 'jsall','images']);//, 'minify-html'

在根目录下的package.json文件中生成写入scripts:

"scripts": {"build": "hexo clean && hexo g && gulp build"}

这样每次输入npm run build就会自动清理上次生成的文件，然后生成新的文件，最后压缩文件。

11 站内优化

这里就真正的涉及到SEO的相关知识了，对你的文章的结构，描述，关键词进行优化。

11.1 title优化

搜索引擎在抓取网页时，最先读取的就是网页标题，所以title是否正确设置极其重要。title一般不超过80个字符，而且词语间要用英文“-”隔开，因为计算机只对英语的敏感性较高，对汉语的敏感性不高。

用法：<title>网站标题</title>

注意点：

首页title写法：首页的title写法格式一般是“总标题-特别重要的关键词或者一句话含有特别重要关键词的描述”。注意这里的“-”是英文，要问我为什么呢?这个因为互联网不是我们国内开发的，汉语不是标准，计算机只对英语敏感性较高，而对汉语敏感性不太高。
栏目页title写法：栏目页title的写法有两种，关键词名称命名写法是“栏目名称-总名称”，非关键词命名写法是：“栏目名称栏目关键词-总名称”。
分类列表页的title写法：用关键词为这个栏目起名，然后按照下列顺序填写便可了“分类列表页名称-栏目名称-总名称”。

注意事项：

每个标题应该是根据当前内容设置的独特不重复的。
字数限制。不能太长，要不然搜索引擎结果列表会显示不全。最好不超过 25 个中文字。最好是在 10~20 之间。
切勿堆砌关键词。这是很多人常犯的错误
关键词最好出现在最前面
标题有吸引力。毕竟有吸引力的标题才能让用户点击
连词符的使用。可以使用 |->
不要使用没有意义的句子

11.2 keywords优化

主要作用是告诉搜索引擎，这个网站内容是什么。因为，好多站长在keywords堆砌关键词，所以好多搜索引擎不太重视keywords了。建议大家还是认真填写keywords，有的搜索引擎还是很重视的，由于现在词频和密度对于 SEO 影响不大，所以只要保持你的正文中出现 4~6 次关键词就可以了。千万不能堆砌关键词。

注意点：

首页keywords写法：首页keywords按照选定的栏目名称，在首页的keywords中加入总名称、栏目名称和一两个关键词。
栏目keywords写法：栏目的keywords其栏目下所有分类列表的名称列出，加上栏目关键字，写法是“栏目名称,栏目关键字,栏目分类列表名称”
分类列表页keywords写法：将你这个栏目中的主要关键字写入。

11.3 Description优化

功能让搜索引擎是判断整个页面内容的，当中要写入的内容是你页面内容的简介。description一般不超过100个字符。对于个人站点而言，描述标签最好是一句通顺的句子，如果不能的话，则宁可不要。

注意点：

首页description写法：description的写法就是将首页的标题、关键词和一些特殊栏目的内容融合到里面，写成简单的介绍形式，不要只写关键词。
栏目description写法：将栏目的标题、关键字、分类列表名称，尽量的写入description中，仍是尽量写成介绍形式。
分类description写法：是将你这个栏目中的主要关键字写入。

11.4 H标签优化

H 标签的重要性可能是仅次与页面标签。H1->H6 的重要性依次降低。

所以建议在页面的 H1 和 H2 标签中混入关键词

11.5 图片 ALT 文字优化

插入图片的时候会提示输入文字，这个不能敷衍。图片 ALT 文字出现的关键词对页面相关性也有一定的影响。同样的，也不要在 ALT 上堆砌关键词。

11.6 内部链接及锚文字优化

内部链接对于爬行和收录具有很重要的意义。内部链接对页面关键词相关性也有影响，最主要的就是在内部链接中使用锚文字。

锚文字是告诉搜索引擎被链接页面主题内容的最重要依据之一。我们有时候可能无法控制外部链接的锚文字，但是对于站内的内部链接锚文字我们可以控制。不过有几点需要注意：

适当出现匹配关键词的锚文字
锚文字不能集中导航或者页尾，要分散在正文中

12 文章推荐

hexo搭建个人博客之Git安装
hexo搭建个人博客之Github账号注册
hexo搭建个人博客之NodeJs安装
hexo搭建个人博客之Hexo安装
hexo搭建个人博客详细教程
装逼路上的小插曲一：博客上传图片无法显示

13 参考文章

HEXO SEO 高级优化
Hexo Seo优化让你的博客在google搜索排名第一
Hexo SEO设置