SEO在网页制作中的应用
一、搜索引擎工作原理
搜索引擎数据库(有海量关键字,链接等),这些是百度蜘蛛从互联网上爬行收集到的->与搜索关键字最接近的排在搜索结果最前面->为了使自己做的网站排在前面，故要进行SEO
二、SEO简介
SEO:Search Engine Optimization 搜索引擎优化
分为：
白帽SEO:改良和规范网站设计，使之对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获得更多合理的流量，是搜索引擎鼓励和支持的
可以做的事：a.对网站标题、关键字、描述进行精心设计，反映网站定位，让搜索引擎明白网站是做什么的
b.网站内容优化，增加关键字的密度
c.在网站上合理设置Robot.txt文件
d.生成针对搜索引擎友好的网站地图
e.增加外部链接到各个网站上宣传
黑帽SEO:利用和放大搜索引擎政策缺陷来获取更多用户的访问量，这类行为大多是欺骗搜索引擎
三、前端工程师与SEO
网站结构布局优化：a.合理规化网站站点结构，扁平化结构(网站目录结构越少越容易被小蜘蛛抓取也就越容易被搜录)值得推荐
一般中小型网站目录层次结构超过三层小蜘蛛就不愿意爬了
要做到扁平化结构需要做到的三个方面：a.控制首页链接数量(中小网站100以内，页面导航、底部导航、锚文字链接等)
b.扁平化的目录层次（小蜘蛛跳转3次可以到达网站内任何一个内页，网站的设计主页、栏目、内容页，不要用纵线性的结构）
c.导航SEO优化（头部、底部、内容部分，主导航、副导航、分类导航，尽量用文字，面包屑导航，在每个网站上留下面包屑，让用户了解当前所处 位置，使用户可以了解网站组织形式，放于正文的左上方）
网页内容优化：网站的加载速度会影响小蜘蛛的爬行，页面最好不要超过100k
四、网页代码优化
<title>标题，只强调重点，每个页面的title不要重复
<meta keywords>关键词，只列关键词，不要过分堆砌
<meta description>网页描述，高度概括网页的内容，一定不要太长，不要过分堆砌关键字。每个页面的描述应不同。
body中代码的优化：a.语义化代码，在适当的位置用适当的标签，让人和小蜘蛛都一目了然
比如：h1~h6标签多用于标题
ul标签多用于无序列表
ol标签多用于有序列表
dl标签用于定义数据列表
em，strong表示强调
常用标签的SEO:
<a>标签：加链接的说明，即title,对于指向其他网站的链接，要加上rel=“nof0llow”,告诉小蜘蛛不要去爬这个链接了
<h1>标签：小蜘蛛认为h1标签中的内容最重要了
<p>标签和<br/>标签：<br/>标签最好用于文本内容的换行
<table>标签:用caption
<img>标签：用alt说明
<strong><em>与<b><i>:
strong:是权重标签的代表，在搜索引擎中能够得到高度重视，能突出关键词，表现重要的内容
b:在浏览器中显示效果和strong是一样的，但在SEO中并不会起到很好的效果，不推荐使用
em:在浏览器中表现为斜体，表示的意思也是强调主题，在权重标签中的重要度仅次于strong
注：,若在网页中仅仅是为了显示加粗和斜体效果，推荐用b和i,若使用strong和em会影响到SEO的效果，若为了强调文字内容建议用strong和em标签
代码编写过程中的小贴士：
a.巧妙利用CSS布局，将重要内容HTML代码放在最前面
b.重要内容不要用JS输出，小蜘蛛看不懂JS编程
c.尽少使用iframe框架
d.谨慎使用display:none,应使用设置z-index或将其设置到浏览器显示范围以外，小蜘蛛会过滤掉display：none中的内容
e.不断精简代码