AshunBlog

简介

SEO(Search Engine Optimization),即搜索引擎优化。SEO是随着搜索引擎的出现而来的。搜索引擎会根据网站的一些特点进行收录，从而提高网站在搜索引擎中的排名。

既然搜索引擎要收录网站的特点，就需要对网站的信息进行抓取，搜索引擎会使用Spider(蜘蛛)完成这个工作，那么我们要做的就是：尽量让Spider识别网站的特点，从而正确收录，提高网站排名。

SEO手段分为两大类：黑帽、白帽SEO，本文主要讲解白帽SEO。

黑帽：就是采用搜索引擎禁止的方式优化网站，影响搜索引擎对网站排名的合理和公正性。

白帽SEO，主要是通过前端的一些合理操作，从而让Spider能够高效收录信息，其主要手段有👇：

对网站的title、keywords、description等信息的合理设置。

title即网站标题，是SEO及其重要的一员，用户在浏览器进行搜索时，首先展示的就是网站的title。对于title的设置，我们要做到：

代码配置

1	<title>AshunBlog</title>

用户在浏览器进行搜索时，首先展示的是网站的title，其次为description，是对该页面的描述信息。值得注意的是：

代码配置

1	<meta name="description" content="这是Ashun的博客网站，用于记录自己的学习过程，同时将其进行分享，欢迎大家共同学习、交流、进步！">

keywords主要为搜索引擎提供当前页面的关键词信息，keywords可以设置多个，多个关键词之间用,间隔。建议不要设置太多，不利于Spider的收录。

代码配置

1	<meta name="keywords" content="Ashun,阿顺,Blog,博客网站"/>

从h1标签的默认样式(字体大小、加粗)，可得知其是非常醒目、重要的，同样地，搜索引擎的Spider也会认为其非常重要，会将其收录为网站重要信息的一部分，因此我们要合理的使用h1标签。

值得注意的是：logo为图片时应该添加上alt和title属性，即使图片未能正常显示时，用户也能看到提示文字，且alt属性是搜索引擎判断图片与文字是否相关的重要依据。

H5的语义化标签，在项目足够大时，越能体现其优势，能够让开发者便捷、高效的认出对应的结构部分，从而提高可维护性。

当然，一些搜索引擎也支持更好地识别语义标签，从而提高信息的收录量。

网站的层级结构要尽量简单，不要嵌套太多，因为Spider在不断爬取数据时，层级越多，爬取速度越慢，不利于信息的收录。

一个网站的加载速度越快，也会更加利于搜索引擎抓取数据进行收录，因此我们尽量对加载的速度进行优化。