常见问题

定制符合搜索引擎优化的页面代码规则

发布日期：2013-12-31　阅读次数：1220

自1989年诞生至今，网页技术已经走过了20多个念头，其用途也由*初的米国一些大学和科研结构之间学术交流，逐步延伸到今天各种各样无所不在的用处：门户新闻、电子商务、博客、邮箱、游戏、维基等等，包括了我们生活的方方面面。与网页的巨大作用相反的是，宜宾网页制作小编编写一个网页非常简单，你甚至不需要有任何专业的工具，只要一个纯文本编辑器，随便每一本入门书，或者干脆问问度娘，几分钟后就可以自己动手为自己做一个简单的网页出来。但是，要做好这门手艺，却是一件十足的难事。所有的困难都来自快速变化的外部互联网环境，正式投入生产环境的网页不但要完整的实现需求，更重要的是考虑到代码在各种环境下的可维护性，为未来随时都有可能出现的需求变化做好准备。
　　这些变化的需求中，一个为我们所熟知，但又似乎从来没有明确说明的就是搜索引擎对于代码的要求。在具体的要求上，不同的搜索引擎在不同的地区有不同的侧重，但是这里有几条*基本的规则，供诸位参考~
　　传统上w3c的建议
　　传统上，w3c推荐的页面标准是比较简单的，w3c将其以系列标准组合起来，形成了一个核心为页面结构、样式和行为分离的建议，w3c的推荐的标准大体可以分为三个部分：结构标注-》XML标注、HTML标准、XHTML标准;样式表示-》CSS标准;行为标准-》主要是DOM标准和ECMAScript标准。一个符合w3c推荐标准的网页中，样式和行为不再夹杂HTML中，HTML本身也符合严格的定义，不存在没有闭合的标签、大小写混合的标签名等。这样，理想情况下，每个网页的源代码将会包括三个部分：.html文件包含内容和结构、.css文件包含样式、.js文件包含行为。但是，把结构、样式和行为三者完全分离就可以带来足够的搜索引擎友好度么?我想这仅仅是一个开始。
　　现代意义上的分离代码和搜索引擎友好
　　虽然web标准的概念已经提出了很长一段时间，但是在具体的实践中，往往并没有一个很好的可以参考实施的规范。w3c的web标准是一套理论性的只奥思想，显然其*终目的是让代码更容易维护，让搜索引擎等各种非人代理都可以快速的理解页面和网站内容，标准只是手段，远不是目的。在应用这些标准的郭晨各种，我们注意到所谓高质量的代码，在实现了基本的结构、样式、和行为分离的基础上，还要做到三点：可重用、精简、有序。可重用可以极大的提升开发速度，同时也有助于精简代码;精简的代码可以让*终生成的文件变小，有利于所有访问者更快的下载;遵循有序标准创建的页面可以更清晰的表述、组织代码，是代码更容易维护，也有助于搜索引擎通过结构判断页面内容和重点。
　　通过代码而不是视觉效果来判断内容的语义
　　经验丰富的网页设计师，无论采用什么样的布局方式，table也好，div也罢，都可以很容易在视觉上让人类浏览者轻易抓住页面的主要内容，但是搜索引擎看不到这些精心构建的视觉效果，搜索引擎只能看到代码，只能通过代码标签来判断内容的意义。由此，规范SEO页面代码撰写规则就尤为重要。table布局有什么问题呢?显而易见的是将会导致大量的无意义结构代码，并搞乱整个页面的结构;另一个问题是，table的语义很单一，并不足以胜任除数据之外的大多数场景。随之而生的CSS布局有什么特点呢?或者具体来说，CSS布局解决了之前table所不能解决的问题么?CSS布局核心是用CSS来控制页面上各个元素的样式，特别是位置和层叠关系，帮助HTML从结构、样式混杂的泥泞中解脱出来，专注于结构。CSS完全取消了，起码是极大的弱化了各种标签之前被季度滥用的布局能力，将布局需要的各种元素放到了样式中进行控制。与table相比，终于解决了代码混杂、数量巨大的问题，并在一定程度上突出了语义。代码量少，浏览器下载就更快，结构清晰，后期维护就更容易，语义清晰一些，搜索引擎友好度也就更好一些。正因为如此，CSS布局迅速取代了table布局，成为事实上的布局标准。
　　正作为CSS很强大，所以无论采用什么标签、是否按照语义选择标签，设计师都可以通过CSS实现所需要的视觉效果，这这也是一把双刃剑。如果使用不当，或者直白的说，滥用CSS布局，只考虑*终的视觉效果，而不考虑语义标签，其实和之前累赘的table布局并没有什么不同。
　　众所周知，CSS布局只是整个web标准中很小一部分，而在结构、样式和行为三大元素中，结构才是*重要，结构才是浏览者的目的所在，结构才是互联网提供服务的基础，样式仅仅用来修饰结构，更好的表现结构。更正确的做法是，先确定HTML的需要，即确定语义的标签，之后再选择适当的CSS。
　　正确和积极的判断并使用语义良好的标签
　　判断一个页面使用的标签是否具有足够良好的语义化的简单方法是使用浏览器默认样式覆盖CSS后，查看网页结构是否仍旧组织良好有序，是有仍有良好的可读性，而不至于使浏览者迷失或迷惑。一般来说，在现代浏览器中，语义良好的网页在取去掉样式内容后结构仍旧清晰明了。