谈谈以前端角度出发做好SEO需要考虑什么？

大家好，我是IT修真院上海分院3期的学员，一枚正直纯洁善良的web前端程序员

今天给大家分享一下，修真院官网css任务15的知识点——谈谈以前端角度出发做好SEO需要考虑什么？

1.背景介绍

什么是SEO？

SEO是由英文Search Engine Optimization缩写而来，中文意译为“搜索引擎优化”！SEO是指在了解搜索引擎自然排名机制的基础之上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中关键词的自然排名，获得更多的展现量，吸引更多目标客户点击访问网站，从而达到互联网营销及品牌建设的目标。

seo与sem

SEM(Search Engine Market)就是搜索引擎营销。简单理解就是购买搜索引擎提供的广告位，例如百度和google右侧的结果都是广告，按照关键词购买，按照点击收费，每次有网民点击你的广告，搜索引擎就扣一次费用。

区别：SEO是通过对网站的内容，结构，外链等方面进行优化，使网站更符合搜索引擎的抓取，从而提升搜索结果排名，提升网站流量的手段。

2.知识剖析

搜索引擎工作原理

在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入数据库。反之，如果“蜘蛛”认为是垃圾信息或重复信息，就舍弃不要，继续爬行，寻找最新的、有用的信息保存起来提供用户搜索。当用户搜索时，就能检索出与关键字相关的网址显示给访客。一个关键词对应多个网址，因此就出现了排序的问题，相应的与关键词吻合权重高的网址就会排在前面了。在“蜘蛛”抓取网页内容，提炼关键词的这个过程中，就存在一个问题：“蜘蛛”能否看懂。如果网站内容都是是flash和js，那么它是看不懂的，会犯迷糊，即使关键字再贴切也没用。相应的，如果网站内容是它的语言，那么它便能看懂。

3.常见问题

不同搜索引擎的算法

前端从业人员怎么做seo

4. 解决方案

1.维护网站，提高内容质量，保持更新

搜索引擎会考评网站的质量，保持网站的经常更新，使网站拥有大量的、有用的、可读性强的优质信息。网站的权重会相应的提升。为了保持更新频率而去抄袭并不可取。

2.网站结构布局优化：尽量简单、开门见山，提倡扁平化结构。

一般而言，建立的网站结构层次越少，越容易被“蜘蛛”抓取，也就容易被收录。一般中小型网站目录结构超过三级，“蜘蛛”便不愿意往下爬，并且根据相关调查：访客如果经过跳转3次还没找到需要的信息，很可能离开。因此，三层目录结构也是体验的需要。

3. 控制首页链接数量

网站首页是权重最高的地方，如果首页链接太少，没有“桥”，“蜘蛛”不能继续往下爬到内页，直接影响网站收录数量。但是首页链接也不能太多，一旦太多，没有实质性的链接，很容易影响用户体验，也会降低网站首页的权重，收录效果也不好。注意链接要建立在用户的良好体验和引导用户获取信息的基础之上。

4.导航优化

导航应该尽量采用文字方式，也可以搭配图片导航，但是图片代码一定要进行优化，img标签必须添加“alt”和“title”属性，告诉搜索引擎导航的定位，做到即使图片未能正常显示时，用户也能看到提示文字。其次，在每一个网页上应该加上面包屑导航，好处：从用户体验方面来说，可以让用户了解当前所处的位置以及当前页面在整个网站中的位置，帮助用户很快了解网站组织形式，从而形成更好的位置感，同时提供了返回各个页面的接口，方便用户操作；对“蜘蛛”而言，能够清楚的了解网站结构，同时还增加了大量的内部链接，方便抓取，降低跳出率。

5.控制页面的大小

减少http请求，提高网站的加载速度。当速度很慢时，用户体验不好，留不住访客，并且一旦超时，“蜘蛛”也会离开。

6.适量的关键词和网页描述

关键词不宜太多也不宜太少，列举出几个页面的重要关键字即可，切记过分堆砌。网页描述要准确，精简地描述网页的内容。

7.代码优化

精简代码，代码模块化，减少代码冗余度。代码语义化。

seo工具

百度统计，可查看流量，用户通过搜索什么词进入网站，搜索词排名等等。

爱站网 www.aizhan.com 用户查看流量以及网站的运营状况。

http://link.chinaz.com/ 友情链接监测工具可以用下。

5.编码实战

6.扩展思考

如何不让搜索引擎抓取网站的隐私内容

Robots协议（也称为爬虫协议、机器人协议等）的全称是“网络爬虫排除标准”（Robots Exclusion Protocol），网站通过

Robots协议告诉搜索引擎哪些页面可以抓取，哪些页面不能抓取。

7.参考文献

参考1：姑婆网