• 博客园logo
  • 会员
  • 周边
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Jelly#布丁
我希望世界上不再有战争,我希望和我爱的人永远在一起
博客园    首页    新随笔    联系   管理     
web标准-结构

首先形式的了解一下web标准:

  WEB标准,即网站标准。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是“css+div”。实际上,WEB标准并不是某一个标准,而是一系列标准的集合。

   网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的网站标准也分三方面:结构化标准语言,主要包括XHTML和XML;表现标准语言主要包括CSS;行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C组织起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer ManufacturersAssociation)的ECMAScript标准。

  这里我们主要讨论结构化标准语言,书写xhtml代码一定要严格按照语义,而非样式进行书写,也就是说我们要合理的使用html标签,下面是一些推荐大家使用,或者说使用的时候需要注意的一些标签:

1. acronym

 

<body>
Can I get
this <acronym title="as soon as possible">ASAP</acronym>?
</body>

看到上面的例子,我们就会明白了,它是代表某一个文本单词是缩写,这就是前面所提到的“语义”。

 

Css 花园中所有缩写都是使用该标签。

2. blockquote

 

<blockquote>
<p>Here is a long quotation here is a long quotation</p>
</blockquote>

  该段代码表示的是引用注释,针对“语义”,是上面内容补充,满足语义的代码书写,也体现了良好的逻辑性,所以它的结构很清晰。

 

  当我们在做一个网页的时候,可以给注释的地方定义一些不同与正文的样式,便更加锦上添花了,当然这是题外话了:

3.Heading标签

  在做搜索引擎优化网站的时候都会接触到H标签,它属于Html语言,代表标题的意思,在网页当中合理利用h标签可以提高关键词语的权重。

什么是Heading(H1-H6)标签?

  HTML语言里一共有六种大小的heading 标签,是网页html中对文本标题所进行的着重强调的一种标签,以标签<h1>、<h2>、<h3>到<h6>依此显示重要性的递减,也就是权重依次降低。

  首先把网站想象成一个大树,主干部分就是网站的核心内容,而粗壮的枝杈就是网站的各个分类,枝叶部分就是网站具体内容,搜索引擎的爬虫就仿佛在爬树一样,而我们要给爬虫一个准确的路径,也就是我们说的网站地图(sitemap),这样爬虫就可以找到所有我们希望它能够找到的枝叶部分。在这些内容中,有些枝叶是我们希望着重表达的,我们就把它涂上颜色或者使用加粗(strong标签),让它特别明显,这样爬虫就明白我们的内容当中这些部分特别重要,获得的权重也就会高一些,还有些时候,我们需要非常明确告诉爬虫每一个枝杈的每一个部分的重要性层级,这个时候,h标签就起到大作用了,它可以告诉爬虫,每一部分的枝杈的重要层级关系,让爬虫有序的对这些信息进行整理。

Heading标签的作用:

  Heading 标签通常用来为用户展现网页的结构,由于heading标签通常会使某些文字比普通的文字大,对于用户来说,便于他们更直观地看出这些文字的重要性,而且可以帮助他们理解heading文字下方的内容。多种渐变大小的heading一开始主要为网页的内容创建分层结构,便于用户直观地浏览网站;对搜索引擎来说,<h>标签的主要意义是告诉搜索引擎这个是一段文字的标题,起强调作用。

  一般来说,<h1>用来修饰网页的主标题,<h2>表示一个段落的标题,<h3>表示段落的小节标题,因为,搜索引擎需要在一堆文本中明白它写的是什么,所以,它也依照人们的阅读习惯,首先寻找文章的标题,然而,不像人们那样可以迅速确定标题是什么,搜索引擎是“盲人”,所以,使用<h>标签就指导搜索引擎标题在那里,便于它们迅速掌握文本大意。标题(H1-H6)标签是采用关键词的重要地方,这个标签应该包括文本中最重要的关键词,Google算法就指出,这个<h>和</h>直接的题头文字,一定比其它地方的文章具备更重要的意义,但是,过分的使用容易产生不利的影响。

  注意:h1标签在一个页面中只能使用一次,因为它代表了页面的主标题(这相当于一篇文章不会有很多主标题一样),但是h2到h6标签可以使用多次。

  既然h标签是用来表示页面标题的,那么被h标签标注的部分,都是代表标题的主次,h标签包括从h1,h2,h3…h6这六种,h标签的权重会高于Strong,这也很好理解:我们看作H标签可以标示出该篇页面内容的层级关系,而Strong标签只不过是告知了个别词或者个别语句的权重高于正文内容而已。可以这样说,如果给我们的标题设置了大字体,加粗并且加颜色,让它看起来更象一个标题,但这仅仅只会给我们在视觉效果是个标题,对于搜索引擎来讲,它是分不出来是标题的,如果你整篇文章都以这种形式来表现,那么搜索引擎获取的结果就只会是一团,无法产生很好的匹配,对搜索引擎来说,只能通过H标签来识别网页的结构。

网站优化时怎么使用标题(H1-H6)标签?

1、使用<h1>、<h2>、<h3>、<h4>、<h5>来部分说明文本中谁是主,谁是次。

2、使用关键词的时候,不要让题头失去可读性,要考虑读者的感受。

3、<h1>代表最重要的,<h6>代表相对最不重要的,因此,根据这个递减,适当安排关键词。

4、<h1>中使用的关键词,往往是在网页标题中使用的。

5、<h1>尽量靠近在html中的<body>标签,越近越好,以便让搜索引擎最快的领略主题。

具体的使用方法分为两种:

1.首先是在主页面和分类页面的使用,通常我们使用H1标签来标注出网站标题,使用H2来指明分类名称,使用H3来标注文章标题;

2.在内容页面中,我们使用H1来标注出网站标题,使用H2来标注文章标题,使用H3来标注分类标题。

合理的H标签可以很清晰的标示出枝杈的粗细和前后顺序关系,这样整体网站看起来就比较健壮;而过分使用H标签虽然短期欺骗了搜索引擎达到目的,但是整体的网站这棵大树的层级关系已经非常混乱了,一棵奇形怪状的大树,搜索引擎怎么会喜欢呢?肯定会遭受到惩罚的。所以我建议大家尽量合理使用H标签,可以考虑在合理的情况下加入需要优化的关键词,这样可以将自己的网站结构变得更加清晰,也会提高引擎优化的分值。

 4、<strong>、<b>

  前面简单讨论过H标签的用法及对SEO的影响,其实与H标签可以同题讨论的还有STRONG与B两个标签。H标签的使用更显得网页的层次更加清晰,同样STRONG标签也具有强调结构层次的效果,只是要效果上会比H标签差一些,而且在内容页也可以用STRONG标签来突出关键词或者重要内容。
首先,什么是STRONG与B标签?

  其实b标签是HTML的内容,而STRONG是XHTML的内容,大家都知道,一个事务的发展只能越来越趋向于标准化。seo学得的搜索引擎也必定更喜欢标准化的东西。

  再次,我们要怎么使用STRONG标签?

  HTML标签的定义,并不是随心所欲的,本身具有一定的语义(这个大家下载一份HTML基本标签的定义研究下就可以明白)。从这方面来看,H1等标签主要是在标题上的使用,而STRONG更注重于内容上的应用,比如关键词的标明等。当然这也不一定是固定的,如有些网站在小标题上也用STRONG标签来强调,也未尝不可。但应该注意的是:过度使用STRONG标签也同样有搜索引擎处罚的可能。

 

还有一些其他方面需要我们注意的问题:

1、页面的“标题”使用了图片

  随着我们对视觉的要求越来越高,好多内容我们不再使用单纯的文字来丰富网页的内容,而是更多的使用了图片,我们知道搜索引擎并不能够知道我们图片上的内容,特别是当该部分是标题等重要内容的时候,为了兼顾美观,我们可以使用这样的方法:

<h1><span>css Zen Garden</span></h1>
依然写内容,使用<span>标签嵌套起来:

h1 {
background: transparent url(images
/h1.gif) no-repeat top left;
margin-top: 10px;
width: 219px;
height: 87px;
float: left;
}
h1 span {
display:none
}

 

这样就实现了兼顾!

posted on 2010-05-26 14:08  Jelly#布丁  阅读(400)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3