上海SEO » DIV/CSS

W3C与DIV+CSS对SEO到底有多大的帮助

admin — Thu, 16 Apr 2009 09:16:52 +0000

W3C与DIV+CSS对SEO到底有多大的帮助
W3C网页设计标准是一种技术也是一种思想。

现在基本上很多高端的客户都会要求按照W3C标准来设计网站。在今年和去年这两年时间里，国内很多的门户网站都已经按照W3C标准对网站整体进行代码重构。

用W3C标准来设计网站，有个好处：提高用户体验，加快网页下载速度。按照W3C标准设计的网站，用户浏览速度比较快，因为网站的代码比较简洁。

有一部分的朋友说，做好DIV+css，网站优化就等于做好了80%的工作。这有一点跨大其谈。实值上来讲如果一个网站DIV + CSS写的好的话网站优化工作可以说做到 30-40%

传统的表格与DIV+CSS对于网站排名的影响，后者并没有什么优势可言。因为实际上用Div+CSS来设计的网站，也并没有因此得到搜索引擎的特别的照顾。绝不能简单地把DIV+CSS理解成SEO。

但是使用DIV+CSS来设计网站，确实能够对SEO起到一定的帮助。

例如：

一、减少使用表格

表格层层嵌套，确实对SEO与用户体验有不利的影响，这同时也影响网页的下载速度。

二、降低网页体积

上百K的网页，不利于SEO，不利于搜索引擎的蜘蛛爬行。DIV+CSS设计网页，能够让精简网页HTML代码，让网页体积变得更小。

三、重要信息优先让搜索引擎蜘蛛爬取

通过DIV+CSS对网页的布局，可以让一些重要的链接、文字信息，优先让搜索引擎蜘蛛爬取。这对于SEO也有帮助。

给广大网编的建议：对于是用DIV+CSS设计网站还是用表格来设计网站，可以根据自己的技术实力来决定。DIV+CSS设计的网站，这个和域名一样，并没有多少先天性的优势，搜索引擎和用户一样，最终看重的是一个网站的内容。

提升网站价值，重点是在于后天的培养。
不为SEO而SEO，不为DIV而DIV，不会CSS而CSS，选择适合自己的。做好站才是王道。

查看更多SEO技巧
上海SEO 上海SEO培训@ 地杰

Unique Post

CSS兼容要点分析IE vs FF

admin — Thu, 02 Oct 2008 03:51:28 +0000

查看更多网站制作文章请点击这里。
css 兼容要点：
DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式
div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以
FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格XHTML+CSS兼容性解决方案小集
使用XHTML＋CSS构架好处不少，但也确实存在一些问题，不论是因为使用不熟练还是思路不清晰，我就先把一些我遇到的问题写在下面，省的大家四处找^^
1、在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：
div{margin:30px!important;margin:28px;}
注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：
div{maring:30px;margin:28px}
重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;
2、IE5 和IE6的BOX解释不一致IE5下div{width:300px;margin:0 10px 0 10px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改
div{width:300px!important;width /**/:340px;margin:0 10px 0 10px}
，关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：）
3、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义
ul{margin:0;padding:0;}
就能解决大部分问题
4、关于脚本，在xhtml1.1中不支持language属性，只需要把代码改为

Unique Post

w3c技术架构介绍

admin — Thu, 02 Oct 2008 03:48:40 +0000

上海SEO建议你，查看更多网站制作文章请点击这里。
五、w3c技术架构介绍
原文：http://www.w3.org/Consortium/technology
原作者：w3c
翻译：阿宏

图例说明
W3C技术架构图描绘了一个两层的模型：万维网体系结构（被标注为“One Web”）建立在互联网(Interner)体系结构之上。图中丰富的Web层显示了W3C关心的领域和发展的技术。
Web体系结构被描绘成一系列的层，每一层都建立在另一层之上。从底至顶依次为：

URI/IRI, HTTP Web Architectural Principles XML Infosets; RDF(S) Graphs XML, Namespaces, Schemas, XQuery/XPath, XSLT, DOM, XML Base, XPointer, RDF/XML, SPARQL
在顶层包含着六个框，分别与W3C主要的活动组相对应：Web Applications, Mobile, Voice, Web Services, Semantic Web, and Privacy。

“Interaction”（“交互”）框中罗列着：XHTML, SVG, CDF, SMIL, XForms, css, 和 WCID. “Mobile”（“移动”）框中罗列着 XHTML Basic, Mobile SVG, SMIL Mobile, XForms Basic, CSS Mobile, MWI BP. “Voice”（“语音”）框中罗列着 VoiceXML, SRGS, SSML, CCXML, and EMMA “Web Services”（“Web服务”）框中罗列着 SOAP, XOP, WSDL, WS-CDL, and WS-A. “Semantic Web”（“语义的Web”）框中罗列着 OWL, SKOS, and RIF. “Privacy”（“保密”）框中罗列着 P3P, APPEL, XML Encryption, XML Signature, and XKMS
一个橙色的横条把这些领域联系在一起：Web Accessibility（Web可访问性）, Internationalization（国际化）, Mobile Access（移动访问）, Device Independence（设备独立）, and Quality Assurance（质量保证）。
这个例图展示了万维网的基础框架及 W3C 的工作重点。
URI、HTTP、XML 和 RDF 的基础支持著五个方面的工作。无障碍网页、国际化、设备无关和质量管理等主题已融入了 W3C 的各项技术之中。
W3C正致力把万维网从最初的设计 (基本的 HTML、URIs 和 HTTP) 转变为未来所需的模式。 W3C 的技术将帮助未来万维网成为信息世界中有高稳定性、可提升和强适应性的基础框架。

Unique Post