基础知识
搜索引擎
搜索引擎爬虫会检索各个网站，分析他们的关键字，从一个连接到另一个连接，如果爬虫觉得这个关键字是有用的 就会存入搜索引擎数据库，反之如果没用的、恶意的、或者已经在数据库的，就会舍弃。搜索引擎数据库 保证是爬虫爬过的最新的数据。用户在使用搜索引擎会在搜索引擎数据库查找关键词，展现给用的的是排序后的结果。除开 某些搜索引擎推广的，剩余的一般是按照关联度来排序。
SEO简介
SEO（Search Engine Optimization）汉译为搜索引擎优化.seo优化是专门利用搜索引擎的搜索规则来提高目 前网站在有关搜索引擎内的自然排名的方式.SEO的目的理解是为网站提供生态式的自我营销解决方案，让网站在 行业内占据领先地位，从而获得品牌收益.
如在百度搜索hacke2，第一个就是我的前端博客www.hacke2.cn
百度搜索hacke2
白帽SEO
采用SEO的思维，合理优化网站，提高用户体验，合理与其他网站互联。从而使站点在搜索引擎排名提升。 白帽SEO关注的是长远利益，需要的时间长，但效果稳定。
黑帽SEO
就是采用搜索引擎禁止的方式优化网站，影响搜索引擎对网站排名的合理和公正性。同时随时因为搜索引擎 算法的改变而面临惩罚。比如加的关键字与自己网站根本无任何关系，这些关键字一般都是最近最火的关键字 欺骗用户、欺骗爬虫。
白帽SEO的相关手段
- 网站标题、关键字、描述
- 网站内容优化
- robot.txt
- 网站地图
- 增加外链引用
一般有关前端工程师的有：网站布局结构优化、网页代码优化。
前端SEO
网站布局结构优化
网站结构尽量简单、清晰。推荐扁平化结构。相关手段如下：
控制首页连接数量
对于中小型网站来说，最好不要太多，但也不能太少
扁平化目录层次
爬虫希望看到你网站的结果是树形结构。 如动物–>猫科动物–>狮子
导航
导航尽量是文字，而且层级尽量小于三级。如本站导航若为图片，title和alt必须添加
本站导航
其他
使用面包屑导航、单个页面不超过100k
代码
head
title 表示网页的标题 description 表示网页的描述 keywords 表示网页的关键字
下面是本站的相关描述，右键查看源代码即可看到
<title>hacke2's blog | WEB前端,一路前行 – hacke2's blog</title>
<meta name="description" content="hacke2的前端技术博客,分享自己的技术心得,积累前段技能,汇聚前端之路的点点滴滴。">
<meta name="keywords" content="hacke2, blog, hacke2 blog, 前端技术, javascript">语义化
HTML 5的革新——语义化标签 深更半夜话(html)语义
代码优化
部分参考百度百科、慕课网