什么是 SEO
搜索引擎优化（Seacrh Engine Optimization)，简称 SEO. 是按照搜索引擎给出的优化建议，以增强网站核心价值为目标，从网站结构，内容建设方案，用户互动传播等角度进行规划，以改善网站在搜索引擎中的表现，吸引更多搜索引擎用户访问网站
搜索引擎的两个概念
1. 搜索引擎的工作原理：
可以将搜索引擎比喻为一个偌大的图书馆，里面所有的图书都已经分门别类排列整
齐了，分类分成大分类（可以理解为书架）小分类（可以理解为书架上搁架）以及具体到最小的分类（书的名字）。图书馆每天都在增加新的图书，那么一个新的网站就等于一本书，我们进入搜索引擎输入的关键词就是图书馆里面分类的名字或者直接是书名，通过搜索引擎这个庞大的图书馆系统可以很快的找到我们需要的内容。那么什么书归置于什么分类下，如何摆到更容易被找到的位置就需要理解下面的内容了。
2. 搜索引擎蜘蛛工作原理：
搜索引擎蜘蛛是搜索引擎工程师开发出的模拟蜘蛛在蜘蛛网爬行的一个程序，因为
类似蜘蛛的行为，就称为搜索引擎蜘蛛，用来抓取网页信息，分门别类的存储在上面所说的图书馆里，有需要的时候再进行调取。所以为了让蜘蛛更容易抓取网页内容，就要投其所好，才能为我所用。
我们为什么需要 SEO
就是为了提高网站的权重，增强搜索引擎友好度，以达到提高排名，增加流量，改善用户体验，促进销售的作用。
什么网站可以更好的被搜索引擎检索到？
从拟人化的角度来看待搜索引擎蜘蛛，可以得出一些结论。首先你需要投其所好，网站结构脉络需要符合蜘蛛阅读的习惯，代码杂乱无章，蜘蛛看着都头疼，就无法给他留个好印象了；其次，网站深度不能太深，从首页到目标页跳转最好不能超过四次，再多的话蜘蛛就头晕了，转不出来，下次他就不再光顾，我们只能往后站；再次，当蜘蛛进入一个网站，半天加载不出来，他每天这么繁重的工作量，哪里会有时间慢慢等加载完成，相信印象也不会有多好了；最后，内容是一个网站存在的基础，蜘蛛循着一个关键词来到我们的网网站，转了一圈，发现跟他想找的东西风马牛不相及，他可就头大了，直接就打入冷宫
从前端角度出发有哪些注意事项有利于 SEO
代码习惯和结构角度
- 集中网站权重。由于蜘蛛分配到每个页面的权重是一定的，这些权重也将平均分配到每个 a 链接上，那么为了集中网站权重，可以使用”rel=nofollow”属性，它告诉蜘蛛无需抓取目标页,可以将权重分给其他的链接。
nofollow属性值是由谷歌领头创新的一个“反垃圾链接”的标签，并被百度、yahoo等各大搜索引擎广泛支持，引用nofollow的目的是：用于指示搜索引擎不要追踪（即抓取）网页上的带有nofollow属性的任何出站链接，以减少垃圾链接的分散网站权重。
简单的说就是，如果A网页上有一个链接指向B网页，但A网页给这个链接加上了rel="nofollow"标注，则搜索引擎不把A网页计算入B网页的反向链接。搜索引擎看到这个标签就可能减少或完全取消链接的投票权重。
- 文本强调标签的使用。当着重强调某个关键词需要加粗表示，选用 strong 标签比使用 b 标签要更有强调作用。
-
a 标签的 title 属性的使用。在不影响页面功能的情况下，可以尽量给 a 标签加上
title属性，可以更有利于蜘蛛抓取信息。 - 图片 alt 属性的使用。这个属性可以在图片加载不出来的时候显示在页面上相关的文字信息，作用同上。
-
h标签的使用。主要是h1标签的使用需要特别注意，因为它自带权重，一个页面有且最 多只能有一个h1标签，放在该页面最重要的标题上面，如首页的 logo 上可以加h1标签。 - 精减代码。清除网页中一些冗余的代码，网上有这样的工具，可以辅助完成，如果需要的话，我们可以把代码中的注释去掉，甚至空行之类的也去掉，尽量的减少代码量，从而减小页面体积。
网站加载速度角度
- 减轻图片文件对服务器和客户端网络的压力。能用 css 解决的不用背景图片，背景图片也尽量压缩大小，还可以使用精灵图 ，使用 background-position 找到需要的图片位置。可以减少 HTTP 请数，提高网页加载速度。
-
为图片指定宽度与高度。在页面中，请你为每一个图片，都指定一个
width 属性与 height 属性，这样在页面加载的时候，浏览器会预先留出既定的位置，图片下边的代码可以继续下载而不用等待，提高并行下载的速度，提高了页面加载的速度。否则的话就会引起浏览器的回流和重构。 - 启用 Keep-Alive 属性。Keep-Alive 你可以理解为长连接，在没有启用 keep-alive 属性之前，浏览器向服务器请求的 connection 是即连即断的，执行一次 HTTP 请求完成后，马上断开这个连接的，而启用 Conncetion 的 Keep-Alive 属性之后，这个连接可以保持一段时间，从而可以提高页面加载的速度。
- 使用浏览器缓存。可以使用缓存技术来提高页面的加载速度，为一些不经常变化的文件，设置一个相对较长的过期时间，这样当用户访问网站后，就会在它的浏览器中留下缓 存，当它在下次请求的时候，留在缓存中的组件就不用再向服务器发出 HTTP 请求了，这样减少了浏览器向网站服务器发出的 HTTP 请求数，从而提高了页面加 载速度，这在一些图片比较多的网站，效果是非常明显的，我们要善于使用缓存技术。
- 启用 GZIP 压缩。因为当启用了 GZIP 后，网站服务器向你传输数据之前，是经过压缩了的，当传输到你的浏览器后，会再被解压缩的，从而可以在 你的浏览器上正常显示，而且压缩率可以达到很多高，效果非常好。一般你启用了压缩后，搜索引擎对你网站的抓取量也是上升了的。、
- CDN 分发加速。即内容分发网络。CDN的通俗理解就是网站加速，CPU均衡负载，可以解决跨运营商，跨地区，服务器负载能力过低，带宽过少等带来的网站打开速度慢等问题。简而言之，就是单个服务器的压力分均到多个服务器上，这样CPU负载，带宽都能得到很好的均摊。
网友评论