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

建站经验
11个PR7以上的国内网址导航站
国内现状 目前没几个博客能赚钱
网站推广最重要的2点 细节和坚持
给想通过博客赚钱的站长朋友的一些建议
网络推广经验 前期准备和发帖原则
盈利模式 细分市场是站长梦开始的地方
把握博客更新时间
总结网站推广中需要避免的12种推广方式
淘宝网店推广重点 抓住潜在的购买客户
建站杂谈 2010年web领域的预测
给用户一个无法拒绝的回访理由
建站案例 地方门户网站运营的心酸事
制作英文网站的基本流程
网站备案 图文教程
独立域名的英文博客从WordPress切换到Blogger的步骤
大胆尝试电子商务 改变传统盈利思路
404页面设计全攻略
以收购网站为名的商业间谍不可不防
运营企业网站来实现营销目标的经验
淘宝的站内搜索能改变搜索格局?

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 58 ::
收藏到网摘: 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能否实现最好的优化,这就要看编辑的能力和水平了。