SEO建站id与class的用法 SEO干货 安仔SEO优化网
轻松走上SEO巅峰,从这里开始
为SEOer免费提供最有效的SEO优化知识,期待将来的SEO界是精英的对决!
当前位置:安仔SEO优化网 > SEO培训 > SEO干货 > 浏览文章
SEO干货

SEO建站id与class的用法

Tags:建站,用法Time:2014-11-30Contents:SEO干货Browse:517Type:原创

SEO建站与普通建站有什么分别?难道带上SEO建设的网站就不一样了?SEO建站步步为百度蜘蛛着想,今天安仔从id与class的用法上分析SEO建站的奥妙。

一、id与class语法

id:属性规定HTML元素的唯一的id。

class:属性规定元素的类名(classname),可以给HTML元素赋予多个class。

二、id与class使用技巧

1、id最好定义在div、ul、dl这些标签上,不可定义在li、dt、dd、p、span、a等这些低级或者内联元素上。

2、id或者class越少越好,特别是class,能不定义就不定义。不是所有标签都可以定义class、除了span为其他内链元素都不可以定义class,特别是a标签。a标签的精简有利于百度蜘蛛抓取链接,再者a标签完全可以依靠继承父级元素的样式和class名来定义自己样式。

3、不要用样式破坏html标签自身的属性,可以加属性万不可减去自身的属性。如b标签自身是加粗,用到b标签万不可清除他的加粗属性。这样破坏元素自身属性如同污染html环境,百度蜘蛛可以读懂标签的属性,而你故意破坏它,这就意味着标签选取错误。

4、span标签是html中预留定义样式的。可以说span就是专门为class准备的(由于是内链元素不可定义id),文章内容特殊文字的样式完全可以使用span标签定义class解决。

三、id与class的布局

网页的页面布局如同人的骨架,骨架散了人比倒下。百度蜘蛛分析网站第一步就是分析布局,而如何帮助百度蜘蛛分析网站的布局?最有利的办法就是id与class的使用。一般网站大板块为划分为:上、中、下,而这三大板块要用id定义。这样百度蜘蛛分析网站布局时只需观察id的分布就可以了,当然如果都用id的话自然就是去换分板块的意义。一般网站首页少不了八个id,头部(header)、导航(gNavi)、幻灯(mainImg)、中间(main)、中间左(sideBar)、中间右(class)、友情链接(links)、底部(footer)。

不知SEO优化人员是否有这个意识,id的等级要高于class。因此,带id的元素要抱着带class的元素,万不可将class的元素包着id的元素,特别是前两层元素;再有同层元素的类名要一致,要用id就都用id,要用class就都用class。只有这样才利于百度蜘蛛分析页面的布局。


id与class的布局与命名

四、id与class的命名方法

id与class的命名很有讲究,可为网站内部优化的精髓之一。百度可以读懂汉语拼音和英文单词,因此,id与class的命名最好使用汉语拼音或英文单词。

样式名越短越好,过长的英文单词可以只取前半部分,有了前半部分百度蜘蛛可知道大概意思。而汉语拼音只能用首字母的方法简化,这种简化后的样式名百度很难分析出他的意思。

样式的名字来自所包内容,如果你所起的名字与内容无关,那么这个名字在结构上要有含义。如这块是标题名字中要有title的成分,这块是文字描写名字中要有text的成分,这块在左侧要有left的成分等,总之所起的名字要有一定的含义,这样才有利于百度蜘蛛的分析,才能是网站优化做到完美无瑕。

虽然样式名区分大小写,你要按照不区分大小写来对待。要知道百度蜘蛛可未必区分大小写,因此不同样式的样式名不能一样。不过可以使用大小写或者“_”帮助百度蜘蛛分析样式名的意义。如topBox,如果b不大写百度蜘蛛很难推测出是“头部盒子”的意思。提别注意的是,大板块样式名不要使用数字,数字代表的只会是数字没有别的语义,除非所定义的就是数字否则毫无内涵。

安仔所讲的是在没有js的情况下,很多js效果必须定义id才能实现,万不得已id也可以,最好少用。这样验证了一句话,做SEO优化的网站最好不用js,百度蜘蛛难抓取不说,也影响网站的布局。id与class可谓网站的骨架,二者的分配从骨子里决定了网站优化的命运。此时,你可知问什么有的网站刚上线百度关键词排名就很好?问什么有的站优化了大半年关键词排名毫无进展?这些来自SEO建站的内涵。

《SEO建站id与class的用法》为安仔SEO优化网原创文章,转载请注明出处!