四、优化及调试--网站优化--SEO在网页制作中的应用
SEO分类：白帽SEO、黑帽SEO
白帽SEO：
内容上的SEO：
网站标题、关键字、描述
网站内容优化
Robot.txt文件
网站地图
增加外链引用
前端SEO：
网站结构布局优化
扁平化结构（一般来说，建立的网站目录层次越少，越容易被收录，一般中小型网站，目录层次超过三层，网页爬虫就不太愿意爬行收录）
怎样做到扁平化布局结构：
控制首页链接数量（不能太多也不能太少，对于中小型网站，建议首页链接数量在100条左右，可以包括：页面导航，局部导航，锚链接等等）
扁平化目录层次（尽量要让小蜘蛛跳转3次，就可以进入到网站内页，比如网站的设计，可以定义为主页、栏目、内容页这样三级扁平铺开的结构）
导航SEO优化（一般可以有主导航、副导航、分类导航，导航设计应尽量采用文字方式，如果非要用图片的形式，要优化图片代码，加title和alt。其次，在每个网页上，我们要加上面包屑导航，面包屑导航可以让用户了解当前所在的位置，以及当前页面在整个网站中的位置，使用户可以了解网站组织形式，从而形成很好的位置感，并且提供返回各个阶层的快速入口，方便用户操作。）
不可忽略的细节：内容页布局
另外，当页面有很多内容时，要注意分页设置（向下优选）：
控制页面大小：一个页面最好不要超过100K
网页代码优化
<title>标题：在浏览器标题栏显示，把重要的关键词放在前面，不要重复出现，每个页面的title不要设置相同的
<meta keywords>关键词：列举出几个关键词即可，不要过分堆砌
<meta description>网页描述：高度概括网页内容，不要过分堆砌，每页都要不同
对于网页<body>中的代码，使用的原则：语义化代码（在适当的位置，用适当的标签）
H1~H6标签多用于标题
ul标签多用于无序列表
ol标签多用于有序列表
dl标签用于定义数据列表
em，strong表示强调
<a>标签 要加链接说明，即title，另外，对于指向其他网站的连接，要加上rel="nofollow"，用于指定 Google 搜索引擎不要跟踪链接。
<h1>标签 网页正文页标题，二级标题用<h2>，依次类推
<p>标签 用于段落
<br />标签 只用于文本内容的换行，最好不要用于其他位置换行
<table>标签 语义化要使用<caption>标签
<img>标签 应使用alt说明
<strong><em>和<b><i>标签 <strong>多用于强调关键字等，权重大于<b>，<em>标签用于斜体，权重仅次于<strong>，如果只是强调加粗和斜体样式，则使用<b><i>，如果强调内容，则使用<strong><em>
代码中的小TIPS：
重要内容HTML代码放在最前面
重要内容不要用JS输出
尽少使用iframe框架
谨慎使用display:none 对于暂时不想显示的内容，要使用设置z-index，或者将其设置到浏览器显示的范围外（因为爬虫会过滤掉display:none的内容）
不断精简代码
