福建快3最大遗漏数据
您现在的位置:[首页]电商平台 > 定制符合搜索引擎优化的页面代码规则

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

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

全国服务热线4000-522-555周一至周六8:30-18:00

地址:合?#36866;?#25919;务区天珑广场5号?#20934;?#20889;字楼1007-1008室

老张个人微信

老张原创分享

Copyright © 2018 版权所有:合肥司瓦图网络科?#21152;?#38480;责任公司 ALL Rights Reserved  
皖ICP备07007410号
司瓦图老张头像
司瓦图老张
老张自05年进入互联网行业,一直?#37038;?#20114;联网平台开发行业,服务项目主要有:平台定制开发,电商平台开发,微信商城,微信小程序等。
司瓦图老张微信
福建快3最大遗漏数据 埃及二分彩 辉煌棋牌害死了多少人 美国股票指数纳斯达克 体育彩票新11选5开奖结果 双色球012尾号走势分析图 申城棋牌网手机版下载 福建七乐彩走势图 全球股票指数排名 山西11选5走势图基本走势图 360彩票快乐8加奖