SEO前端搜索引擎

1.SEO简介

Search English Optimizatiion,搜索引擎优化。自从有了搜索引擎，SEO就诞生了

1.它存在的意义是：

为了提升网页在搜索引擎自然搜索结果中收录数量以及排序位置而作的优化行为。

2.分类：

白帽SEO和黑帽SEO。白帽SEO，起到了改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，这是搜索引擎的鼓励和支持的。黑帽SEO，利用和放大搜索引擎政策的缺陷来获取更多用户的访问量，这类行为大多是欺骗搜索引擎，一般搜索引擎公司是不支持与鼓励的。

3.白帽SEO原理：

1.对网站的标题、关键字、描述精心设置，反映网站的定位，让搜索引擎明白网站是做什么的；
2.对网站优化：内容与关键字的对应，增加挂机案子的密度
3.在网站上合理设置Robot.txt文件
4.生成针对搜索引擎友好的网站地图
5.增加外部链接，到各个网站上宣传

4.前端SEO

通过网站的结构布局式即和网页代码优化，是前端也没面既能让浏览器用户能够看懂，也能让“爬虫看懂”

1、控制首页链接数量：链接太少会使爬虫缺乏向下怕的“桥”，影响收录数量；链接太多影响用户体验，降低了网页首页权重，效果也不好
2、扁平化的目录层次，尽量让爬虫最多跳转三次，就能到达网站内的任何一个内页
3、导航优化，尽量采用文字方式，如果搭配图片，图片代码一定要进行优化,Img标签必须添加“alt”和“title”属性，即使图片未能正常显示，用户也能看到提示文字。另外每个网页上应该加上面包屑导航（如新闻》某新闻）
4、网站结构布局：
页面头部：logo及主导航，以及用户信息
页面主题：左边正文，包括面包屑导航及正文；右边放热门文章及相关文章，这些文章属于相关链接，增强了页面的相关性，也能增强页面的权重
页面底部：版权信息和友情链接
分页写法：“首页12345下拉框”，这样爬虫能够根据相应的页码直接跳转，下拉框直接选择页面跳转；而“首页”“下一页”“尾页”的写法，当分页数量特别多使，爬虫需要经过很多次往下爬才能抓取，容易放弃/
5、控制页面大小，减少HTTP请求，提高网站加载速度。页面最好不要超过100K，太大页面加载速度慢。当速度哦很慢使，用户体验不好，留不住访客，并且一旦超时，爬虫也会离开。

5、页面代码优化

1、title，只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的title标题中不要设置相同的内容
2、meta keywords标签：关键词，列举出几个页面的重要关键字即可，切记过分堆砌。
3、meta description标签：网页描述，需要高度概括网页内容，切记不能太长，过分堆砌关键词，每个页面也要有所不同。
4、body中的标签：尽量代码语义化，在适当的位置使用适当的标签，用正确的标签做正确的事。让阅读源码者和“爬虫”都一目了然。比如：h1-h6 是用于标题类的，nav标签是用来设置页面主导航的等。
5、a标签：页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛” 知道。而外部链接，链接到其他网站的，则需要加上 el=“nofollow” 属性, 告诉 “爬虫” 不要爬，否则它就不会再回来了。
6、正文标题要用h1标签：“蜘蛛” 认为它最重要，副标题用h2标签, 而其它地方不应该随便乱用 h 标题标签。
7、br标签：只用于文本内容的换行
8、用caption做表格标题标签
9、img应使用 “alt” 和"title"属性加以说明
10、strong和em标签：需要强调时使用。strong标签在搜索引擎中能够得到高度的重视，它能突出关键词，表现重要的内容，em标签强调效果仅次于strong标签。而b和i标签: 只是用于显示效果时使用，在SEO中不会起任何效果。
11、文本缩进不要使用特殊符号，应使用CSS进行设置。版权符号不要使用特殊符号，可以直接使用输入法中的版权符号©
12、巧妙布局，将重要内容的代码放在前面，前面的内容被认为是最重要的，优先让“爬虫”读取，进行内容关键词抓取。
13、重要内容不要用JS输出，因为“爬虫”不认识
14、少使用iframe框架,因为“爬虫”一般不会读取其中的内容
15、对于不想显示的文字内容，应当设置z-index或设置到浏览器显示器之外。搜索引擎会过滤掉display:none中的内容。
16、精简代码
17、js代码如果是操作DOM操作，应尽量放在body结束标签之前，html代码之后。