Home » Archive for December, 2006

基于XHTML标准的DIV+CSS布局对于SEO的影响

基于XHTML标准的DIV+CSS布局对于SEO的影响

樂思蜀 发布于 2006年12月14日
  前两天发完《SEO参考:DIV+CSS三行两列经典布局》一文,不少朋友在MSN上问我,使用XHTML标准的DIV+CSS布局对于SEO到底有什么作用。这两天简单总结了一下,写出来供参考。   XHTML技术问题请参考相关网站研究,下面说说在SEO方面的影响。   代码精简   使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处。   表格的嵌套问题   很多SEOer在其文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。   使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。   而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。   这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer们在文章中说明了这一点,相信他们也不是没有依据的。   速度问题   DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。   另一方面,真正的SEOer不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。   对排名的影响   基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议,但樂思蜀本人保持这样的观点,有异议者可以拿三组以上基本同等质量的网站对比观察。   我想,这样的情况可能不是排名规则,最大的可能还是spider爬行网站时,出现以上差异导致收录质量的不同。   毕竟廖胜于无,建议建站或改版的朋友们,技术许可的情况下,还是选择DIV+CSS布局为好。
SEO参考:DIV+CSS三行两列经典布局

SEO参考:DIV+CSS三行两列经典布局

樂思蜀 发布于 2006年12月11日
  这个XHTML1标准的DIV+CSS布局是著名网页设计师阿捷2004年发布在《网页设计师》上的,一个非常经典的布局,在IE、Mozilla和Opera浏览器中均可以实现居中和高度自适应。完整代码如下(在原代码的基础上作了一定规范整理): 点此下载代码 (seo_div_css_32.txt)   页面样式图:     页面实现居中等XHTML技术分析请到我编辑整理的帖子,或《网页设计师》查看,效果演示及代码:http://www.seobbs.net/xhtml32.html   下面从SEO角度分析这个布局的优势:   我们先按网页设计惯例来看页面中的内容分布,一般情况下,头部(A区)为站点导航,底部(D区)为辅助导航及版权信息等,左侧(B区)会放搜索、列表、排行等功能性内容,核心内容就集中在右侧(C区)。   如上图标识所示,按传统的布局,代码编写顺序是”A->B->C->D”,也可以理解为”功能->功能->核心内容->功能”。   都知道,搜索引擎蜘蛛爬行时,是按着页面代码顺序自上而下的,这种情况下蜘蛛很难最快的爬行到核心内容;而当页面代码过多的时候蜘蛛完全有可能没有爬行到核心内容就折回,抓取到的是与其他页面一样的功能内容时,这个页面就成为相似网页。   为了避免这样的情况,包括新浪、搜狐、网易在内的很多网站(可能也包括你^_^),都在设计时将页面中B区和C区对调。   再来看本布局方式,页面代码顺序是”A->C->B->D”,按内容分布可以理解为”功能->核心内容->功能->功能”,在不改变页面展示的情况下,将核心内容部分放到了前面。   这样,蜘蛛爬行时就能在最短时间内索引到网页的核心内容。   再加上XHTML标准设计代码精简的优势,蜘蛛爬行的效率和质量都会很高,也会更受蜘蛛欢迎的。
SEO之网页文本优化

SEO之网页文本优化

樂思蜀 发布于 2006年12月03日
  1、文案优化   优化网页文案,好像很多SEOer都没有注意到,为了追求关键词密度,在文本里堆叠大量关键词造成语句不通顺。   网站优化中,为了提高搜索引擎友好度而迎合搜索引擎是正确的,但网站毕竟不是做给搜索引擎看的,首要考虑的应该是访问者,在保证用户体验度的前提下优化。   首先语句要通顺,要确保插入的关键词不影响文本语意。相信没有一个浏览者会将一篇杂乱无章的文字读到最后的,特别是商务站,潜在客户应该不会对一个连自己企业简介、产品介绍都写不通顺的网站有多少信任感。   其次语言要简练,尽可能的让浏览者在最短的时间知道页面是关于什么的、要讲述什么内容。   建议在有较长文本的页面里放置摘要,这样访问者可以在阅读全文之前,对页面的内容有一个大致的了解。   2、排版优化   在对页面文本的排版时,要处理好字符间距、行间距。一个设计人性化的网页,不一定要多少图片、色彩来衬托,但都会考虑浏览者的视觉感受。   页面中需要突出的一定要突出。标题、小标题、章节等,这些要以突出的颜色或文字效果(如字号大小、加粗、变色)显示,正确的引导浏览者阅读。   建议将内容较长的文本进行相应处理,如拉开章节、段落之间的距离等,让浏览者眼睛休息一下。   3、代码优化   合理运用标签,代码中按文本性质分别采用<Hx><p><span>等标签。   一般情况下,建议将标题、章节等按其重要程度,分别使用<H1><H2>…标题标签,再在CSS中分别将<H1><H2>…设置不同的样式,满足设计的需要。   段落文本应该使用<p>标签,而不是用<span>加<br>换行。<span>一般嵌套在<p>的段落文本中或用于注释、补充、说明文本等。   按以上方法对文本的代码进行优化后,从SEO角度能正确高效的引导spider抓取文字内容等。