在我们优化一个网站之中,往往是掺杂着html代码的优化。一个网站不但需要做好用户体验,也需要做好搜索引擎的一个体验。搜索引擎体验就涉及到html代码优化,那到底如何优化网站的html代码呢?今天亚网互联小编我就给大家普及一下html代码的优化知识。
一、基础html代码认识
html代码是由div+css的组成,所谓的DIV就是我们看到网站的框架而CSS指的是控制这个框架的控制器。大家可以发现整个网页是有头部(head)、内容(body)、footer(底部)三部分组成。网页就像盖房子一样先做框架(div),在具体施工(css)。网站的头部主要包括标题(title)、描述(description)、关键词(keywords)三部分。对于body身体部分中其实也就包含图片、锚文本两个,不论logo还是轮展图都属于图片,其中图片分为背景图片和加入的图片,导航栏或者文章的标题都是锚文本。底部footer跟身体部分是一样的。
总结每个网页都是由图片、文字、锚文本组成的,头部(head)写上三大标签,内容(body)放产品以及内容,底部(footer)放我们的一些联系方式。
二、html代码优化
1、首先我们要知道哪些是搜索引擎不认识的,像iframe(拿出网页),图片,视频,js,flash。
有些朋友可能会为了增加网站美观度而添加很多视频,js,flash等之类效果展示,其实这种东西能少用就少用,除非是对用户体验有用的。
2、其次我们需认识一些特别的标签,像nofollow标签,(nofollow在html代码之中是不传递权重的意思)我们可以针对一些无关紧要的东西给nofollow掉。如:QQ客服、广告、登入页面或注册一些链接之类的都可以nofollow掉。写法:<ahref=“链接地址”rel=“nofollow”>文字</a>
3、然后我们再认识下图片标签,图片是搜索引擎不能识别的,但图片有个alt属性能说明图片是干啥的,所以我们的每个图片最好写清楚alt属性。这样你网站的基础得分也会高点。写法:<imgsrc=“图片路径”alt“图片描述”/>
4、最后我们认识下H标签,在代码中加入H标签有利于层级关系的分布,这样能告诉搜索引擎那块是比较重要的,便于搜索引擎识别。H标签包括H1,H2,H3,H4,H5,H6。等级从h1-h6由高到低。
H标签用法:我们认为那块是这个页面最重要的我们可以用h1标注起来。但h1标签在一个页面只能出现一对,而h2-h6可以出现多对。其实一个网页没有H标签也是没关系的,对于网站影响是不大的,但是用起来也是可以的,毕竟这样能更好的体验出网站代码的完整性。
总结:我们在做一个网站优化的时候不要完全追求网站的美观度,胡乱添加js、flash等效果展示。更需要注重用户体验和搜索引擎体验。在搜索引擎体验时一定要做好最基本的html代码的优化。只有我们做好这些最基本的设置,再加上我们做的非常好的用户体验。那我们的网站排名自然会超过别人。
如没特殊注明,文章均为深圳网站建设原创,转载请注明:亚网互联www.yanet.cn
【 微信扫一扫 】