网站优化之HTML布局

SEO是一门学问，涉及面很广。很多朋友倾向于关注一些外在的东西，比如外部链接，或者广告等等。在做SEO的时候，同时忽略了自己网站内部的一些东西。今天和大家聊聊HTML布局的一些事情，希望对你有所帮助，欢迎大家一起探讨。

一、编写良好的HTML结构

一个好的HTML文档结构对搜索引擎和编码者(切片者或程序员)都有好处。回想一下，人们之所以抛弃表格布局，是因为表格布局的使用产生了大量的冗余代码，为了达到一定的视觉效果，只能应用多个表格。所以如果你用DIV CSS布局，但是你的HTML文档结嵌套太深或者冗余代码太多，基本上和表格布局一样。这里推荐一个外国同事写的网站。可以参考他的文档结构，Zengarden(蝉园)。百度刚出来。

　二、巧用你的LOGO

许多朋友喜欢插入一个IMG标签作为网站的标志。个人觉得有点浪费资源。为什么这么说？现在搜索引擎几乎已经忽略了IMG标签的ALT属性。也就是说，搜索引擎更关注网站HTML的第一部分。在这里，我举个例子，教你如何巧妙的使用你的LOGO。我们打开电商江湖的网站查一下他的源文件，发现它的LOGO并不是插了IMG标签的图片，而是这样定义的：

HTML部分

H1 href=' 3358 www . eczn.com ' title='电商江湖'/a /h1

CSS部分

h1 { text-indent :-5000 px；显示： block；width:143pxheight:67pxfloat:leftmargin:0自动；}

15px; margin-left: 0pt; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">　　h1 a {width:143px;height:67px;float:left;background:url(../images/logo.gif) no-repeat;overflow:hidden;}

　　很多人也许会问怎么会是一个H1标签呢?这样算不算作弊? 这个的话搜索引擎官方也没有明文规定算作弊，而且人家搜狐这么大个网站都这么干，咱们对着来就行了，而且本人多次使用到了此招，目前还没有发现什么问题。

　　三、合理放置H标签

　　有过SEO经验的朋友都知道。H1~H6标签有利于网站优化，没错，但是如果您的H标签滥用不仅对SEO没有任何好处，反而会遭到降权甚至灭亡。还是举例说明，就拿一篇新闻来说个人建议H1标签放置标题，H2标签可以放一段50字左右的小描述，还有就是H2标签可以加一个和标题相关的辅助关键字用以衬托，H3标签可以做新闻内容里面的小标题，同H2一样也可以加一些关键字修饰不过要控制好比例哦。H4同H3一样同时配合使用效果更好。

　　四、美观与网站优化相结合

　　目前在国内做HTML布局，往往是美工或者切片人员最头疼的事，因为国内的操作系统能在网页上显示的字体是少之又少，最常用的也就是宋体，但是很多设计师在网站设计稿中会用到一些艺术字体，这是很正常的。但是悲催的国内浏览器只支持宋体和一些很少用到的黑体和楷体，怎么办呢?有切片经验的朋友立马就想到切图，对，这是最常用的办法，但假如这些用了艺术字体的东东对SEO很有用怎么办?就拿笔者的网站来说 http://www.eczn.com 打开后大家会发觉，我的导航是用的微软雅黑字体，很多朋友都知道。悲剧的XP默认是不带微软雅黑的，但笔者用了一招很多朋友都没留意过的招数，就是嵌入字体，还是老规矩直接上代码：

　　CSS部分

　　@font-face {font-family:'flagwindRegular';src: url('/DBFNT0.eot');}

　　#navigation li{font:normal 15px '微软雅黑','flagwindRegular';}

　　仔细观察我的#navigation的字体定义，首先是微软雅黑，然后后面那个单引号里面的内容就是我上面自定义的字体名称，关于自定义嵌入字体我就不在这里啰嗦了。大家可以上百度一下查找一下，很简单的，分分钟就学会了。

　　写了这么多，本来文笔就烂，又是第一次投稿，能不能通过审核都是问题，但是我所说的内容都是本人7年做网站总结出来的经验，有什么不对的地方欢迎大家拍砖，如果通过审核了以后就尽量多写一些实用的东西出来。