在说这个话题之前，思域想先说明三个问题。

第一：何谓点击长尾？

点击长尾就是在网站点击量的长尾理论，如上图，通俗的说，就是这个蓝色的尾巴部分 当他立起来的时候，其实你会发现，他比红色的还要高，或者说，蓝色尾巴的面积，会比红色部分要大。一个网站也许只有一个首页，但是却可能有百万的内容单页，而就算首页一天会被1万人访问，平均10个单页才有1一个人访问，那么单页加起来一共有10万人访问。这就是长尾理论的基本原理：只要存储和流通的渠道足够大，需求不旺或销量不佳的产品所共同占据的市场份额可以和那些少数热销产品所占据的市场份额相匹敌甚至更大。即众多小市场汇聚成可与主流大市场相匹敌的市场能量。

第二：何谓内容为王？

所谓内容为王，就是指其成败关键看传播的内容是否能够抓住读者、影响读者。那么很显然，新浪、网易、人民网等这些以资讯为主的网站就是典型，另外一些所谓的web2.0的网站，个人成为内容发布的中心，比如博客、播客、维客等等，如果没有内容还有什么看头？除这两类网站以外，还不得不说B2C和下载类网站，例如当当、卓越与天空下载站、华军软件园，产品与软件就是他们的内容。

第三：何谓底层页面？

对于百度、谷歌每个搜索结果显示页就是它的底层页面，这样的页面虽然页面框架类似，但是根据你搜索的关键字不同，也许会出现几亿个这样的页面。

对于新浪这样的资讯门户，它的底层页面除了搜索结果显示页之外更重要的是它的内容单页，因为用户来到新浪是以点击链接看资讯为主，而不是搜索为主，那么新浪建站那么多年，会沉淀多少内容？也许是千万级的吧？

也许对于底层页面的诠释还有更科学的，不过思域今天这里说的底层页面就是搜索结果展示页和内容单页。

现在我们再来看一下今天的标题：“点击长尾，内容为王的网站其底层页面的架构”

今天我们要说的是新闻资讯类网站的内容单页架构。下面列举三个大家比较熟悉的资讯门户网站，新浪、网易、搜狐。思域做为了方便大家对比，做了一张图。

（点击查看大图）

各位看官点击大图应该不难发现，这三个网站内容单页，在去了广告之后其页面结构几乎一摸一样，是互相抄袭还是他们各自经过几年的摸索，都发现了内容单页应该设计成这样才最有利？这不是巧合，这样的架构一定有它的道理。根据上图的对比我们看看其中有哪些道理。

这三个内容单页有很多相同点：

1：在页面顶部采用一行高度大概为23px的导航条。

2：导航条下方均为”面包屑”。

3：在页面的右上角提供简易搜索框。

3：页面采用左右比例7：3。

4：左边为正文大标题、正文、相关新闻、评论、打印类的功能按钮。

5：右边为推荐区，包括功能推荐、内容推荐、热门推荐、以及情色八卦。

可以说几大门户在内容单页上是花了很多心思，虽然看起来形式简单，可是其中的效果只有他们才真正体会。根据这5个相同点，思域与各位看官一一分解。

1：在顶部采用23px高度的单行导航

虽然，这个导航看起来不起眼，因为这是内容单页，突出的应该是正文，严格来说，作为门户网站的任何一个页面都不能缺少导航，包括首页、频道首页、栏目首页、更多列表、专题页面、内容单页他们的导航形式又各有不同，内容单页的导航要力求简洁，将网站的主打频道罗列出来，首页是入口，其导航首要意义就是引导用户到达每个频道，让用户找到需要的内容，内容单页面即是入口也是出口，有数据显示，89％的用户是通过搜索引擎进入一个网站的，而绝大部分是通过搜索关键字进入某网站的内容单页，首页是整个网站的大门，出了这个门就离开网站了，所以导航要做得尽量丰富。而内容单页作为网站的最底层，是一定要留出口的，其顶部的单行导航是出口，面包屑也是出口。

2：导航下方的面包屑

在童话故事“汉泽尔和格雷特尔”中，当汉泽尔和格雷特尔穿过森林时，他们在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路。

虽然这只是一个孩子们的童话故事，但它却蕴涵了多种含义。实际上，网站设计者亦可从中受到启发：在结构上纵深的网站应该采用这种“面包屑型”导航结构，以足迹的方式呈现用户走过的路径，或者说以层层渐进方式呈现该网页在整个网站架构中所处的位置，从而为用户提供清晰分明的网站导览。“面包屑型”架构让用户对他们所访问的此页与彼页在层次结构上的关系一目了然。这种网站结构的其中一个最明显的特性体现莫过于返回导览功能。

3：在页面的右上角提供简易搜索框

网站导航就是超市里面的指路牌，网站的搜索框就是超时里面的询问处。你在逛超时的时候是不是希望有疑惑的时候随手就可以抓个询问员过来？但是对于超时来说安排越多的询问员其成本就越高，可是对于网站来说，只是占用了小指头那么大的地方，不浪费你多少成本，还能使你的用户访问更多你网站的内容，因为在用户的浏览模式中，任何一条新闻都是具有相关性的，他浏览了这个新闻，想了解一下这个新闻的背景就会想到“询问”一下了。

4：左边为正文大标题、正文、相关新闻、评论、打印类的功能按钮

这个是根据用户最佳的浏览模式来设计的，大部分浏览者会把注意力放在页面的左边。大概是因为我们中国人从小就从左向右看一句话的原因吧。

标题和正文是作为新闻内容单页所不能缺少的，可是“相关新闻”却有很多网站忽略了，作为这三大门户的“相关新闻”基本上是按照内容关键字来做相关的，系统自动生成也不难，但是效果却非常的好。之所以分众传媒现在那么成功，一个是因为他抓住了广告受众群体在等待中的时间，让大众在等待中欣赏广告，另一个重要的原因就是做到了有的放矢，对不同层次的用户发布不同内容的广告，把广告受众群体与广告内容挂钩，广告深入人心。形成良好的效果。

5：右边为推荐区，包括功能推荐、内容推荐、热门推荐、以及情色八卦

通过本文开头部分所说的点击长尾来看，内容当夜的总访问量也许会大大超过首页升值首页与其他页面访问量之和，而如果你的网站之采用一套内容单页模板，也就是说每个单页只有正文和相关新闻的内容不同，其他地方都是相同的。那么对于新浪网这样一个数以千万计的单页内容，每天数以亿计的浏览量，（当然，也许新浪不止一套单页模板），那么除了正文与相关新闻之外的每个文字每天都会千万次的展示在浏览着面前，所以新浪的内容单页“画中画”广告报价毫不逊色于首页的广告。

那么在如此重要的地方，就把你的精彩内容、主推的服务、最近热门的消息推荐给用户吧，当然，无论如何都缺少不了那些可以立刻抓住人眼球的内容，比如情色与八卦。

以上是新闻资讯类门户网站，他们的内容单页对比，这里作个小节：

第一、永远突出主题内容，比如新闻的正文，其他内容不要喧宾夺主。

第二、简洁大方，尽量不要搞那么多弹出、漂浮、全屏的广告了。

第三、要保持内容相关度，尽量做到内容的立体。

第四、把热门的内容推荐在用户面前。

第五、通过简单的导航告诉用户，你网站大概是做什么的，还有其他什么内容。

文章来源：产品经理每一天 转载请注明出处链接。