网页结构有哪几种？（常见的HTML网页布局结构导航栏、栏目及正文内容）

7.4 网页结构类型

创建网页结构实际就是对导航栏、栏目及正文内容这三大页面基本组成元素进行组织布局。根据页面内容侧重点的不同，我们可以把网页结构分为导航型、内容型及导航内容结合型三种。

7.4.1 导航型

导航型 页面是以网站导航为主的页面。根据页面导航的侧重点，又可以分为频道导航型及内容导航型两种。

1. 频道导航型

频道导航型 页面是以网站频道导航为主的页面，常见于频道比较多或者地域性较强的网站首页。例如，某软件下载网站，为了提高页面浏览及下载的速度，会为部分地区的用户建立相应的镜像网站。这个时候，网站的首页通常会罗列出各个镜像站点的入口地址，以帮助用户快速选择合适的通道，如图 7-6 所示。

图 7-6 频道导航型页面示意图

在构建频道导航型页面的时候，只需要罗列出各频道的名称并加上相应的链接地址即可。但需要注意的是，应该按照频道的重要性从上至下，从左至右地进行排列，即遵循页面重要区域的分布规律：左上 > 右上 > 左 > 右 > 左下 > 右下（请参考 7.3 节）。

下面再来看看 Google 是怎样构建频道导航的。在 Google 首页上，相对重要的频道分布在页面的左上角，且按照频道的重要性自左至右排列，如图 7-7 所示。

图 7-7 Google 首页

2. 内容导航型

与频道导航型不同，内容导航型 页面是以网站中相对重要的内容导航为主。内容导航型页面主要由栏目组成，常见于网站或者频道的首页，如图 7-8 所示。

图 7-8 内容导航型页面示意图

在内容导航型页面中，把性质或特征相同的内容分成多个栏目向用户进行展示，这样用户就可以在更短的时间内找到所需的信息。同样，搜索引擎通过内容导航型页面，也可以在单位时间内抓取到网站中更多相对重要的页面。

在构建内容导航型页面的时候，要根据栏目及栏目中内容的重要性进行布局，也就是要遵循页面重要区域的分布规律：左上 > 右上 > 左 > 右 > 左下 > 右下。如图 7-8 所示，尽管“博客”“读书”这两个栏目都位于页面的同一水平区域，但它们的重要性是自左至右递减的，而同一栏目里的内容的重要性也是自上而下递减的。

7.4.2 内容型

内容型 网页是以展示正文内容为目的的网页，除了正文内容外，不包括其他任何信息，如图 7-9 所示。

图 7-9 内容型页面示意图

内容型结构的页面，只展示单一的产品或者内容，不存在其他任何信息。因此，页面的主题是高度集中的，对于提高页面相关性方面起着非常重要的作用。但在链接关系方面，由于内容型结构的页面不向其他任何页面贡献链接，这样就会使得其他页面因得不到足够的链接支持而丧失优势。

内容型结构的页面不管是对普通用户还是对搜索引擎都是十分不利的。对于普通用户，除了点击浏览器中的“后退”“前进”按钮或重新输入网址以外，没有其他办法访问网站中的其他页面；而对于搜索引擎，进入这一类页面后就找不到出口而不得不停止抓取进程。

7.4.3 内容导航结合型

内容导航结合型 结构是导航型及内容型结构的结合体，是取两者的优点而成的新型页面结构。

内容导航结合型页面以向用户展示正文内容为主，导航为辅。既然这种结构是以展示正文内容为主的，那就应该把正文内容放到页面中相对重要的区域，而导航内容放在较为次要的区域。这样用户在浏览页面时，就可以首先看到自己关心的信息。而搜索引擎在分析页面时，正文内容也会首先出现，这就在一定程度上提高了页面相关性。

例如，一个展示文章的页面，左边展示的是文章的内容（即正文内容），而右边展示的是与文章相关的导航栏目，如图 7-10 所示。

图 7-10 内容导航结合型页面示意图

内容导航结合型页面，既展示正文内容，又附加了一定的导航信息。一方面，方便用户获取信息；另一方面，大大提高了页面的相关性，还可以有效引导搜索引擎抓取网站中其他相对重要的页面，从而增加网站页面被收录的数量，及这些链接所指向的页面的链接权重。

但是，内容导航结合型结构的页面内容较多，体积庞大。与导航型结构相比，内容导航结合型页面的栏目数量也较少，不能为搜索引擎提供足够多的 URL 资源。

转载请注明来自专注SEO技术,教程,推广 - 8848SEO，本文标题：《网页结构有哪几种？（常见的HTML网页布局结构导航栏、栏目及正文内容）》

标签：HTML网页布局