动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 手机学院 | 邮件系统 | 网络安全 | 认证考试
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS教程
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ CSS教程 ]的信息

本月文章推荐
.css的链接美化.
.CSS制作的阴影链接文字.
.实践DIV+CSS网页布局入门指南.
.css修正Input标签在各种浏览器中.
.网页(WEB)字体,CSS如何控制?.
.用相对定位和负向移动完成图片象.
.针对浏览器隐藏CSS之九大技巧.
.纯CSS制作的网页中的lightbox效果.
.精通 CSS 滤镜(一).
.调整CSS类型的顺序改变链接状态.
.样式表CSS中div、span和center元.
.CSS中如何正确的使用id和class.
.引入CSS样式的五种方式.
.需要掌握的八个CSS布局技巧.
.四种CSS链接按钮示例.
.CSS样式文件优化 更整洁而清晰.
.css技巧之PDF、ZIP、DOC链接的标.
.CSS语法手册(六)分类属性 .
.CSS布局实例:上中下三行,中间自适.
.垂直三栏布局拥有相同高度的方法.

符合web标准的css网站相当于已经做了30%的SEO工作

发表日期:2008-9-8 |


现在的网站都在向web标准进军,大到门户,小到个人博客。这是因为符合web标准的css网站优点多多,这里着重说说符合web标准的css网站对SEO的影响(下面内容转载自互联网)。

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

符合web标准的css网站相当做了30%的SEO工作

1、css div网站遵循“网页结构、表现、行为分离,互不干涉抢功”理念

且不说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、合理安排使用<h1>~<h6>,文本加粗,斜体,下划线

这是语义化标签都必须做到的一步。所以做到了CSS+div,这个问题也会在不知不觉中做到了。

5、网页标准可以随时将重要的内容调前,之后使用css重新定位。

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

6、网页标准提到的好处

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

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

c、更容易被搜寻引擎搜索到;

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

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

f、提高网站易用性。

SEO的另一半工作是编辑,编程

编辑涉及的工作有:频道栏目的设计、取名,页面的布局(关键词的位置安排),创建栏目时,录稿时,文件夹,文件的取名;关键词管理,了解当前使用的关键词流行度,竞争度;专题、当前热门的关注;录稿时关键词的提炼、图片alt的插入习惯;与同类型网站的交流,交换链接……

编程涉及的工作有:页面实现静态化;URL实现伪静态,使用re_write重写技术;本站系统搜索中关键词的搜索功能,实现网站各个页面的关键词网;维护服务器,稳定服务器。评论的广告过滤;自动将关键词加粗、添加含有title关键字的链接;避免网站过多死链接,提供死链接自动删除或修复功能;相关文章取文章链接格式:先是关键词相同的关连,二关键字与标题的关连,文章内容与关键词关连。……

所以制作完成CSS+div的网页后,你只是完成了30%的SEO工作,还有另外70%需要编辑,编程共同完成。其它的作弊,或者是刻意重复关键词,body之间代码的开始或结束增加关键词出现机会。

制作、编程是SEO的“打地基”

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

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

更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。

所以说辛苦的学习SEO,还不如来一次网站重构,使用CSS+div做网站,布局好网站的xhtml、css、js,选好程序,那么剩下的工作就是编辑。SEO能否实现最好的优化,这就要看编辑的能力和水平了。

上一篇:完全css弹出菜单 人气:1057
下一篇:css应用笔记整理之结构编写 人气:904
浏览全部css的内容 Dreamweaver插件下载 网页广告代码 2009年新年快乐
  最新网站源码 最新软件下载
2009-1-8 SMF论坛Simple Machines Forum v
2009-1-8 SMF论坛Simple Machines Forum v
2009-1-8 深度学习(asp)拼图游戏 v0.2.3
2009-1-8 纵横B2B电子商务系统XYECS!B2B v
2009-1-8 马克斯CMS v2.0 bulid 090105 be
2009-1-8 淘宝妈妈_淘客推广系统 v1.0
2009-1-8 淄博某企业网站源码
2009-1-8 silverlight制作的手机功能演示
2009-1-8 大型WEB束鹿三国游戏 特别版
2009-1-7 汉字任意点阵字库制作软件 V2.6
2009-1-7 书法家毛笔字生成器 Ougishi V4.
2009-1-7 字体修复大师
2009-1-7 微雨字体效果浏览器 1.0
2009-1-7 字体试衣间 2.9.6.8 豪华版
2008-11-29 Tencent Traveler 4.4
2008-11-29 龙卷风网络收音机 v3.0.0.0
2008-11-29 Intel Chipset Software Install
2008-11-29 TweakVI 1.0 Build 1100
  发表评论
姓 名: 验证码: [ 查看评论 ]
内 容:
站长工具:网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | OPEN参数生成器 | 弹出式窗口代码产生器 | 密码登录生成器 | 在线按钮生成器 | Meta标签生成器 | 多色彩特效字代码生成器 | 网页代码调试器 | 在线FTP登陆 | Flash取色器 | 配色代码对照表 | 配色辞典 | CSS生成器 | 广告代码 | 框架网页代码生成器 | js/vbs加密 | md5加密 | 进制转换 | UTF-8 转换工具 | 在线调色板 | Html转换js | Html转换asp | Html转换php | Html转换perl
实用工具:汉字翻译拼音 | 拼音字典 | 符号对照表 | 个税计算 | 公积金贷款计算 | 购房银行按揭利率计算 | 实时汇率查询换算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 | 国家代码与域名缩写 | 文字加密解密 | 元素周期表 | 健康查询 | 世界时间 | 全国各地车牌查询 | 全国车辆交通违章查询 | 万年历 | 二十四节气 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2009 www.knowsky.com All rights reserved | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵
SEO対策 中国語教室 ホームページ作成