登录论坛 | 注册会员 设为首页 | 收藏本站
当前位置 : 首页>软件学院>程序开发>网页设计>正文
 
用DIV+CSS制作网页SEO工作完成30%

http://www.dbit.cn 2009/11/27 8:47:40  来源:网络整理  编辑:叶子
 
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的“打地基”没有好的制作,符合搜索优化的代码结构,那么无论编辑的水平怎么样,搜索引擎也不会有好效果。但也可以看到:“地基”打好以后,随着时间的增长,编辑的作用效果就会原来越明显,因为地基不需要经常变动的。一动就是伤筋骨的“大工程了”。

本新闻共2页,当前在第1页  1  2  

收藏】【打印】【进入论坛
  相关文章:

·大型垂直网站还有SEO的空间吗?
·SEO教程:分享增加网站反向链接经验
·SEO优化:准确的进行关键词的选取
·做SEO不容易:给SEO者吹吹冷风
·8个通过实战总结出来的SEO经验 
·SEO教程:搜索引擎如何评定链接价值
·动态网站进行SEO优化的一些技巧 
·SEO黑帽手段(作弊手段)总结
·SEO职业者对搜索引擎的观察分析
·Flash网站进行SEO优化小窍门
·十四点SEO策略大幅提升搜索排名

 
 
 
最新文章

抢先苹果,消息称英特尔芯片采用台积电
三星揭晓业内首款单条 512GB DDR5 内存
vivo 高端新机爆料:120Hz 曲面屏 + 天
vivo Y21 在印度正式上市:Helio P35 芯
微星推出 GeForce RTX 3080 Sea Hawk X
消息称三星 Galaxy Tab S8 系列平板将放
机械革命推出 F6 轻薄本:16 英寸全面屏
英特尔 12 代 Alder Lake CPU 600 系列
雷军:向小米手机 1 首批用户每人赠送价
小米李明谈用户被踢出 MIUI 测试版:大

推荐文章
1
2
3
4
5
6
7
8
9
10
叛逆嫩模性感写真
宫如敏不雅照疯传 看张馨予韩一菲兽兽谁
不惧孔子抢位 阿凡达游戏影音配置推荐
2015第十七届“东北安博会”火爆招商
第十六届东北国际公共安全防范产品博览
2016年第五届中国国际商业信息化博览会
2016年第五届中国国际POS机及相关设备展
互联网电视熟了吗 2013最火电视深解析
桑达获邀出席2015中国(广州)国际POS机
宝获利报名参加“2015年度中国POS机行业
八卦图解 More>>
叛逆嫩模性感写真 宫如敏不雅照疯传 看张馨予韩一菲
周伟童魔鬼身材日本性感写真图  联想V360笔记本模特写真