內容一直以來都是**中非常重要的地方，乙個內www.cppcns.com容好的頁面，不僅可以讓使用者對你記憶深刻，還可以讓搜尋引擎給予你乙個好的排名，所以如何建造網頁中的內容，也成為我們做**的人必修的一課，今天以阿里巴巴-公司黃頁之列表頁為物件進行分析，看看阿里巴巴內容是如何構造的。好了，廢話不多說，入正文。
上圖是國內四家還不錯的b2b平台的流量走勢圖，分別是：阿里巴巴、慧聰、商格里拉以及勤加緣。很明顯阿里、慧聰遠遠高於其它平台（注：趨勢圖中的資料代表的是整站，貼出此圖僅為了說明阿里在b2b行業中的地位。本著存在既有道理的原則，來看待阿里巴巴獨出心裁的內容）。
分析頁面位址：
www.cppcns.com接下來會將頁面主要內容構成部分拆分進行講解，由此我們可以通過各平台做法的差異，來找出各自的優勢劣勢。
根據內容，我們不難看出阿里巴巴與其它b2b平台的差距。
首先我們得知道，公司庫的行業列表頁的作用就是列出某行業的所有公司資訊。那基於這個基礎之上，我們來剖析看看，四個平台的列表布置分別能夠滿足使用者的什麼需求，以及使用者來到該型別頁面上需要達到的目的是什麼？
使用者上公司黃頁的目的很簡單，就像你上購物**一樣，你需要找到你想要的產品（公司）。而這個「想要」的條件就體現在**、經營模式、行業、地區等等條件；
現在我們知道使用者來公司列表頁的目的了，很明顯阿里和慧聰兩種頁面的導航更容易滿足使用者的需求。不過為什麼會強調阿里在這方面優勢更明顯，接下來會說明。（注：接下來以阿里和慧聰兩頁面進行對比，慧聰頁面可代表商格里拉和勤加緣）
在找公司資訊時，阿里和慧聰哪種資訊更容易吸引使用者的點選呢？
從京東和**的產品展示中，相信我們可以看出一些端倪。相比描述性的資訊，使用者更喜歡和在意的資訊是實實在在的**、運費、尺寸、配置等內容。那如果將筆記本、棉服換成公司的話，經營模式、主營產品、加工方式、工藝等內容不正是該公司的配置、作用嗎？類似的例子還有很多，大家不妨多看看相關的站點，找找共性。
（阿里的優勢不僅如此，接下來我們看看阿里個性化資訊產生的原因及操作的方式。）
不知道大家注意到沒有，上面擷取的阿里列表頁時，有兩個地方是被我進行選框選中的。乙個是經銷批發，乙個是生產廠家；
阿里又是如何做到個性化資訊的呼叫呢？
各位，注意到沒。「行業重要資訊」裡列出個幾個引數，不正是企業列表中顯示出來的資訊嗎？阿里能夠針對不同性質的企業（使用者），羅列出企業（使用者）最核心的競爭優勢（最關注的資訊），用最直觀的形式展示在你的視野範圍內，你又如何不被它給吸引呢？
最後乙個問題，除了這些之外，阿里還從哪些方面體現出，它的資訊是有價值並且真實可靠的呢？
右側懸浮框–使用者調研。我隨意挑選其中幾個問題出來，我們看看阿里的設定使用者調研的用意為何。
1、您來搜尋公司的目的是什麼？
作為乙個企業，弄清楚使用者瀏覽頁面的目的是非常重要的。只有清楚了使用者的目的，才能根據使用者的目的去蒐集相應的內容（資訊）反饋給使用者，從而滿足程式設計客棧使用者的需求。在這裡阿里把目的進行了細化，明確的讓使用者說明更關注哪方面的資訊。
2、地區產業帶資訊對您選擇公司時有幫助嗎？
作為對自己產品滿意度的乙個調查，如果你新開發一項功能（內容區塊），但是對使用者毫無意義，那麼也純屬浪費時間和人力，調研是了解的其中一種渠道而已。
3、您會在搜尋時去比較公司之間的經營實力差別嗎？
也是把目的明確化，精細到某一項資訊中，從而了解該類資訊是否能夠作為一項重要資訊。
從以上的一些簡單分析中，相信我們能夠看到阿里在產品上的用心、仔細和經驗。相信我們能夠從這種做法中學習到一些屬於自己的東西，而不僅僅只限於抄、模仿和copy；更重要的意義在於參考、分析和實踐。
這個案例我當時分析完在分享的時候，似乎內容更多，但現在要下筆了有點不懂怎麼組織內容的感覺。不過還好至少也把大概意思給表達出來了。以上是小狼本人的一些個人分析和看法，例子和資料可能舉的不夠恰當，也希望在內容和產品這方面專業的朋友，給本人一些建議，謝謝。
本文位址：光年論壇
本文標題: alibaba公司黃頁之列表頁分析
本文位址: /news/exp/44308.html
CSS學習之 列表
1 列表型別 語法 li 屬性值列表值描述 none 無標記。disc 預設。標記是實心圓。circle 標記是空心圓。square 標記是實心方塊。decimal 標記是數字。decimal leading zero 0開頭的數字標記。01,02,03,等。lower roman 小寫羅馬數字 i...
python之列表操作
列表操作功能彙總 print 列表操作功能彙總 list demo first second thrid fourth 複製list demo列表取名list list list demo print 原列表為 list print print 輸出列表第乙個元素 list 0 print 輸出列表...
HTML資料之列表
無序列表 格式 type 無序列表前的標記 square 小方塊 disc 實心小圓圈，預設 circle 空心小圓圈 注 一般設定列表樣式，不直接在type屬性中設定，都是通過css來設定。示例 type square 紙上得來終覺淺li 絕知此事要躬行li ul 效果圖 有序列表 格式 列表項 ...