您现在的位置:[电竞竞猜APP]电商平台 > 定制符合搜索引擎优化的页面代码规则

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

发布日期:2013-12-31 阅读次数:1621
自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后,查看网页结构是否仍旧组织良好有序,是有仍有良好的可读性,而不至于使浏览者迷失或迷惑。一般来说,在现代浏览器中,语义良好的网页在取去掉样式内容后结构仍旧清晰明了。
司瓦图胡经理
技术客服,免费咨询
技术客服司瓦图胡经理
司瓦图网络自2007年正式注册成立,目前提供各类平台系统定制,包括电商平台开发,微信小程序定制开发,微信平台定制开发,企业官网制作以及400电话开通等服务!

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

地址:合肥市政务区天珑广场5号甲级写字楼1007-1008室

老张个人微信

老张原创分享

Copyright © 2018 版权所有:合肥司瓦图网络科技有限责任公司 ALL Rights Reserved  
皖ICP备07007410号
司瓦图老张头像
司瓦图老张
老张自05年进入互联网行业,一直从事互联网平台开发行业,服务项目主要有:平台定制开发,电商平台开发,微信商城,微信小程序等。
司瓦图老张微信
加拿大28信誉平台 皇冠体育 保赢投注法 爱乐透彩票 皇冠足彩 北京快乐8怎么买 lol电竞彩票 开心生肖 江苏快3 双色球机选 真人百家乐平台复制打开网址【82324.com】 真人百家乐平台复制打开网址【82324.com】 真人百家乐平台复制打开网址【82324.com】 真人百家乐平台复制打开网址【82324.com】 真人百家乐平台复制打开网址【82324.com】 北京赛车平台复制打开网址【82324.com】 澳门百家乐平台复制打开网址【82324.com】 秒速赛车平台复制打开网址【82324.com】 秒速赛车平台复制打开网址【82324.com】 秒速飞艇平台复制打开网址【82324.com】 重庆时时彩平台复制打开网址【82324.com】 重庆时时彩平台复制打开网址【82324.com】 重庆时时彩平台复制打开网址【82324.com】 加拿大28平台复制打开网址【82324.com】 加拿大28平台复制打开网址【82324.com】 加拿大28平台复制打开网址【82324.com】 秒速快3平台复制打开网址【82324.com】 秒速快3平台复制打开网址【82324.com】 秒速快3平台复制打开网址【82324.com】 彩票开户平台复制打开网址【82324.com】 彩票开户平台复制打开网址【82324.com】 幸运快乐8平台复制打开网址【82324.com】 幸运快乐8平台复制打开网址【82324.com】 幸运快乐8平台复制打开网址【82324.com】 幸运快乐8平台复制打开网址【82324.com】 幸运28平台复制打开网址【82324.com】 幸运28平台复制打开网址【82324.com】 幸运28平台复制打开网址【82324.com】 快乐赛车平台复制打开网址【82324.com】 快乐赛车平台复制打开网址【82324.com】 快乐赛车平台复制打开网址【82324.com】 太阳城娱乐平台复制打开网址【82324.com】 太阳城娱乐平台复制打开网址【82324.com】 秒速赛车平台复制打开网址【82324.com】 秒速赛车平台复制打开网址【82324.com】 盛世彩票平台复制打开网址【82324.com】 盛世彩票官网 复制打开网址【82324.com】 盛世彩票官网 复制打开网址【82324.com】 香港马会资料平台复制打开网址【82324.com】 香港马会资料平台复制打开网址【82324.com】 香港马会资料平台复制打开网址【82324.com】 香港马会资料平台复制打开网址【82324.com】 大发彩票平台复制打开网址【82324.com】 大发彩票平台复制打开网址【82324.com】 大发彩票平台复制打开网址【82324.com】 迪士尼彩票官网平台复制打开网址【82324.com】 加拿大28预测平台复制打开网址【82324.com】 加拿大28预测平台复制打开网址【82324.com】 加拿大28预测平台复制打开网址【82324.com】 太阳城平台复制打开网址【82324.com】 太阳城平台复制打开网址【82324.com】 幸运飞艇平台复制打开网址【82324.com】 幸运飞艇平台复制打开网址【82324.com】
分享到:QQ空间新浪微博腾讯微博人人网微信