网页代码优化基本原则

2019-12-13 10:25:06

同学们做网站优化一般对html的div和css比较头大,今天,小编就给大家讲一些基本思路,希望有助于各位了解html代码。

1、seo不应该从效果入手学习html

如果seo学html从效果入手,今天一个button、明天一个js菜单、后天一个div浮动,那你可有的学了,这纯属捡了芝麻丢了西瓜。我们应该研究和优化有关的知识,对html代码看得明白,搞的清楚就行,具体如何做可以让网页设计制作人员搞定。

2、页面美观和seo优化不是冲突的

有人说做优化要尽量避免用大图和flash动画,但小编认为:我们应该辩证看待这个问题。因为任何事物都有好的一面和坏的一面,只要大家能扬长避短,让优点为我们所用就行。大图往往可以增强访客对网站的印象,趣味flash更是如此!

轮播大图与Iframe:如果大家有一些大图轮播广告怕影响页面整体下载速度,就可以用iframe达到美观又快速的目标。

对图片来说,如果是重要图片,我们可以通过以下方式进行优化:

1)压缩图片尺寸和体积,jpeg图片采用85%精度压缩就能减少很大体积;

2)对图片增加alt属性和文字;

3)图片周边增加相关描述文字;

图片在网站优化上还有个妙用,这一点可能大多数同学没想过,那就是用来减少样本文字!如果你在每篇文章页都有很多文字要展示给访客,但又害怕增加页面相似度,那么一张图片就可以搞定(如果文字部分的色彩不多,用gif格式图片即可,体积很小)

Flash动画:Flash要是做好了体积没多大。既然搜索引擎不能识别Flash,那么如果咱们有不想让搜索引擎识别的信息,不就可以用Flash来做了吗?

凡是说页面精美度影响优化的一定是对div和css不是很了解,或使用水平没有达到一定高度的,呵呵。

3、代码优化基本原则

1)精简代码,将css和js放在外部;

2)Div划分好区块,做到主次分明;

3)减少层次嵌套,让搜索引擎易于理解;

4)想样式美观,请用好css样式的background;

5)链接地址最好采用绝对路径(避免被其他域名解析,产生大量复制页面);

6)每个页面只能有一个h1。 h2、h3按需要采用,不可太多;

7)dl,ul,p,span,small,u,i 按需使用,有效减少class(dl、ul使用可参考我的网站文章列表);

最后,给大家一个小技巧,如果你希望一个页面上的链接都是在新窗口打开,完全不必在各个链接上写target=_blank,你只要在head中写一句base target=_blank即可。