从HTML布局浅谈网站优化

2019-03-15    来源:flagwind.com

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

SEO是一门学问,涉及到的东西也很广泛,很多朋友在做SEO的时候往往会关注一些外部的东西,比如外部链接,或者发广告等等,而忽视了自己网站内在的一些东西,今天我就和大家聊聊关于HTML布局中的一些东西,希望对大家有所帮助,也欢迎大家共同探讨。

一、编写良好的HTML结构

一个良好的HTML文档结构无论是对搜索引擎,还是对代码人员(切片人员或者程序员)都是有百利而无一害的。回想一下人们之所以抛弃TABLE(表格)布局,就是因为使用TABLE布局产生了大量的冗余代码,而且为了到达一定的视觉效果,只能套用多个表格。所以如果您使用DIV+CSS布局,但是您的HTML文档结嵌套过深或者冗余代码过多,基本上和表格布局没什么区别。这里我推荐一个国外牛人编写的网站,大家可以参考一下他的文档结构Zengarden(蝉翼花园)百度一下就出来了。

二、巧用你的LOGO

很多朋友喜欢插入一个IMG标签作为网站的LOGO,个人觉得有点乱费资源,为什么这么说呢? 因为现在搜索引擎对IMG标签的ALT属性已经几乎无视了。还有就是搜索引擎对一个网站的HTML前一部分都是比较看重的,在这里我举个例子来教您巧用您的LOGO,咱们打开搜狐的网站查看他的源文件,发现它的LOGO不是用IMG标签插入的图片,而是这样定义的:

HTML部分

<h1><a href=http://www.sohu.com title="搜狐-中国最大的门户网站">搜狐</a></h1>

CSS部分

h1 {text-indent:-5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}

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很有用怎么办?笔者用了一招很多朋友都没留意过的招数,就是嵌入字体,还是老规矩直接上代码:

CSS部分

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

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

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

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

本文由深圳网站建设公司旗风网络(www.flagwind.com)原创,转发的时候请不要删除原作者版权信息,谢谢!

标签: 网站优化 html布局 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:新手站长SEO中是否忽略了这些细节?

下一篇:新手如何利用博客论坛来提高网站排名