首页网站设计正文

网站设计与构架（网站架构设计图）

网站设计 2023-01-23T00:27:09 1691

今天给各位分享网站设计与构架的知识，其中也会对网站架构设计图进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！本文目录一览： 1、网站结构设计六大要素有哪些?

今天给各位分享网站设计与构架的知识，其中也会对网站架构设计图进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、网站结构设计六大要素有哪些?
2、怎样设计网站的结构和布局？
3、网站建设的架构
4、网页设计与构架中的几个SEO优化原则
5、网站的基本架构是什么

网站结构设计六大要素有哪些?

1、站内风格

网站结构设计的站内风格要简单便捷，保证网站内容充足但是有价值，既可以提高网站加载速度，也方便用户快速找到所需信息。

2、关键词结构

网站关键词页面布局一定要合理。网站页面布局的标题一定要出现相关关键词，首页要出现主关键词词，栏目页要出现跟栏目相关核心产品词，文章页出现长尾词。以此来为网站带来更多的流量。

3、导航结构

网站导航结构设计是引导用户快速找到信息，指引用户达到目标页面。而合理的面包屑导航、频道页导航是影响用户体验的重要点之一，不管是列表页、内容页最好都设置成统一的面包屑导航;面包屑导航能够随时让用户知道所处位置，更方便用户查找网页和返回上级，同时能吸引用户对网站进行更深层次的访问，非常符合用户行为习惯。

4、URL结构

合理的网站URL结构设计方便用户记忆且会适当考虑对于搜索引擎排名的影响。而URL目录层次数量要少、避免URL中有太多参数、也要使URL越短越好，这样利于搜索引擎抓取，利于用户体验。

5、页面聚合度

网站页面聚合布局时要考虑页面相关关键词、相关文章、相关推荐、相关频道页的结构设计，这样可以提供更多蜘蛛爬取通道，提高收录，并更加满足用户需求，让网站整体结构设计及结构优化更趋于合理。

6、页面中必备元素

(1)动态更新板块：网站首页布局动态更新板块，比如最新资讯板块，友情链接板块等;这样的话蜘蛛才能在网站首页每天都有新鲜内容进行抓取;

(2)nofollow：网站页面不需要蜘蛛索引的链接加上nofollow标签是告诉搜索引擎不要跟踪这些内容，也不向这些内容传递权重。比如注册、登录、联系方式、外部链接、“更多”等链接。总之，设置nofollow标签不会影响目标页面的内容索引和排名。

(3)专题页：网站专题页属于单页面，利用一个点、一件事、一个主题来策划一个页面或者一个活动的流程页面，该页面会包括网站相应模块和频道所涉及到的功能与该主题事件的内容展示。

关于网站结构设计六大要素有哪些，环球青藤小编就和您分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣，希望分享的这篇文章能够对您有所帮助。如若您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

怎样设计网站的结构和布局？

网站结构有两方面的意思，一是物理结构，二是逻辑结构。

一是物理结构

一般物理结构分为两种，一是扁平式，是所有网页都在域名根目录下。第二种就是树型结构，也就是根目录下分成多个频道，或者叫类别，目录等，甭管名称是什么，都是一个意思，然后在每一个频道下面再放上属于这个频道的网页。

第二个意义指的是逻辑结构或链接结构，也就是由网页内部链接所形成的逻辑的或链接的网络图。

比较好的情况是逻辑结构与前面的树型物理结构相吻合，也就是说:

主页链接向所有的频道主页

主页一般不直接链接向内容页，除非是你非常想推的几个特殊的页

所有频道主页都连向其他频道主页

频道主页都连回网站主页

频道主页也连向属于自己本身频道的内容页

频道主页一般不连向属于其他频道的内容页

所有内容页都连向网站主页

所有内容页都连向自己的上一级频道主页

内容页可以连向同一个频道的其他内容页

内容页一般不连向其他频道的内容页

内容页在某些情况下，可以用适当的关键词连向其他频道的内容页

频道形成分主题

目录与文件的命名原则

由于：hun

yin

jia

ting

等于

hun-yin-jia-ting等于

hunyinjiating

不等于

hun20%yin20%jia20%ting；

所以：文件名因此取名为“hun-yin-jia-ting.htm”或者“hunyinjiating.htm”，而不要取名为“hun

yin

jia

ting.htm”或“hyjt.htm”；

原则：取短舍长，取全拼舍简拼，取旧舍新（同级），适情而定。

目录与文件权重级别

同级下的目录大于文件的原则；

同级下的集体大于个体的原则；

网站设计与构架（网站架构设计图）

网站建设的架构

网站建设构架主要分文两个部分：

1、前台结构布局的构架。这个主要是通过PS、AI、CDR等作图软件来制作一个完整的网页效果图，把每一个网页的效果图都做出来，企业网站一般包含：首页、产品列表页、产品最终页、新闻列表页、新闻最终页、单篇内容页面、留言页面这几个常见的页面效果。

2、网站后台功能构架。这个需要使用你自己擅长的编程语言来实现，比如：asp/php/java/.net等编程语言来根据自己要实现的功能，然后对接数据库（access或SQL）

网页设计与构架中的几个SEO优化原则

SEO是搜索引擎优化（Search Engine Optimization）的英文缩写，中文译为“搜索引擎优化”。在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，获得更多流量，从而达成网站销售及品牌建设的预期目标。

（一）明确设计任务

设计是一种审美活动，一般都很艺术化。但艺术只是设计的手段，而不是设计的任务。对网络而言，网页设计的任务是实现设计者要表现的主题和功能。站点性质不同，任务也不同。政府网站、商业网站、行业网站在页面的分割、内容布局、界面的亲和等问题上都不一样，需要区别对待。

（二）使用安全配色方案

颜色是由光的折射产生，红、黄、蓝是三原色，其他的色彩都可以用这三种色彩调和而成。美丽而丰富的色彩总能唤起人类的心灵感知，利用颜色的变化来表现光影效果，可以让作品更贴近现实，引起受众的情感共鸣，从而得到较好的传播效果。在设计中要充分考虑网页的适应性，在视觉上应该是一个整体，尽量使用网页安全色，会取得一个和谐、悦目的视觉效果和良好的用户体验。

（三）采用标准化的DIV网页布局

在XHTML网站设计标准中，采用了DIV+CSS的网页布局方式实现各种内容的定位而非Table（表格）布局。DIV+CSS达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的，可以更方便搜索引擎的索引。而Table布局会产生很多的垃圾代码，修饰的样式与布局的代码混合，很不利于直观。因此Div更能体现样式和结构的分离，结构的重构性强，也更符合web设计标准。

搜索引擎对标准化制作的页面给予了更高的权重，并且使用DIV+CSS的架构也有很多优势，比如改版方便，不需要变动页面的内容，网页打开速度也会明显加快。但应该注意的是要适当控制网页的体量。

（四）精简冗余代码

在设计的时候要学会不留垃圾代码，合理运用JS（JavaScript脚本语言）、FLASH（动画）以及PICTURE（图片）。搜索引擎不认识FLASH、PICTURE是众所周知的，可以通过增加ALT标签加以描述；可将JS放在页面代码的底部以降低对搜索引擎的影响。但一味追求美观而大量使用图片来代替文字，对搜索引擎很不友好，是非常不明智的做法，页面中重要的地方应尽量使用文字而非图片或FLASH。

（五）尽量使用静态导航

网站导航主要功能在于可以引导用户方便地访问网站内容，对搜索引擎也会产生诸多提示作用。好的网站导航要做到便于用户的理解和使用，让用户对网站形成正确的空间感和方向感，清楚当前所在的位置，找到自己想要的东西。用FLASH制作导航，虽然吸引了客户，获得了美观，但却忽视了搜索引擎识别不了FLASH导航的内容,这对网站的影响很大。

（六）避免堆砌关键词

现在在网页设计中都知道关键词对页面在搜索引擎中的排名很重要，但在设计网页的时候要有策略的插入关键词,不能有大量的重复关键词。在搜索引擎的网页排名算法中，很重要的一个因素就是关键字密度，即某个词语在网页中的分布情况。一般来说，一个页面的关键词密度保持在2%-8%之间，密度过低会导致没有好的排名，而密度过高则很有可能导致被搜索引擎降权，起到相反的效果。

(七)合理使用HTML标签

很多网页设计师会忽略网页中的各种META标签，如keyword(关键词)、Description(页面描述)等，完善Head区的这些辅助标签会使得页面在搜索引擎中更受欢迎。同时每个页面的TITLE（标题）是形容一个网页的最直观的部分。因此，网页本身是什么内容，搜索引擎蜘蛛首先会去从TITLE中发现。