我想绝大数的国人用的搜索工具都是百度吧，甚至咱们也经常Google一下baidu,或者baidu一下Google，甚至是有段时间，Google到百度后，打开网站倒是跳转到Google，不过如今Google退出了中国市场，因此目前国内搜索引擎仍是百度一家独大，这两个大公司之间的竞争就不谈了，毕竟离咱们还蛮远的。php
我想你们，不论是什么社会身份，什么工做职位，如今都离不开网络，离不开搜索引擎，有什么不懂的，都会下意识的利用搜索引擎，百度知道，维基百科等等来查询本身想要的信息，并且随便输入一个关键字，或者关键词，总会有不少网页出如今咱们的搜索结果下面，那么如今出现了一个问题，咱们通常都会点第一个网页，对吧，为何呢？这是一个习惯，或者说是下意识的反应，下意识的认为排名在前的网站可靠度，信任度会高于其余的。固然也会出现你搜索到的网站确实是在一个位，嘿嘿，可是别人是给了百度推广费的，因此你懂的....html
对于咱们前端工程师来讲，咱们要作的事情就是让本身作的网站在搜索引擎上的排名越高越好。这里就产生了一个专业名词SEO。前端
仍是说说搜索引擎吧，搜索引擎貌似都用的一个蜘蛛程序，他的基本工做原理主要就两个：html5
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!!!!
