最近有不少朋友问我关于SEO中html标签使用的问题,根据这些问题我总结了网站SEO优化常用的7大html标签和大家聊聊。
网站上线前,必要对网站的代码和标签做必要的处理,目的是提高优化网站打开速度,夸张想要达成排名的关键词。一个优质的网站,在代码方面是精良的。
作为一名网站搜索引擎优化优化人员,对于网站代码必必要有所懂得,这是做网站优化的必备身分之一,网站推广要想获得好的绩效,源代码是很关键,抉剔的搜索引擎蜘蛛对于简洁的网站代码是情有独钟的,这就必要我们对网站代码结束精简及优化。网页的精简说白了就是网站代码优化,去掉网站多余的代码,以减少网站的大小,提高网站的加载速度和用户体验。
网站代码优化是站长必必要控制的根本技能,这关系到搜索引擎蜘蛛可否会对你的网站感兴趣,冗长无用的代码会让蜘蛛很难懂得,增加蜘蛛抓取网站的难度,同时,网页的精简还关系到网站的加载速度,对用户体验相当重要。
1、HEAD部分代码规范化。
HEAD部分代码是搜索引擎蒲伏网站的入口部分,现在很多网站的头部代码都相当同一化,死板效应明显十足,这样的网站代码是像模板框架异样是不被spider爱好的,而我们要做的就是将网站的代码规范化,建立起网站独一无二的head部分,让搜索引擎有新鲜感,这样才能够或者或者吸引spider蒲伏。
2、利用DIV+CSS分离结构网页。
虽然现在div+css已经很成熟了,但是很多网页筹划者能够或者或者考虑到网页的兼容性和结构的大略单纯性还是利用老式的table结构,虽然table结构很方便,但是其弊端也是不问可知的,那就是会大大增加网页的大小,尤其是多层表格的嵌套,这种结构不但会提升体积,同时如果嵌套数太多的话就会影响到搜索引擎的蒲伏,影响到站点的收录。
其余,一些网站会利用外部文件,将css和js放在外部文件中,页面html中只要放异样代码调用就能够或者或者了,有时候我们去查看的一些源文件代码,会看到很多css代码和javasript代码,将javascript放置在网站页面的html文件中的最后面,而真正能用到得一些文字部分这被推倒了html的后面,杭州搜索引擎优化觉得这种代码都必要精简。
3、CSS代码本身的优化。
CSS是页面效果呈现中非常重要的构成部分,它包括颜色、大小尺寸、背景和字体等。写CSS很大略很容易,但是要想写出精炼的CSS代码还是有很多技能的。
(1)、CSS位置
CSS说明如果呈现在网站今后,页面必要重新衬着,打开速度受到影响,统统css定义代码的位置要放到网站曩昔。
(2)、css sprite技能
网站上的一些图片能够或者或者采用css sprite技能结束合并,减少加载请求次数,从而提高网页的加载速度。
(3)、CSS代码优化
经过进程对css代码属性的简写、移除多余的结构(frameworks)和重设(resets)等一系列的方法和技能来简化css代码,减小css文件的大小。
(4)、尽管纵然不要利用内嵌式CSS
内嵌式CSS分为两种,一是在head地域的普通内嵌式;二是在标签内呈现的行内内嵌式CSS,无论是何种内嵌CSS方法结果都邑提升页面的体积,对此,我们能够或者或者尽管纵然利用外调式的CSS来为站点页面的体积瘦身。
4、JS位置,大小等负面的优化。
JS优化与其余措辞的优化也仍旧有相同的地方,JS优化的关键,仍旧是要把精力放在最关键的地方,也就是瓶颈上,异样平凡来说,瓶颈总是呈现在大规模循环的地方,这倒不是说循环本身有性能成就,而是循环会迅速减少能够或者或者存在的性能成就。
(1)、JS位置
网页代码中对js结束优化的时候,杭州搜索引擎优化建议将JS放在页面最后,这样能够或者或者加快页面打开速度。
(2)、合并JS
合并相同域名下的js,经过进程减少网络连接次数从而提高网页的打开速度。
(3)、LazyLoad(延迟加载)技能
Lazy Load是一个用JavaScript编写的jQuery插件,它能够或者或者延迟加载长页面中的图片,在浏览器可视地域外的图片不会被载入,直到用户将页面迁移转变到它们所在的位置。
(4)、JS代码外部的调用
我们晓得今后的搜索引擎还是不能够或者或者识别JS代码的,倘若在网站中呈现大量量的js代码网站在收录上就会呈现艰难,而我们要做的就是将用到Javascript代码用外部调用的形式放在网站中,这样能够或者或者简化搜索引擎的工作,也不会在无形中衍生出有用代码累及网站。
不但如斯,杭州搜索引擎优化觉得能够或者或者采用外部调用的尚有css代码,建站之初能够或者或者将网站的文字、颜色定义在css代码文件中,尽管纵然不要在页面代码内呈现过多的格式代码。
(5)、降低页面对于JS的依赖性
现在来说,JS对于搜索引擎其实不不友好,虽然有消息称搜索引擎不会对JS有憎恶的感情,但是多一事不如少一事,虽然JS能够或者或者制作出很多的效果,但是网页中大量的JS将影响蜘蛛对页面的抓取和增加网页体积,尤其是页面的关键位置如导航栏,尽管纵然采用DIV+CSS的筹划方法。
5、减少TABLE标签的利用。
table标签是现在大多数上线网站中最为罕有的代码形式,原因起因根本在于table在建立网站时比较快捷,但是这也就影响了网站的后期优化。
相对于div+css结构的精简代码网站来说,它的占位比较大,所以,在建站时候,尽管纵然是少用表格,纵然是要利用表格时,嵌套式表格也要尽管纵然少用,省得产生冗杂代码。
那么,现在的网站用什么做呢?很多程序员先进想法主见就是采用CSS去做,采用CSS去排版,这种做法呢,就使页面中的表格大大的降低了,但在杭州搜索引擎优化看来,网站也不能没有表格,有些事必须利用到得,利用表格本身没什么,但是有很多网站都采用嵌套表格,异样平凡这样的表格形式会给网站产生大量的残余代码,并且这些残余代码都是没有任何用处的代码,这一类代码也是我们网站必要精简的代码之一。
6、代码注释省略的大量利用。
很多程序人员在编写代码是都习惯在别人看不懂的地方给出一段注释,这些代码往往是为了几个程序员之间的协同工作,对于外人和搜索引擎来说没有任何用处,相同还会给搜索引擎蜘蛛带来一定的困扰。
打开页面代码我们经常会看到一些注释代码,这是程序员为了表明代码意义而做的注释,其实这些打开不消,因为对于搜索引擎而言,它们是不存在任何意义的,只是会增加了页面代码的容量,这样对于网站不会有什么利处,不如直接省略。
7、打消页面中多余的代码即精简代码。
有的网站觉得制作者的代码誊录习惯成就,页面会有很多空格代码,比如:空格代码、style和font重复定义的代码,不要小看这些体积很小的代码,积聚多了,也会使我们的网站非常的臃肿。
很多网站都是采用的DIV+CSS,在CSS中定义了文字的字体,颜色,和页面的排版,但是在网站的其余地方还用了以style和font来再次定义字体字体,这些代码完备没有必要重复定义,属于能够或者或者精简的代码。
8、将html控制方法转换为CSS控制。
很多网页筹划者习惯在标签内对内容结束控制,比如img标签里经过进程width和height来控制图片的大小,尽管纵然将这些代码转换成外调式的CSS,使网页代码更加的瘦身。
9、缓存静态本钱。
经过进程设置浏览器缓存,将css、js等不太经常更新的文件缓存在浏览器端,这样同一访客再次访问你的网站的时候,浏览器就能够或者或者从浏览器的缓存中获得css、js等,而不消每次都从你的服务器读取,这样在一定程度上加快了网站的打开速度,又能够或者或者节约你的服务器流量。
10、网页压缩技能。
对于网页压缩而言,相信各位站长都比较熟悉,主如果启用服务器Gzip,对页面Gzip压缩,减少元素的体积,从而减少数据的传输,进而提高网页的加载速度,这个功能必要你的服务器的支持,GZIP压缩异样平凡能对网页结束30%-80%的压缩,是最重要的一种优化效果。
总之,经过进程代码优化来起到网站优化作用的方法尚有很多,在这只是随意的说了其中比较罕有的而已,渴望大家能多多研讨。
11、权重标签的利用。
典型的权重标签有H1,strong,b标签等,对想参与排名的重要关键词利用权重标签,好处是向搜索引擎传递旗子灯号:这个地方的关键词很重要,必要区别对待,从而提升既定关键词在搜索引擎的排序。
网站常见的SEO标签如下:
1.网站SEO优化常用标签之TDK标签
TDK对每个seoer来说都是熟悉的不能再熟悉的html标签了.TDK分别表示Title、Keywords和Description三大最常见的优化标签。Title页面标题,keywords页面关键词、description页面描述。(严格意义上来说是除了title,其他两个均为mate标签的属性)这三个标签由于太熟悉此处只是简单提一下不做过多解释。
2.网站SEO优化常用标签之heading标签
heading标签也就是大家经常说的H标签,它是对页面总要部分的强调,一般用在标题、小标题、栏目名称上。heading标签从h1到h6共6对,强调程度递减,经常使用的是h1、h2、h3这三个heading标签,由于h4、h5、h6的强调作用较小以至可以忽略所有在网站优化SEO中基本上用不到。
h1标签是对页面最重要部分的强调,一般用在页面标题上。需要注意的是在同一个页面中h1标签只能出现一对,若在页面中出现多个H1标签将对seo造成不利影响。
h2、h3及其他heading标签在同一页面中均可使用多次,一般使用在栏目名称、文章段落标题或小标题中。
虽然heading标签对网站优化有着积极的影响,但如果乱用同样会带来不利的后果,切忌将heading标签用在整段内容中。
3.网站优SEO化常用标签之nofllow属性
对!你没看错是nofllow属性,很多seoer喜欢说nofllow标签,其实nofllow并不是一个标签它只是html标签的一个属性。通常认为使用了nofllow属性的链接不会被搜索引擎跟踪(该观点有争议),更不会给链接页面传递权重。最常用的方式是使用nofllow属性来避免页面权重不必要的流失从而达到权重集中的目的。使用方法如下锚文本
很多seoer只知道上面一种常用的方式,其实nofllow属性还可以对整个页面中的链接起作用,由于这种用法很少见故本文不做展开,将在后面单独用一篇文章来谈谈nofllow属性的用法。
4.网站优化常用标签之Canonical属性
Canonical属性和nofllow属于一样也被很多人称为Canonical标签。但它对部分seoer来说比nofllow属性更为陌生。Canonical在英文中有权威的意思,在SEO中用来解决由于网址形式不同内容相同而造成的内容重复问题。最常用的写法如下
网页中的Canonical标签可以告诉搜索引擎在若干个内容相同URL不同的页面中那个页面才是最为规范最希望被搜索引擎收录的网页,它可以避免网站相同内容网页的通过不同URL带来的权重分散问题,从而达到集中页面权重的目的。
在现在的移动互联网时代,百度又给了Canonical属性新的作用,那就是借助Canonical属性进行移动适配。(关于移动适配的问题小李将在后续文章中进行详细分析。)
5.网站SEO优化常用标签之mate标签
mate标签,在所有优化设计到的标签中最最重要的标签,没有之一。大家所熟知的TDK标签都是mate标签的属性。由于mate标签的功能十分强大,起到的作用太多鉴于篇幅有限,本文仅对mate标签在优化中的3个作用进行简单说明。
作用一:承载Keywords和Description属性内容,是页面优化不可或缺的元素。
作用二:进行PC站和移动站适配标注,mate标签肩负着移动适配的重任。
作用三:对单个网页进行301跳转,可用于页面集权及网站改版。
6.网站优化常用标签之title属性
title属性可以应用在很多的html标签中,从网站seo优化的角度常见的再a标签、img标签、embed标签及video标签中。小李认为title属性的主要作用是提高用户体验,鼠标移动到html元素上展现的文字信息即为title属性内容。推荐在embed标签、video标签及链接文字不能完全展示的时候使用title属性来提高用户体验
7.网站SEO优化常用标签之alt属性
在网站优化中,alt属性主要用在img标签中。在img表中添加alt属性一是为了通过alt属性对图片进行说明,告诉搜索引擎图片的含义;二是为了提高用户体验,在img缺少title属性时当鼠标移动到图片上展现的文字信息即为alt属性内容;再就是当由于某种原因图片不能正常显示时,alt属性中的文字将替代图片进行展示。
巨推传媒小李汇总:
以上7个是小李认为较为常用的标签,在网站seo优化过程中会用到很多的html标签、属性,但小李认为掌握以上7个标签属性的使用优化对一般的网站来说是足够的。