搜索引擎友好的HTML

1.HTML结构化单元
通常HTML提供的结构化单元可以帮助搜索引擎从全局上了解文件内容，以及定位逻辑分区和重要部分，
例如<h1>和<h2>标签，<b>标签等。如果在HTML代码中没有给出此类结构化单元，搜索引擎将完全根据自己的判断工作。


2.内容冲突和表格
搜索引擎对越靠近HTML文档顶端的内容越重视，所以要尽量避免在页面的初始内容中设置重复和不相关的内容。
通常的内容格式中，最没有必要设置在HTML文件顶端的是JavaScript代码。最好将位于HTML文档顶端的JavaScript
代码移到底端，或者移到单独的文件中，因为JavaScript包含爬虫难以检索的大量脚本。
这个问题的另一种常见表现形式就是，由于很多基于表格的站点将导航单元置于网页左边，也会出现上述问题。因为
以这种方式使用表格，将会把主要内容的物理位置向下推，从而导致网页在搜索引擎中的排名更加靠后。由于导航单元在文档中的物理位置
很靠前，如果导航单元设置过多，还将导致搜索引擎将无法判断页面的主要内容。搜索引擎会检测页面上的重复单元，例如
物理位置在主要内容之前的导航单元，然后尽可能多地忽略这些单元。现代搜索引擎不只看源文档中内容的物理位置，
而是检查出内容实际显示出现的位置。尽管如此，避免出现导航单元带来的问题，总会带来好处。
要解决这个问题，通常用这三种方法：
（1）使用纯CSS类替代表格排版
（2）在使用表格排版时，可以将导航单元放置在页面的一侧
（3）将表格单元在文档中的物理位置倒置
如果在网页中使用了表格，可以将其中一部分表格转换为CSS版式。由于表格一般占有很大一片覆盖区，所以要
缩减HTML代码规模，最好从代码中的重复单元（通常由循环生成，例如导航单元和重复区）下手。
表格内容输出倒置：
<table>
<tr>
<td valign="top">Navigation</td>
<td valign="top">Content</td>
</tr>
</table>
此时，可以通过重写HTML代码，在不改变外观顺序的同时，将文档中的相关内容前置，代码如下所示：
<table>
<tr>
<td><!-- empty table cell --></td>
<td rowspan="2" valign="top">Content</td>
</tr>
<tr>
<td valign="top">Navigation</td>
</tr>
</table>
通过这个办法，可以使文档中导航代码的物理位置在内容的物理位置之下，而且当代吗载入浏览器时，导航仍会出现在页面左边。


3.framework
由于在使用framework时会出现很多问题，以致有很多设计者都对为什么要使用framework感到困惑。搜索引擎在搜索含有framework的网站时
，会出现很多问题。当一个页面中包含与上下文相关的framework时，搜索引擎不能为该页面创建索引，只有单个framework
页面才能被索引。但在经常用导航framework将这些framework关联起来这样一来，即使一些单个framework页面被索引了，也有
可能使得用户收到不带导航的孤立页面。对这个问题也有一个解决方法（与弹出导航页面中介绍的方法相似），然而此方法又会导致其他问题；
noframes标签试图处理这个问题，但它只是个不可见的页面因素，并且被垃圾网站滥用。任何使用framework的网页都会存在上述的
问题，因此建议设计网页时不要使用framework