从网站建设的角度，即设计师的角度来说说如何SEO一个网站的文字和HTML代码比。云在天边来讨论一下网站SEO增加文字与HTML代码的比例。

其实对于搜索引擎来说，最友好的，当属文字了，虽然现在图片的抓取不断在改进，但是任何一位有经验的老手都会告诉你，SEO，文字最合适。也正因为此，比方说云在天边博客里，图虽有，但仍是文字居多。

这里给大家举个简单的例子，说明如何增加网站的文字与HTML代码比：

如：
很多人喜欢这样写H1：

这里是标题

众所周知，一个页面不会出现两个H1，如果有两个，那好比一个人身上长着两个脑袋一样很难看。这不仅是常识，也是标准。所以给h1加上这些那些class或id是画蛇添足。
应这样写：

这里是标题

然后样式需要在CSS中定义。
这是很简单，那页面中有圆倒角如何做？网上有N多办法，其中最典型的就是HTML+CSS实现圆角矩形，HTML代码部分如下：

其实，我们完全不必用这些代码，可以简化到：

毫无疑问，这样可以很明显的减少HTML代码，当然，光这样写是失去了圆角效果，效果我们可以借助JS加上。
我们完全可以用纯粹的JavaScript代码来写，为了方便，我们采用jQuery来写：
jQuery(function($){
$('.panel').prepend('

‘);
})
需要注意的是，这个JavaScript代码要写到一个独立的js文件中。

如果页面中，用到多个圆角，则只管设置class为panel即可。

这样，我们可以减少HTML代码，实现了增加内容和HTML代码比的目的。
在不牺牲用户视觉效果的情况下，给爬虫看一个干净的页面代码，并且在网速相等的条件下，一定的减少抓取时间，有利于抓取，毫无疑问，也将有利于搜索引擎的排名。

除了这个圆角外，滑动门等，完全可以用jQuery进行代码优化，说点不客气的话，国内常用的那些滑动门实在是恶心，还得加一大堆没用的id，其实滑动门可以做的更简单。

这里是HTML代码:
 

滑动门标题1

滑动门1对应的内容

滑动门标题2

滑动门2对应的内容

......

转载请以超链接注明来自  云在天边看世界
本文永久链接  http://www.tangblog.info/2009/09/2/seo_with_html.html