当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 更好遵循DIV+CSS设计 网站重构中实现SEO

建站经验
评价网站推广的效果的方法
中国流量巨大的10种类型的商业网站
轻松快速打造PR5的网站
新手需要了解的网站建设的过程和步骤
推广个人博客最好办法 免费书签收藏代码
能坚持下来的站长让痛苦来的更猛烈些吧
博客首页该如何布局才能吸引与留住人
用户需求网站目标涉及行业盈利模式决定你做什么
建站流程应该是边修改边上线 推荐
建站经验谈 豆瓣网怎么推广的
GOOGLE在中国市场落后的5点原因分析
地方分类信息网站的有效推广方法小结
跟Alexa类似的网站流量跟踪的5个国外网站
网站建设与SEO的流程图
关于解决网站内容复制几点建议 强烈推荐
开心网转帖功能 网站推广经验
Site 网站首页不在第一页的原因及解决方法
解决首页不在第一页的问题的方法参考
网站推广 如何招兼职网络推广员
网站用户体验与公交车的用户体验

建站经验 中的 更好遵循DIV+CSS设计 网站重构中实现SEO


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 60 ::
收藏到网摘: n/a

DIV+CSS设计的网站是按照W3C标准的,如果一个站点完全是CSS+DIV制作的,那么你网站的SEO(搜索引擎优化)工作已经完成了30%!为什么会这么说?SEO其他方面在哪好,请接着我的思路往下看:

DIV+CSS 网站相当30%的SEO工作

1、div+css网站遵循“网页结构、表现、行为分离,互不干涉抢功”理念,且不说SEO,其实按照这个理念建设起来的网站,网页打开速度会明显的加快。因为按照这个理念,网页将会分成html、css、js三种类型的文件,而css、js又是可以缓存的,所以浏览一个这样的网页其实就是下载html 代码就行了,速度当然变快。

我们先看看SEO都做啥:

a.网页META标签会添加的比较齐全,如keywords、description、robots;

b.被搜索引擎抓取的内容,代码比较精简,非内容代码大大减少,文件小;

c.文本会比较靠前。几乎都在200字内就可以搜索到正文,重要内容;

d.不会出现表格那样多层嵌套的问题。

2、修饰性图片文本替换,js、flash文字图片还原有些网站为了追求炫眼效果,采用了图片按钮,图片新闻flash切换,文本的js跑灯效果……这样大大将原本属于图片,文字链接的代码变成了搜索引擎读不懂的js代码、flash,或者是直接插入原本不是内容的修饰性图片替换了文字。如果这些刚好又包含了热门关键字,那么搜索收录量将损失很大。修饰性图片文本替换:就是说将不是内容而是修饰的图片变成底图显示,不干扰搜索引擎,让它忽略它。而有增加文字,之后使用css隐藏掉,这样也增加了可以搜索的文字。常见使用于logo,按钮,菜单。 js、flash文字图片还原:这是我近来提出来的一个思路,还没有广泛给大家知道的方法(呵呵,大家接不接受还是个问题):将js,flash显示的内容转为html,之后使用js读取html,传递参数启动原来的效果、并且隐藏html,只是比原来增加了几个步骤。详细可以参考我写的文章:如何减少 JS对搜索的负面影响。

3、W3C要求必须添加链接标签的title、图片标签的alt属性这样的话,所有的a标签都会规范的添加有 title文本,img有alt文本。而不是等到要优化的时候临时的把几个含有关键字的链接(锚文本)添加上title,图片加好alt。css+div 不是为了SEO优化而添加title、alt,而是为了网页亲和力添加它们。

4、合理安排使用

文本加粗,斜体,下划线这是语义化标签都必须做到的一步。所以做到了CSS+div,这个问题也会在不知不觉中做到了。

5、网页标准可以随时将重要的内容调前,之后使用css重新定位。例如页面效果图中中间的文字比较重要,可以先把重要的内容放在左边的代码的前面,方便搜索引擎,之后使用css将它调会到效果图的位置。

6、网页标准提到的好处

更少的代码和组件,容易维护

带宽要求降低(代码更简洁),成本降低。

更容易被搜寻引擎搜索到

改版方便,不需要变动页面内容

提供打印版本而不需要复制内容

提高网站易用性。

SEO的另一半工作是编辑,编程编辑涉及的工作有:频道栏目的设计、取名,页面的布局(关键词的位置安排),创建栏目时,录稿时,文件夹,文件的取名;关键词管理,了解当前使用的关键词流行度,竞争度;专题、当前热门的关注;录稿时关键词的提炼、图片alt的插入习惯;与同类型网站的交流,交换链接……编程涉及的工作有:页面实现静态化;URL实现伪静态,使用re_write重写技术;本站系统搜索中关键词的搜索功能,实现网站各个页面的关键词网; 维护服务器,稳定服务器。评论的广告过滤;自动将关键词加粗、添加含有title关键字的链接;避免网站过多死链接,提供死链接自动删除或修复功能;相关文章取文章链接格式:先是关键词相同的关连,二关键字与标题的关连,文章内容与关键词关连。……所以制作完成CSS+DIV的网页后,你只是完成了30% 的SEO工作,还有另外70%需要编辑,编程共同完成。其它的作弊,或者是刻意重复关键词,body之间代码的开始或结束增加关键词出现机会。

制作、编程是SEO的“打地基”没有好的制作,符合搜索优化的代码结构,那么无论编辑的水平怎么样,搜索引擎也不会有好效果。但也可以看到:“地基”打好以后,随着时间的增长,编辑的作用效果就会原来越明显,因为地基不需要经常变动的。一动就是伤筋骨的“大工程了”。

不符合标准的网站,赶紧网站重构吧

div+css更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价 ranking)。所以说辛苦的学习SEO,还不如来一次网站重构,使用CSS+div做网站,布局好网站的xhtml、css、js,选好程序,那么剩下的工作就是编辑。

SEO能否实现最好的优化,这就要看编辑的能力和水平了。