我想绝大数的国人用的搜索工具都是百度吧，甚至我们也常常Google一下baidu,或者baidu一下Google，甚至是有段时间，Google到百度后，打开网站却是跳转到Google，不过现在Google退出了中国市场，所以目前国内搜索引擎还是百度一家独大，这两个大公司之间的竞争就不谈了，毕竟离我们还蛮远的。
我想大家，不管是什么社会身份，什么工作职位，现在都离不开网络，离不开搜索引擎，有什么不懂的，都会下意识的利用搜索引擎，百度知道，维基百科等等来查询自己想要的信息，而且随便输入一个关键字，或者关键词，总会有很多网页出现在我们的搜索结果下面，那么现在出现了一个问题，我们一般都会点第一个网页，对吧，为什么呢？这是一个习惯，或者说是下意识的反应，下意识的认为排名在前的网站可靠度，信任度会高于其他的。当然也会出现你搜索到的网站确实是在一个位，嘿嘿，但是别人是给了百度推广费的，所以你懂的....
对于我们前端工程师来说，我们要做的事情就是让自己做的网站在搜索引擎上的排名越高越好。这里就产生了一个专业名词SEO。
还是说说搜索引擎吧，搜索引擎貌似都用的一个蜘蛛程序，他的基本工作原理主要就两个：
1：搜索引擎派出“蜘蛛”程序，沿着已知的链接对互联网站进行检索。一旦发现新的网站，它会自动提取网站的信息和网址加入搜索引擎的数据库。
2：网站拥有者也可以主动向搜索引擎提交网址。 “蜘蛛”程序，将会直接来扫描你的网站并将有关信息存入数据库，以备用户查询。
SEO是什么呢？
SEO就是搜索引擎优化，也叫搜索引擎排名、网站优化等，英文名称为 Search Engine Optimization，简写为SEO。
SEO是让网站设计符合搜索引擎检索习惯，从而提高网站在搜索引擎的排名，使潜在客户通过产品关键词在各大搜索引擎上都能搜索到网站，提升网络营销效果。
why we need SEO?
1:搜索引擎是网民获取信息的主要工具
2:搜索引擎是高效的网络推广渠道
3:网民更信赖自然检索的结果
4:网民一般只查阅在搜索结果中排名靠前的结果
SEO 能做什么？
1：提升网站的搜索排名--------SEO通过研究搜索引擎的抓取和检索规律，让产品网站适应这些规律，并取得好的搜索排名。
2：带来更多的优质流量--------SEO可以带来有明确需求的访问者，大幅度提高网站的营销效果。
3：优化网站建设质量 ---------通过SEO，可以让网站页面、架构、层次更清晰、合理，更符合普通网民的使用习惯
搜索引擎的排名规则
搜索引擎的任务是，把最符合用户搜索需求的网站排在检索结果的前面。
搜索引擎通过一系列复杂的算法，来给每个网站打分，并排名。
根据经验，我们大概可以发现搜索引擎一般通过三个方面来评估网站。
1：网站的受欢迎程度----在互联网上被广泛链接的网站，点击率高
2：网站的相关度----网站的内容主题与用户搜索的关键词密切相关
3：网站的质量----网站的访问量大，原创内容多，页面更新速度快......
排名的基础：网页级别（PR值）
关键词的相关度
1:搜索引擎会评估每个网页的主题内容关键词。
2:并计算该网页与用户所查询关键词的相关度。
3:相关度越高，越有机会排名靠前。
网站质量评估
有符合用户检索需求，网站质量高的网站，搜索引擎优先推荐。
有访问价值的网站：
被收录的页面多
网站访问量大
网址点击率高
原创内容多
页面更新速度快
域名的历史久
有良好访问体验的网站：
页面打开速度快（服务器、带宽）。
无恶性插件
内部链接通畅。
有网站地图，清晰的网站导航。
SEO的核心：关键词策略
1:网站分析
网站提供哪些产品、服务内容，用户能通过什么关键词搜索到我们的网站
2：确认核心关键词
和网站业务相关度，具有高转换率的关键词。产品用户常使用，搜索次数高的关键词选择容易取得排名的关键词，避开竞争热门词。
3：组合长尾关键词
根据用户的搜索习惯，组合延伸，形成系列关键词组
4：关键词推广策略
一般网站首页，用来推广核心关键词和关键词组。建立更多二级网站，逐个优化长尾关键词。
关键词密度：
关键词密度是指关键词在页面中出现的频次。
计算公式：关键词密度 = 关键词数量/页面所有词汇数量
关键字密度过高有作弊的嫌疑，过低起不到优化的效果。
密度一般在2%-6%之间，比较合适。
关键词分布：
1：页面的Title和Meta标签
2：文章标题、页面头部、左侧、正文前200字
3：加粗、加大、加色、加链接
4：Img的ALT标签
5：网址中含关键词的英语或者拼音
网站链接策略：
在互联网上有被广泛链接的网站，会被搜索引擎优先推荐。
网站内部所有子页面，都有指向首页的链接。
页面出现关键词文字，可以用来链接相关主题的页面。
清晰的网站导航，使用“面包屑型(breadcrumbs)导航。
建立展示网站所有内容的网站地图。
尽量把站内所有重要页面之间，两两互联。
尽量用文字链接，少用图片、FLASH链接。
不要让你的网站出现死链接。
引入高质量的外部链接：
主动将你的网站提交搜索引擎相关目录。向行业网站的相关目录，提交网站。
与高质量（PR和流量）的竞争对手网站，进行友情链接。
与高质量的合作伙伴网站，进行友情链接。
在重要的行业网站，发表带有网站链接的软文。
不要做一些垃圾链接：在论坛、留言本等批量发带有网址的内容。
网站建设优化：
使用高性能稳定的服务器，避免和垃圾网站同在一台服务器或一个IP字段。
域名和网址的设计，考虑和推广的关键词相关。例如用英文或汉语拼音。
网站栏目的规划，需要考虑到长尾关键词的推广。
发布丰富的原创内容，搜索引擎会优先推荐原创网站。
网页优化：
尽量使用DIV-CSS，让网页代码简洁。这样页面打开速度快，也方便蜘蛛程序抓去。
如果页面有JAVA脚本，可以考虑将脚本放置在页面尾部，或调用JS文件。这样可以让关键词尽量集中在网页代码的前部。
尽可能使用静态网址，避免重要栏目出现带有?、& 、= 、%的动态网址。
避免使用不同的链接指向网站页面，搜索引擎一般对不同的链接地址单独评估PR。
不得以使用动态地址，尽量只带有1个参数。 参数越多，搜索引擎抓取难度越大。
图片优化:
少用或不用FLASH。
为你网站内的每张图片增加ALT属性，标识图片主题。
重要图片防止在首页或重点栏目里，图片主题和页面主题保持一致。
不要作弊，避免被惩罚
SEO必须要了解的规则，避免在无意中使用这些手法，而遭到搜索引擎的惩罚。
关键词堆砌（Keyword Stuffing）
隐藏文字/链接（Hidden Text/ link ）
桥页（Doorway Pages）
无用的meta标签（Useless Meta Tags）
伪装页面（Cloaked Page）
链接工厂（Link Farms）
重定向（Re-Direct）
做白帽SEO，不要做黑帽SEO。
常用SEO工具
复合搜索：
http://www.gogou.org 多个搜索引擎对比检索
http://www.baigoogledu.com GG/百度对比检索
关键词分析
http://www2.baidu.com/inquire/rsquery.php 扩展关键词
http://index.baidu.com/ 百度指数
https://adwords.google.com/select/KeywordToolExternal
http://ww.google.com/trends/ 关键词查询热度
http://tool.chinaz.com/Seo/Key_Density.asp 关键词密度
查询工具
http://tool.chinaz.com/Rank/Index.asp PR查询
http://www.alexa.com/#traffic 流量查询
http://tool.admin5.com/grasp.html 收录与反向链接查询
HTML5的语义化与SEO的关系
HTML5中对很多标签进行了一系列的语义化，比如导航的NAV，table里面的Theard，Tbody，Tfoot标签等等.....Html5对标签的语义化，使得代码的可读性，可维护性大大增强，也满足了SEO的规则，html5的语义化，有利于搜索引擎的检索以及对代码的阅读。
作为前端开发的我们，必须要了解SEO的规则以及HTML的规范，写出能让人看懂的代码，而不是只有机器能看懂的代码. fighting man!!!!