对于SEO,长期以来很多人非常强调页面内容质量与外链,再就是关注站内布局,但有意思的是网站代码优化方面的SEO文章相比之下却并不是很多。 实际上,简洁的代码对SEO而言是非常重要的基础。之所以较少文章流传,小编认为一是由于代码优化较为技术化,二是过于基础化。对于某些从业人员来说,这个话题可能难以做出有趣而吸睛的科普性文章,从而影响文章转载和扩散,不利于商业化。
作为目前应用最广泛的网页布局方法,div+css布局对于SEO人员不能不做深入了解。div css布局是把网页用div+css布局后,将网页的内容(div)与表现(css)分离,使代码更简洁。
其好处在于:
1、代码精简提高了搜索引擎蜘蛛的爬行效率,对提高收录速度和增加收录数量有好处;
2、提高网页加载速度;
3、div+css结构清晰,让网页体积变得更小;
那么,基于SEO考虑,编写 div+css 应特别注意哪些地方?
1、页面代码要尽量的精简,删除冗余代码,注释尽可能的减少;
要注意的是:精简div+css结构,不意味着极端化得全部都使用div+css结构。极端化例子:
- 比如通篇HTML标签全DIV的,貌似除了<head>之上及<body>之上及之外,其它全是<div>,就如同整个HTML是一万个毫不相干的内容拼装起来;
- 又或者通篇是<div><ul><li>结构的,就如同这个页面所有元素全是列表。
这两种极端化例子不多但也有人采用,正是因为曲解了“DIV+CSS”。或许我不应该这么提,因为一个完整页面几乎不可能仅仅DIV+CSS就能完成的。
2、合理的使用JS,以及使用高质量图片,减少蜘蛛爬行与解析的压力。
3、图片要加上alt和title属性,这两个属性值可以一样。但title的权重要高于alt的。属性值中可以融入关键词;
4、为超链接<a></a>标签加上title属性,可以提高相关性和链接文字的说明,更好的传递权重;
5、JS、css代码最好单独的写到一个文件中,页面调用;
6、最好不要用table进行布局,对于搜索引擎蜘蛛而言爬行table不处于第一优先级;
7、面包屑导航很重要,最好不用JS;
8、不用iframe框架,它里面的内容搜索引擎不一定爬得到;
9、H标签从h1到h6,很重要,合理设置;
10、弄清b和strong两个标签区别,合理使用。这2个标签都用于加粗,却有所不同,后者还有强调的意思。对于页面的一些关键词,可以用strong进行强调,对排名有好处,但也忌滥用strong。
网站前台代码做好了以上这10点,意味着我们网站的代码基础就很牢固了。