网站建设页面结构都有哪些

作者&投稿:奚水 (若有异议请与网页底部的电邮联系)
网站建设要建设哪些基本结构?~

一、网站目录结构的确定
网站目录结构的确定这点是不容忽视的,主要是指建立网站时创建的文件夹。在创建本地站点时,首先要建立本地站点根文件夹和images子文件夹,再创建多个子文件夹,然后将站点的文件分类储存到相应的子文件夹中,而不是将所有文件都存放在根文件夹下。其实,目录结构的好坏,对浏览者来说并没有太大影响,但是对于站点本身的上传和维护、内容的扩充和移植有着重要的影响。
目录结构建立的好坏,对于企业后期进行网站维护是有直接联系的,专业与不专业网站建设公司这些也是有差别的,你会发现不专业的建站公司有时候从目录中你都找不到想要的文件夹,而专业的一看文件夹名字就可以轻而易举找到。
二、网站链接结构的确定
上海雍熙认为,网站链接结构也是要提前确定好的,我们这里所说的网站链接结构主要指的是网站中各个子网页之间相互的链接关系,它映射着网站主题与主题相关的内容以及网站设计者建立此站点的目的。
好的网站链接结构不仅可以让访客在浏览时轻松自如的进行各页面之间的跳转,搜索引擎在爬取的时候速度也会更快,网站收录也会更快。说到网站链接结构我们不得不提面包屑导航了。
网站建设,一般链接结构包含树状链接结构和星状链接结构,而在进行企业建站的时候用的比较多的就是树状链接结构。从某种程度上,网站结构的好坏直接影响着搜索引擎对于这个网站收录的快慢,所以我们在进行建站的时候要特别的注意。

1、标题正文型:
  这种类型就是最上面是标题,下面是正文,就像我们写文章一样的格式,这种类型的网站给人感觉很简单,表达的主题简单明了,没有其他杂乱的东西。
  2、上下框架型:
  与上面类似,不过这种是上下分为两页的框架。即一般是上面是导航链接下面是正文,采用这种方式的也是比较多的。
  3、Flash型:
  其实这与封面型结构是类似的,只是这种类型采用目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
  4、封面型:
  这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
  5、综合框架型:
  上页两种结构的结合,相对复杂的一种框架结构,就是上面几种的综合,只是采用了框架结构。
6、左右框架型:
  这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。
  7、“同”字型:
  这种类型是我们最常见的也是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

希望能够帮到你,谢谢!

最近看了好多关于网站运营以及网站结构布局的书籍,书里系统地介绍了网站结构的相关理论及方法,深受启发。今天,悟空将结合书里面的精华,再加上自己以往积累的经验,全方面的总结整理网站结构布局的相关知识,帮助一些小白快速掌握SEO基础知识。

做好网站布局,需要考虑五个方面,并按顺序依次实现。五个方面分别为:

  • 为什么对网站结构进行布局呢?

  • 网站导航以及目录结构

  • 网站目录META标签

  • 网站合理清晰的URL结构

  • 网站地图以及标签布局

  • 一、为什么对网站结构进行布局呢?

    1.良好的网站结构有利于百度spider收录

    对于新站来说,SEO很容易忽略网站结构布局,网站目录层级乱而深,导致百度爬取困难,产生大量死链。其实对于百度搜索引擎来说,只要结构合理、有逻辑性、内容有规律可循都可以,都是友好的。

    2.良好的网站结构,防止产生重复内容URL非标准化,经常产生同一个内容页面,产生多个URL链接,促使百度爬取识别不出哪一个才是真正的页面。对于SEO而言,这是致命的错误。

    3.良好的网站结构设计,有利于提高用户体验清晰的网站结构,可以让用户快速找到自己想要的内容,吸引用户浏览,增加页面停留时间,降低跳出率。

    二、网站导航以及目录结构

    一个清晰的导航会很大的提升用户的体验度,同时搜索引擎也更喜欢。导航尽可能用最简单的HTML导航,层级一目了然。面包屑导航可以使结构复杂庞大的大中型网站变得清晰轻盈,在spider进行页面解析时会着重查看面包屑导航内容,强烈建议使用。

    网站目录结构:一说到网站结构,大家都会提到扁平结构和树型结构,言必称“结构扁平化”,这些指的是物理结构,即基于内容聚合的目录及文件位置决定的结构。

    对于一个网站来说,网页仅仅可以通过首页——目录1——目录2一层一层follow到是远远不够的,一个优秀的链接结构应该是网状的。

    1)首页链接应该链向重要的频道页,频道页再链向下面的节点页或普通页面。同时,频道页、节点页和普通页面都应该可以链回到首页

    2)无论哪些页面之间互相链接,都需要一个描述恰当的锚文本

    3)链接不要放在JS、FLASH等搜索引擎不可见的位置,使用图片做链接入口应该完善alt标签 *百度搜索引擎目前仅支持对部分JS和FLASH进行解析,绝大多数放在JS和FLASH里的链接都是获取不到的

    4)为重要页面留更多入口。百度搜索引擎认为,获得更多内部投票的网页相对来说更加重要

    5)“离首页越近”的网页,越容易受到百度重视。这个“近”指的是页面离首页的点击距离。即使URL所在目录层级较深,只要在首页有入口,百度也认为这是一个非常重要的页面。

    6)不要产生可怕的孤岛页面。虽然百度在提交入口、社会化挖掘方面做了许多工作,但链接抓取依然是百度获得新页面的最重要渠道。

    三、网站目录META标签

    网站目录结构布局结束之后,要对每个目录进行meta标签布局,促进百度蜘蛛对这个目录层级的认知。

    <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。meta标签包含:“title、keywords、description”

    举例说明:

    <title>悟空笔记-|学运营推广,上悟空笔记!

    </title><meta name=”keywords” content=”悟空笔记,运营推广,seo优化,运营笔记,运营知识”>

    <meta name=”description” content=”悟空笔记,一个旨在运营知识经验分享的平台。网站分享运营推广、新媒体运营、seo优化、sem竞价等实战经验,同时为广大站长提供一个分享、交流、学习的平台。”>

    请点击输入图片描述

    四、网站合理清晰的URL结构

    网站合理清晰的URL结构,不仅可以更好地组织网站结构,还有助于搜索引擎更有效地抓取文件。虽然搜索引擎能够抓取复杂的URL,但提供相对简单的URL,对于用户和搜索引擎来说都是有帮助的。

    优化URL结构的主要方法:

    1.网站自始至终都使用一个URL地址,不要来回变更地址,如果用带www的域名地址,则将不带www的域名使用301重定向技术重定向到主要地址,避免使用大小写字母的URL,网站的URL尽量使用静态URL,避免使用动态URL,URL越短越好,URL的内容使用拼音或者英文最好,方便记忆。

    2.根据自己的网站,设置网站层级,比如想做一个标签页面,可以设置成http://www.wukongbiji.com/tag,要是更新网站内容在TAG页面时,可以直接设置标签。这样不管是对spider还是对用户都可以清楚的了解该页面是做什么的。

    五、网站地图以及标签布局

    1、Sitemap

    Sitemap,可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页,现在可以直接在站长后台,直接提交自己的更新的内容链接,搜索引擎就再也不用派出那么多爬虫辛辛苦苦的到处乱窜了,任何一个站点,只要有更新,便会自动“通知”搜索引擎,方便搜索引擎进行索引。Sitemaps文件通常是XML格式的,制作方式,可以使用aizhan工具包,直接爬取网站链接。

    2、301标签以及canonical标签

    如果存在多个页面,比如主域名、www域名、m域名,建议可以直接使用301跳转或者canonical标注分类页,这样避免权重分散。

    3、404页面

    404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。建议一定要制作404页面,避免出现死链,导致百度spider不再爬取网站。

    关于网站目录的细节指南

    1、各个目录的首页之间有互联,如:悟空诉说,悟空主站在各个网站页脚上都有互联。

    2、每个目录下的内容页面,要以锚文本互联起来。

    3、不同目录的内容页面,如果目录结构差很多,比如bbs结构和blog结构,那么他们之间的内容尽量不要互联,而是让他们独立分开。

    4、不同目录的内容页面,如果内容差很多,也让他们独立隔开,不要过多的互串。

    5、对于单目录(都在一级目录下)的网站,同样也要考虑目录的内容分类。比如,内容管理系统(CMS)每个内容进行认真分类。但这里每个内容页面可以互联起来,因为结构一致,内容相近。

    6、如果网站要上新的内容,最好开一个新的二级目录。记住,内容的有序分类是很重要的。



网站结构主要包括四方面:

一,友好的网站结构

1, 扁平or树型:

2, 链接结构

1)首页链接应该链向重要的频道页,频道页再链向下面的节点页或普通页面。同时,频道页、节点页和普通页面都应该可以链回到首页

2)无论哪些页面之间互相链接,都需要一个描述恰当的锚文本

3)链接不要放在js、flash等搜索引擎不可见的位置,使用图片做链接入口应该完善alt标签

二,通过导航让百度更好地认识站点

对于用户,导航要解决的问题是:我在网站的什么位置,我想看上一级、甚至上上一级更多内容的入口在哪里;对于spider,导航要解决的问题是:这个页面属于哪个领域,要表达的主题是什么。所以说,清晰的导航系统不仅有助于提高用户体验,对seo的意义也是重大的,所有seo做得出色的网站基本都拥有清晰明确的导航。

三,合理的domain结构

除了在网站建设的时候站长会思考到底使用二级域名还是子目录,在网站运营的过程中,也会考虑是否要把子目录的内容拆分成二级域名。

四,url结构很重要

1,url结构规律化:同一个网页有不同url,会造成多个url同时被用户推荐导致权值分散;同时百度最终选择展现的那个url不一定符合你的预期。站点应该尽量不把sessionid和统计代码等不必要的内容放在url,如果一定要这样做可以通过robots禁止百度抓取这些非规范url

2,最好能让用户从url即可判断出网页内容,便于蜘蛛解析的同时便于用户间传播

3,url尽量短

4,不要添加蜘蛛难以解析的字符

5,动态参数不要太多太复杂,目前百度对动态url已经有了很好的处理,但是参数过多过复杂的url有可能被蜘蛛认为不重要而抛弃

互联网上的网页多种多样,内容千差万别,组成各异。但是,一般的网页都包含标题、网站标志、页眉、导航栏、内容板块和页脚等部分。

1.网页的标题

每个网页都有一个标题,用于指示网页的主要内容。网页的标题显示在浏览器窗口的标题栏中。在设计网页时,应该给网页指定一个有一定意义的标题,使浏览者在看到网页标题就能了解网页包含的大体内容。

2.站标

站标就是网站的标志,也叫网站Logo,是一个网站的特色和内涵的集中体现。它是一个站点的象征,一般放在网站首页的左上角或显眼位置,访问者能明显地看到它。一个好的站标,可以给浏览者留下深刻的印象,在网站的推广和宣传中起到事半功倍的效果。例如新浪用字母Sina和大眼睛作为标志。站标设计追求的是以简洁、符号化的视觉艺术形象把网站的形象和理念长留于人们心中。 

3.页眉

页眉指页面的上部,通常位于水平放置的导航栏上面。有些网页的页眉比较明显,有些页面则没有明确的划分,有点甚至没有页眉。通常,页面左边放置站标,右边安排网站的宗旨或广告语,或者放置商业广告。页眉是浏览者打开页面时首先看到的地方,在商业网站中通常将页眉作为广告位出租。

4.导航栏

导航栏是用户在规划好站点结构、开始设计主页时必须考虑的一项内容。导航栏的作用就是让浏览者在浏览站点时,不会因为迷路而中止对站点的访问。事实上,导航栏就是一组超链接,这组超链接的目标就是本站点的主页以及其他重要页面。在设计站点中的诸页面时,可以在站点的每个网页上显示一个导航栏,这样,浏览者就可以既快又容易地转向站点的其他主要网页。 

5.内容板块

内容板块是页面的主体,往往根据内容的多少划分为几个栏目。每个栏目中放置内容标题作为连接或内容摘要,具体内容包括文字、图像和动画等。页面的内容才是浏览者关注的根本目标。只有拥有丰富的内容,才能吸引众多的浏览者。因此,对内容板块应该合理安排、精心设计。

6.页脚

页脚是指页面的底部,通常放置版权信息、联系方法,有时也把导航栏、友情链接安排在这里。



如果是企业的话,一般就是一个主页,再来就是分页:公司简介、产品介绍、公司架构、联系我们、客户交流这类的(例如论坛或者贴吧)
可以到网上下载建站系统:pageadmin和discha都不错、简单,方便,直接。。。


网站建设页面结构都有哪些
1.头部(Header):-包含网站的标志、导航菜单、搜索框等。通常位于页面的顶部。2.导航栏(Navigation):-提供用户导航和浏览网站的链接。可以包括主导航、次级导航等。3.主要内容区域(MainContentArea):-包含网站的主要信息、文本、图像、视频等。用户访问网站的主要目的通常在这个区域。4.边栏(Sidebar...

网站建设页面结构都有哪些
页眉指页面的上部,通常位于水平放置的导航栏上面。有些网页的页眉比较明显,有些页面则没有明确的划分,有点甚至没有页眉。通常,页面左边放置站标,右边安排网站的宗旨或广告语,或者放置商业广告。页眉是浏览者打开页面时首先看到的地方,在商业网站中通常将页眉作为广告位出租。4.导航栏 导航栏是用户...

网站建设页面结构都有哪些
3、使用成熟的CMS系统:pageadmin CMS、discuz cms 模板多、操作简单、使用方便、直接下载就能使用、官网有完善的功能插件、提供给客户下载使用的、方便客户日后扩展网站 4、域名注册提交资料做实名制、服务器开通后提交资料做网站备案 5、cms系统通过FTP软件上传到服务器部署、服务器绑定域名、域名解析到服务...

网站建设页面结构都有哪些
一,友好的网站结构 1, 扁平or树型:2, 链接结构 1)首页链接应该链向重要的频道页,频道页再链向下面的节点页或普通页面。同时,频道页、节点页和普通页面都应该可以链回到首页 2)无论哪些页面之间互相链接,都需要一个描述恰当的锚文本 3)链接不要放在js、flash等搜索引擎不可见的位置,使用图...

网站建设的常见页面布局有哪些?
网站建设的常见页面布局有哪些?网站建设中网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等,下面分别论述。1、国字类型:也被称为同字型,顶部是网站的标题、横幅广告条,然后是网站的主体内容个,而左右分别是一些比较小的内容条,...

网站建设页面结构都有哪些
1、各个目录的首页之间有互联,如:悟空诉说,悟空主站在各个网站页脚上都有互联。2、每个目录下的内容页面,要以锚文本互联起来。3、不同目录的内容页面,如果目录结构差很多,比如bbs结构和blog结构,那么他们之间的内容尽量不要互联,而是让他们独立分开。4、不同目录的内容页面,如果内容差很多,也让...

网页制作的结构布局有哪些
网页布局有以下几种常见结构: 1.“同”字型结构布局 所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单,下方左侧为二级栏目条,右侧为链接栏目条,屏幕中间显示具体内容的布局。 这种布局的优点是充分利用版面,页面结构清晰,左右堆成,主次分明,信息量大;缺点是页面拥挤,太规矩呆板,如果细节色彩上...

网页布局结构有哪些?
二、网页布局有以下几种常见结构:【1】“国字”型布局:“国”字型布局由“同”字型布局进化而来,因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告,页面中间主要放置网站的主要内容,最下部分一般放置网站的版权信息和联系方式等。【2】T型布局 T型布局...

网站结构设计包含哪些内容
网站结构设计包含哪些内容一、友好的网站结构1、扁平or树型:2、链接结构1)首页链接应该链向重要的频道页,频道页再链向下面的节点页或普通页面。同时,频道页、节点页和普通页面都应该可以链回到首页2)无论哪些页面之间互相链接,都需要一个描述恰当的锚文本3)链接不要放在JS、FLASH等搜索引擎不可见...

网站结构设计六大要素有哪些_网站结构包含哪些结构
1、站内风格 网站结构设计的站内风格要简单便捷,保证网站内容充足但是有价值,既可以提高网站加载速度,也方便用户快速找到所需信息。2、关键词结构 网站关键词页面布局一定要合理。网站页面布局的标题一定要出现相关关键词,首页要出现主关键词词,栏目页要出现跟栏目相关核心产品词,文章页出现长尾词。以此...

霸州市15116153416: 网站建设中常见的网页布局有哪些 -
刀涛甘草: 网站建设中网页布局一般要考虑到以下因素: (1)网页配色,合理的配色可以加深客户的记忆; (2)兼容性,同样的代码在不同浏览器的响应效果略有不同,要充分考虑到兼容性;

霸州市15116153416: 网站制作的网页结构是怎么样的 -
刀涛甘草: 建议用dreamweaver做,下面是操作步骤:下面我们从实例操作中逐步了解框架的建立方法吧. 打开编辑版面,先在上行工具栏中选择“框架”标签,下面出现很多结构图标,如下图所示: 从图标的形状上就很容易看出结构形式,从左起,...

霸州市15116153416: 网页设计的布局有哪几种 -
刀涛甘草: 网页设计的布局有哪几种?1.“国”字型: 网页设计也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到...

霸州市15116153416: 网站建设的架构 -
刀涛甘草: 网站建设构架主要分文两个部分:1、前台结构布局的构架.这个主要是通过PS、AI、CDR等作图软件来制作一个完整的网页效果图,把每一个网页的效果图都做出来,企业网站一般包含:首页、产品列表页、产品最终页、新闻列表页、新闻最终页、单篇内容页面、留言页面这几个常见的页面效果.2、网站后台功能构架.这个需要使用你自己擅长的编程语言来实现,比如:asp/php/java/.net等编程语言来根据自己要实现的功能,然后对接数据库(access或SQL)

霸州市15116153416: 网页架构是什么呢?
刀涛甘草: 框架就是来主导你所建网页的大体结构,也可以说是你网页总体布局的体现,你可以先建设一个框架,然后在来给你的网页添枝加叶,这样一来也可以说框架就是个主干!

霸州市15116153416: 网站的结构设计包括哪些内容 -
刀涛甘草: 首先,我们要根据客户需求进行整理、归类,形成网站栏目的树状列表用以清淅表达站点结构,栏目的规划要求写得详细,具体为佳.然后我们以同样的方法,来进行二层栏目下的子栏目,对它进行归类,并逐一确定每个二级分栏目的主页面需...

霸州市15116153416: 网站的结构应该怎么进行布局设置 -
刀涛甘草: 网站结构布局是网站建设重要的一个环节,网站结构布局主要是由网站的策划人员将网站的布局草稿以及一些具体细节,提交给网页制作人员.网页制作人员就根据策划内容进行网站的建设,添加内容.在建设网站结构之前,我们一定要清楚一...

霸州市15116153416: 什么样的网站结构有利于优化?
刀涛甘草: 网站优化的时候有一个好的网站结构是很重要的,所以接下来郑州网站设计告诉大家怎么建设一个利于做网站优化的网站结构.在设置网站的时候都会采用扁平的树型网状...

霸州市15116153416: SEO网站结构 -
刀涛甘草: 一、内部优化 (1)TITLE,KEYWORDS,DESCRIPTION等的优化 (2)HEAD,ALT属性等标签的优化 (3)内部链接的优化,包括相关性链接,锚文本链接,各导航等链接页 (4)有规律地保持站内的更新(主要是文章的更新等) 二、外部优化 ...

霸州市15116153416: 网站结构优化包括哪些方面 -
刀涛甘草: 网站结构主要包括四方面:一,友好的网站结构1, 扁平or树型:2, 链接结构 1)首页链接应该链向重要的频道页,频道页再链向下面的节点页或普通页面.同时,频道页、节点页和普通页面都应该可以链回到首页 2)无论哪些页面之间互相链...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网