seo角度谈css布局设计-禅意花园学习笔记

几个月没有接触css了,现在有点需要又开始了css的学习之路。主要还是研究禅意花园,每次看禅意花园网站都有不小的收获,禅意花园的强大让我不得不佩服。学习seo之后不知不觉间就会把网站优化,制作与seo联系在一起,css也不列外。

1、正确合理的使用html语义标记。

表现样式和正确的语义编码原理上说有一定的差别的。可能为了实现一种效果可以有很多的方法,但是从seo和css布局设计方便性的角度而言,我们应该采用正确的形式来编写。不合理的如下:

<b><font size=”2″>css Zen Garden</font></b>
<br /><br />
<font size=”1″>A demonstration of what can be accomplished visually through <acronym title=”Cascading Style Sheets”>CSS</acronym>-based design. Select any style sheet from the list to load it into this page</font>

下面这是正确的语义编写:

<div id=”garden”>
<h3>css Zen Garden</h3>
<p>A demonstration of what can be accomplished visually through <acronym title=”Cascading Style Sheets”>CSS</acronym>-based design. Select any style sheet from the list to load it into this page</p>
</div>

2、避免过度使用div和span。

css布局div必不可少,行内元素span也需要,虽然他们很好用,但是我们经常会犯的错误就是过度使用div和span。这样可能会导致html文档结构的不清晰,少量合理的使用div和span,很多时候应该多考虑应用html元素是否有更好的选择。因为把内容隐藏在深深的div容器之下不利于搜索引擎的抓取,影响网页的信噪比。正确的使用他们可以使html文档仅仅有条,搜索引擎索引更加的简单,蜘蛛爬行更容易。

3、利用css布局网站内容。

利用css可以使网站内容到导航有左上角到右下角的形式显示。利用css设计符合seo的网页,避免了搜索引擎每次首先爬行的都是一层不变的导航,栏目。搜索引擎可以第一时间抓取新的内容。

4、做适当的css优化

css代码优化减肥和采用链接形式使用css,可以更好的较少网页的大小,最有利于seo的网页大小在30k一下,如果很合理的使用css布局和设计页面,页面文件大小可以得到很好的减肥,同时服务器负担也将大大减小,网页打开速度也可以得到一定的提高。 无论是用户体验还是seo都是非常有好处的。

禅意花园最让我敬佩的就是html结构不变的情况下,可以设计出各式各样精美充满艺术气息的网页。如果你的网站也是这样的,那么你在怎么该版,对网站seo也没有什么影响。这个实在是让人不得不佩服!

相关文章

发表评论?

17 条评论。

  1. 这文章很强!!!!!!!!!!!

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

无觅相关文章插件,快速提升流量