网页结构优化是页面优化的重点之一,它是对网页内容布局的规划,合理的网页结构能够有效地提高用户体验和搜索引擎的友好性。网页主要包含导航栏、栏目以及正文三部分组成,对网页结构的主要也是围绕这三部分进行的。

1、页面重要区域分布规律

搜索引擎对页面的各个区域的重视程度是不同的,同样的内容出现在不同的区域所起的作用也有很大的差别。

图1 网页区域示意图

从用户体验的角度出发,一般用户在看一个网页的时候浏览页面的先后顺序一般是自上而下,自左而右进行的,因此在一个页面中(如图1所示),区域的重要性A>B>C>D。同时这也是符合搜索引擎在分析HTML页面的时候由上到下的顺序是一致的。

2、网页结构类型

网页结构可以分为导航型、内容型和导航内容结合型。

A. 导航型,它主要分为两种:频道导航和内容导航。

a. 频道导航型

导航型页面一般常见于网站的首页,它是以网站的频道导航为主的页面,例如www.hao123.com就是一

个导航型的页面。

b. 内容导航型

内容导航型页面是以网站中相对重要的内容导航为主,它主要是由栏目组成,例如新浪的首页。他将性

质或者特征相同的内容分成多个栏目,是的用户在更短的时间内就可以找到所需要的信息。

B. 内容型

内容型网页除了显示网页的正文信息之外不包括其他任何的信息。这种形式的网页对于用户和搜索引擎都

不友好。因为碎玉用户来说只有通过前进和后退来进入到网站的其他页面,而对于搜索引擎来说,这类页面因

为找不到出口而停止对网站的收录。

C. 内容导航结合型

这种类型的网页结合了导航型和内容型的优点,它是以展示正文的内容为主,导航为辅,从而应该讲正文

的内容放置到相对重要的位置。同时正文内容首先出现也能提高页面的相关性。他不但方便用户获取信息,而

且大大提高了网页的相关性,还可以有效地引导搜索引擎抓取网站中其他的页面。

3、常用的页面技术

有时候为了让页面更加美观或者显示更多的内容,通常就会采用一定的页面技术,常用的页面技术主要有隐藏层、Flash和框架。

A. 隐藏层

隐藏层是指经过相应的触发事件之后才显示的层。

图2

在图2中,红色方框部分就是隐藏层的时间出发项。他使用悠闲地页面空间来显示更多的内容。但是百度往

往会忽略隐藏层中的内容,而谷歌则比较重视一些。

隐藏层的调用方式分为内部调用和外部调用。内部调用直接把隐藏层的内容放到当前页面中,当事件触发时

直接从当前页面中调用内容显示。外部调用是指吧隐藏层的内容放在外部文件中,只有在事件触发之后才调用显

示。

一般情况下,在使用隐藏层时将相对重要的内容放在默认显示页面,次要内容放在隐藏层中,这样可以提高

用户体验和页面相关性。

B. Flash技术

Flash可以实现具有强烈视觉冲击效果的页面,但是目前只有个别的搜索引擎(谷歌)可以解析Flash文档的

内容,所以一般不建议采用Flash显示重要的页面信息。

C. 框架技术

框架是吧页面分成若干个重要的区域,再在各个区域中引用不同的页面,从而实现同一个浏览窗口中展示

多个页面。常见的框架有Frame和Iframe两种。

由于框架技术可以将重复的页面固定在同一个位置上,从未当用户重新发出访问页面的请求时,服务器只

需要返回变化的那部分,这样可以节省页面下载所需的时间。有些浏览器(例如Netsape)并不只是Frame框

架技术。

其实在网页规划的时候应当尽量少的使用隐藏层、Flash、框架等对搜索引擎不友好的技术。

综上所述对于页面优化需要注意一下几点:

1、 页面区域重要性是自左而右,自上而下的;

2、 将页面设计成内容导航结构型;

尽量少的使用隐藏层、Flash、框架等对搜索引擎并不友好的页面技术。

The world makes way for the manwho knows where he is going.

转载于:https://www.cnblogs.com/h2-database/archive/2012/04/26/2572520.html

SEO笔记—网页结构优化(四)相关推荐

  1. 【vasp笔记】结构优化(结构弛豫)

    文章目录 INCAR Tags ISTART ISPIN MAGMOM ICHARG LREAL ENCUT PREC LWAVE LCHARG NSW IBRION ISMEAR SIGMA ISI ...

  2. SEO初级|网站结构优化—URL地址规范化

    首页:www.abc.com/ 栏目页:www.abc.com/seo/ 文章页:www.abc.com/seo/1.html 将abc.com301重定向至www.abc.com首页地址唯一www. ...

  3. Web前端如何进行SEO结构优化

    做前端的肯定离不开SEO,无论您是专职的SEOer还是其他什么别的,只要设计到前端就避不开SEO,前前后后做了几十个网站和个人博客网站建设的我,对与SEO仍然出于小白阶段,下面就介绍一下日常SEO注意 ...

  4. 如何优化SEO的网站结构

    如何优化SEO的网站结构 明确定义的站点结构使搜索引擎爬虫的工作更容易,这意味着更好的索引编制和更多机会获得更高的排名. 随着百度排名算法,语音搜索和移动优先索引中人工智能的引入,网站的结构变得比以往 ...

  5. SEO优化 网站结构优化

    网站结构优化 网站的结构 物理结构 扁平物理结构 树形物理结构 逻辑结构 扁平逻辑结构 树形逻辑结构 网站结构对 SEO 的影响 网站结构优化 网站的结构 网站结构是指在网站中页面与页面之间的层次关系 ...

  6. 读书笔记:《SEO教程:搜索引擎优化入门与进阶》(4)——代码优化

    --对HTML源代码进行必要的调整. 1.去掉冗余代码 --降低页面体积 --提高搜索引擎友好性 做法: 去掉每行代码前面.后面的空格字符: 去掉空白行: 2. HTML标签转换 --使用短标签替换同 ...

  7. 读书笔记:《SEO教程:搜索引擎优化入门与进阶》(2)——关键字

    关键字的位置和形式 搜索引擎分析网页时,在HTML源代码中是自上而下进行的,因此搜索引擎会更加重视网页源代码中首先出现的内容,因此在规划页面时,应非常重视页面的<head>节点: < ...

  8. SEO网站结构优化详解

    网站结构优化是网站信息化建设的重要环节,它是指对网站信息进行有效组织,以更好地服务于用户的浏览和使用的过程.网站结构优化可以提高网站的质量,提开网站的流量,为用户提供更好的服务,也可以增强网站的可视性 ...

  9. MySQL优化四(优化表结构)

    MySQL优化四(优化表结构) MySQL优化四(优化表) 昨晚吃吃喝喝的太多,熬夜到凌晨二点.今天头发杂乱,脸庞憔悴,像是吸毒了.下午去买衣服,肚子一看大了不少.奈何女朋友还没有一个,就已经发福了. ...

最新文章

  1. Zend Framework实例教程三
  2. 引入jQuery的src设置
  3. SIR模型和Python实现
  4. 知行EDI系统-入门篇
  5. CCNA考试题库中英文翻译版及答案2
  6. 口腔管理软件DSD微笑设计与正畸头影测量工具组合包简介
  7. mysql 多表联合查询
  8. win2003服务器360修复漏洞打不开网页,360浏览器打不开网页,教您怎样解决360浏览器打不开网页...
  9. java实现蒲福风级_蒲福风力级的意思_蒲福风力级是什么意思_蒲福风力级的近义词_反义词_读音-沪江在线词典...
  10. Python - 实现渐变色的RGB计算
  11. 【屏幕模块 - 笔记】深圳市晶联讯电子 液晶模块 JLX19296G-915-BN
  12. MATLAB:巴特沃斯低通滤波器过滤信号
  13. 2019年7月勒索病毒疫情分析
  14. TCP协议发送SKB时ip_summed初始值为0
  15. 加速度计、陀螺仪工作原理
  16. 搜索引擎是如何最大化关键字广告收益的
  17. ZKNUOJ 1019
  18. 点云孔洞定位_散乱点云的孔洞识别和边界提取算法研究
  19. 小程序开发经验分享(2)前端开发
  20. ios上架被拒5.1.1

热门文章

  1. 重学java基础第六课:markdown语法
  2. Taro+react开发(71):Taro.nextTick
  3. React开发(103):详细路径 不然找不到
  4. [html] 写一个密码默认星号,但可以查看密码的输入框
  5. [html] HTML5如何播放ts视频流?
  6. 前端学习(2849):简单秒杀学习之浮动
  7. 工作182:表格渲染
  8. 前端学习(2464):vue中 slot
  9. 前端学习(2461):打包发布
  10. 前端学习(2319):angular2概述