网站栏目及内容(如何将栏目策划得井井有条，逻辑清晰就成为了一件重中之重)

　　网站栏目及内容(如何将栏目策划得井井有条，逻辑清晰就成为了一件重中之重)

　　在网站的构建和网站的制作中，栏目是贯穿整个网站的主线，以及网站内容之间的关联与整合也是按列组织的。所以在网站的设计过程中，专栏的作用是非常重要的。如何把栏目规划得井井有条，逻辑清晰，成为了网站建设过程中的重中之重。而且，栏目规划不仅是后续网站制作步骤的指引，也是直接影响网站正式上线后能否成功运营的主要因素。涉及到网络营销、推广、订单完成等一系列核心关键问题，所以在这个文章

　　专栏将网站中的大量内容紧密连接起来，进行有效筛选，然后组合成合理、通俗易懂的逻辑结构。成功的栏目排列不仅可以给用户浏览和快速定位感兴趣的内容带来很大的好处。方便用户准确了解网站提供的内容、服务和产品。

　　首先，立柱的结构可分为线状结构、层次结构和网状结构。这三种结构在网站构造和网站设计中非常常见。我们现在一一解释这三种结构。

　　线性结构

　　线性结构是网站列中最简单的逻辑结构。它将多个页面按一定的顺序连接起来，用户在访问上一页之前无法进入下一页。如图所示，

　　一般线性结构

　　线性结构一般用于必须按顺序操作的功能页面，如用户注册、产品购买等，例如用户注册必须先填写登录信息，然后填写详细信息，最后填写*敏*感*词*，必须一步一步填写。跳转操作是前端设计中经常提到的“精灵”，那么应该选择线性列。

　　以上只是最简单的线性结构。事实上，在上述结构的基础上，还可以演化出一种更加灵活的结构——条件有限的线性结构，即根据用户的不同选择跳转到不同的下一页。

　　条件线性结构

　　等级制度

　　与线性结构不同，层次结构是页面上具有父子收录关系的列结构。也是90%以上网站制作中使用的列结构，通常出现在首页顶部的导航栏中。. 它就像一个倒数，所以也被称为“树状结构”。顶层结构相对于主干，第二至第N层为树枝。下图是典型的“树状结构”。

　　层次结构示例

　　层次结构

　　层次结构的优点是简单直观，主次结构清晰。它可以很好地对复杂的内容进行分类并且易于理解，所以几乎所有的网站都使用这种结构来规划网站的内容，就是将网站的整个内容分成几个大的列，然后按照内容分类，然后在大栏下面分出几个小栏，以此类推。

　　理论上，一栏的层数没有限制，但是层数过多会给页面布局带来很大的麻烦，也会严重损害用户体验。原因很简单。谁会去四级或五级菜单查找内容？请记住，网友对网站没有耐心，不熟悉的访问者不会花太长时间去研究你的网站，深入挖掘你的内容，看到你就会看到。如果你没有看到它，你就会错过它。想想你浏览其他人网站的时候，是不是也是“走马观花”的方式？

　　层级结构也有一个缺点，即一旦用户沿着层级浏览“树”的底部，就必须一层一层地跟随结构，然后回到顶部。这就是为什么我告诉你不要设计太“深”的层次结构的主要原因，如果你的层次深达6-8层，那么对不起，层次结构给访问者带来的麻烦已经远了超出了它带来的好处。所以这是相反的最好例子。

　　为了解决层次结构的缺点，设计一个好的导航系统是非常必要的。网站 设计中的导航系统就是我们常说的“面包屑”。用户可以通过导航系统直接跳转到层级中的任意一层，而无需一层一层的“攀登”。关于如何设计一个好的导航系统，我会在下面的文章中详细说明。

　　网格

　　网络结构是任何网页都可以相互建立链接的结果。整体看起来像蜘蛛网，所以称为网状结构。由于内容的相关性或导航的需要，这通常是相互关联的。

　　网格

　　除了页面顶部的列之外，我们经常会在侧边栏中看到一些链接。这是因为当前页面的主要内容与侧边栏链接的内容相关。下图是典型的侧边导航，

　　侧边栏示例

　　上图中的侧边导航出现在一个文章的内容页中，因为这个文章在一个文章组下，叫做“技术支持”，所以在同一个组里还有其他人文章 应该和这个 文章 相关，所以在侧边栏中显示相同类型的 文章 链接是很自然的。

　　因此，网状结构允许看似彼此无关的页面彼此链接。在任何页面浏览时，浏览器都可以利用网状结构构建的导航结构切换到另一个页面访问，网站上的各个页面都因为这样的导航形成了蜘蛛网状的结构。这里题外话，其实网络结构也是有效建立SEO内链的主要有效途径。

　　网状结构的优点是可以让用户在网站上自由巡航，但缺点是随着网站页面数量的增加，会形成一个巨大的超链接网络。对于网站来说，楼的维护很麻烦。如果一个网页的Url地址发生变化，将会导致该网页的所有链接失效。必须一一检查和修改。我想大家都不想做这样的事情，这样会造成很大的维护压力。因此，请谨慎使用网状结构。一般在建立内链的时候，会指向相对固定的不太可能被删除的页面，比如首页、产品页面等。