高级WEB前端必看SEO技巧之站内优化

首先，大家需要了解SEO优化中的两个概念，它有利于更好的理解操作目的以及作用。马上我们就来学习它。

1.什么是SEO?

SEO是指：通过利用搜索引擎的搜索规则来提高网站在搜索引擎内的排名方法，就是搜索引擎优化，即SEO。所以我们可以合理的利用这些规则来书写我们的HTML页面。帮助我们的网站取得良好排名。

2.什么是搜索引擎?

搜索引擎是什么?其实我们平时都在这些，只是没有留意它。现在市面上大家常见的搜索引擎有：百度、360、搜狗等这类的。但是由于百度市场份额相对要高于其它搜索引擎，因此在国内常见的SEO优化是在百度进行的，其它的搜索引擎也大同小异。

由于web前端设计在整个网站布局和内容方面占主导作用，所以对于SEO优化，我们需要具备一些相关的技巧，才能让搜索引擎快速收录我们写出来的网页。那么我们就必需遵循SEO优化的规范。那么我们来看一下，如何做好一个网站的站内优化呢?

对上面的相关内容做了一个了解以后，我们来具体看一看web前端必看SEO技巧之站内优化，主要内容包括三个方面：

1.结构优化

结构优化：主要是指我们的三大标签，即Title 、Keywords、Description，在网页中title是目前我们优化最重要的关键词，目前搜索引擎也是通过网页title的好坏来进行排名的。

当然Title也是必须优化标签。我们选取Title要通过百度指数和搜索里来选取，核心关键词需要考虑推广难度，长尾关键词需要考虑用户习惯。所以我们在选词的时候也是至关重要的。

2.内部优化

一般的网站都采用动态网页，但是在我们SEO优化中，我们需要做一些伪静态处理，因为静态网页更利于搜索引擎的收录，所以我们在设计初尽量使用伪静态技术处理。

伪静态做好了以后，细心的小伙会发现有的内容页面所在的HTML文件前面有很多个文件夹，这里也有我们需要注意的，在SEO优化中，这个就是网站的层级，网站的层级优化也是非常重要的。层级越低，越利于搜索引擎的收录，最好是把页面的层级控制在三层以内(首页链接不能指向内容页)。

当然，还有一个是大家不太注意的，就是我们网站打开的域名的时候，有的带www和不带www，这个时候我们就需要做301重定向，一般都指向到带www上面。比如：

找不到内容的是时候会出错，那么出错的这个页面，我们还需要加一个404页面做提示，这样更利于用户体验。

为了更快让搜索引擎来收录，我们还得做一个网站地图：sitemap.html、sitemap.xml把我们的网站整体网站页面提交到搜索引擎，当然还有就是robots协议，告诉搜索引擎，哪些允许抓取，哪些不允许抓取。

Robots文件如下：

User-agent: *

Disallow:/js

allow:/sitemap.html

相关词说明：

User-agent: * 这里的*代表的所有的搜索引擎种类，*是一个通配符

Disallow: /admin/ 这里定义是禁止爬寻admin目录下面的目录

Disallow: /require/ 这里定义是禁止爬寻require目录下面的目录

Disallow: /ABC/ 这里定义是禁止爬寻ABC目录下面的目录

Disallow: /cgi-bin/*.htm 禁止访问/cgi-bin/目录下的所有以".htm"为后缀的URL(包含子目录)。

Disallow: /? 禁止访问网站中所有包含问号 (?) 的网址

Disallow: /.jpg$ 禁止抓取网页所有的.jpg格式的图片

Disallow:/ab/adc.html 禁止爬取ab文件夹下面的adc.html文件。

Allow: /cgi-bin/　这里定义是允许爬寻cgi-bin目录下面的目录

Allow: /tmp 这里定义是允许爬寻tmp的整个目录

Allow: .htm$ 仅允许访问以".htm"为后缀的URL。

Allow: .gif$ 允许抓取网页和gif格式图片

Sitemap: 网站地图 告诉爬虫这个页面是网站地图

3.内容优化

网站中的内容优化，主要是指原创文章的优化，一定要坚持更新原创文章更能被搜索引擎所收录。只有原创文章的内容页被收录了，才会有关键词的排名。所以只要没有被收录的文章，都可以作为你网站里的原创。同时，它的好处是能提高收录，也能提高用户体验。