想要学习好SEO,html代码优化你不能忽略

原创 小彦  2017-02-23 01:45  阅读 4,909 views 次

html,相信很多朋友都知道它是一门计算机超文本语言,是网页编程的基础。通俗来讲,就是网页显示什么内容,都是和html代码有关系的,“超文本”就是指页面内可以包含图片、链接、JS,甚至音乐、程序、视频等非文字元素。网页html分为三个部分,头部(Head)、主体部分(英语:Body)和底部分(英语:foot),HTML常用标签是前端工作的基础。这里,作为一个SEO从业者,小彦为大家讲一下如何做好html代码优化?

一、网站的三要素TDK

所谓的TKD,其实就是标题title、关键词keywords、描述description三个部分,那么这部分的书写一定是很注意的,除过关键词keywords外,其他两个都很重要,一定按照分析用户需求,以及网站内容去填写合适的标题和描述,另外还要吸引到用户的注意才行。

二、图片的优化

百度蜘蛛无法识别图片,这个时候就要为图片添加ALT属性,或者在图片下部加一段解释性文字。见下图

图片alt属性

图片加ALT属性的作用:

1、提高网站相关性和用户体验

当用户鼠标一移动到该图片上立刻显示该图片想要说明的意思,而不是为了布置SEO关键字而写ALT文字,只有这样,ALT文字的真正价值才会被体现出来。当网站图片出现打不开时,用户依然能够知道图片所表达的含义。

2、用于图片的文字注释

我们在浏览网页时经常会发现当鼠标放在某一图片上的时候会出现文字注释,或者在有些网站的LOGO上也会显示ALT文字,这种文字就是ALT文字,专门用于注释图片的,因为搜索引擎目前读不了图片,所以用ALT文字来代替图片 。

3、增加关键词密度

可以布置关键词,但尽量按照图片表达含义来抒写,不要重复。这样百度图片在收录的时候,方便它的查找。

三、视频的优化

百度蜘蛛无法识别视频,那么我们在发布视频的时候,最好同样写一段介绍性的文字,用于注释。这里以优酷视频为例

视频的优化

四、JS/CSS的优化

JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。作为SEOer,我们能做的工作就是优化JS和CSS代码,对冗余废弃的代码进行清理删除,对JS、css代码进行合并,提升浏览器加载速度,改进用户体验。

html代码优化

JS书写有三种方式,第一种是直接写到网页代码中,比如< onclick="js代码">

第二种是嵌套式,可以出现在html的任意位置

<script type="text/javascript">

js代码

</script>

第三种是文件调用,html文件引入js文件。

common.js(文件编写js代码)

html文件引入js文件:

<script type="text/javascript"

src="调用js函数"></script>

那么,这里建议大家使用JS,尽量使用外部调用方式。

五、H1-H6标签

H1-H6标签,是指标题标签,建议大家阅读W3C中的相关文章,文章链接为http://www.w3school.com.cn/tags/tag_hn.asp

H1一个网页中,只能出现一次。首页的H1标签一般是运用的LOGO上,如果首页有H2、H3、H4、H5等,那么就必须有H1标签;首页要是不用H1、H2、H3…,也是可以的。文章页的H1标签一般是指文章的标题,而对于H2、H3、H4、H5在页面中出现的次数,不做要求。

六、nofollow标签

rel=”nofollow”表示不向该页面导出权重,搜索引擎不追踪。出站链接,不信任链接,比如QQ、微博等等可以添加nofollow标签,一般是在在a标签里添加。关于我们和联系我们,可以尽量让内容丰富一些包含文字,这样的话我们不必添加nofollow标签。

书写规范:<a href="网址" rel="nofollow"></a>

七、不建议使用的

图片、flash、JS、视频、声音、Ajax、frame、框架iframe等不能被百度蜘蛛识别,就不能抓取。不建议使用的JS、Ajax、frame、框架iframe,尽量少用。如果遇到frame、框架iframe,尽量用div+css布局,减少使用概率。同时table布局也是不利于网站优化的。

如果大家还有什么不懂的,可以和小彦继续交流SEO知识,qq3275448169

本文地址:http://www.shangxiaoyan.com/seojichu/78.html
关注我们:请关注一下我们的微信公众号:扫描二维码尚小彦SEO的公众号,公众号:shangxiaoyan2017
版权声明:本文为原创文章,版权归 小彦 所有,欢迎分享本文,转载请保留出处!
PREVIOUS:已经是最后一篇了
西安网络整合营销首选尚小彦
西安SEO服务,专业可靠

发表评论


表情