編輯導讀：一個公司的官網可以說是一家公司的門面，在用戶對公司以及產品沒有任何了解時，官網是向用戶傳達信息的重要途徑。在某種程度上來說，官網影響著用戶對這家公司及其產品的認知和信任。本文從4個方面出發，分享了官網設計需要注意的一些問題，供大家一同參考和學習。

官網可以說是企業的門面之一，承載了品牌宣傳、信息展示、功能輸出等等屬性，是一個大綜合產品，里面有一些門道值得研究。

01 官網定位

做一個產品，首先要從上層確定產品的定位是什么，官網也是一樣。先回答“官網三連問”：

1. 誰會看官網？為什么會看？
2. 在什么場景/渠道下看？
3. 我希望他看完之后怎么樣？

根據這些問題答案的不同，官網大致可以分為以下幾種類型

1. 信息展示型

此類官網多用做品牌形象展示，是企業信息集中展示的入口，多結合品宣、活動推廣一起運營。

所有企業的官網都有企業信息展示型屬性，力求在用戶看到官網后，就可以了解到企業的品牌等信息，直接促進進一步的溝通交易等延伸場景。所以品牌信息在此類官網中可以說是“多多益善，形式多樣”。

2. PPT型

此類官網一般是b端企業偏多，定位官網是“老板的PPT”，在沒有講解之前是不能準確了解信息詳情，比如行業資訊、企業發展成果、企業專屬稱謂等等。

此類官網一般是和線下推廣渠道結合在一起，推廣人員當面講解隱藏信息，直接推動業務。

3. 綜合型

此類官網包含交易模型，附屬信息展示屬性，PPT屬性，是企業信息宣傳、業務承載的綜合體?！按斯倬W非彼官網”，更像是在公司主產品內，加入幾個單獨的信息展示模塊，附帶傳統官網能力。

隨著web技術的不斷完善，更多的公司重新選擇B/S結構作為主產品架構，進而更多的官網屬性和主交易產品被設計在一個入口下，綜合型官網是目前的主流選擇。

從企業產品矩陣角度看官網，能為官網定位更多的產品屬性，比如連接業務產品、線索入口、加盟入口等，可以說“沒有業務的官網都是內耗資源”。官網定位是一個前臺產品直連用戶，這決定了官網可以承擔增加用戶粘性，輔助業務交互體驗的角色。

02 信息準備

官網定位清晰后，就可以準備官網的信息，這里面包含兩個環節：

1) 信息匯總

2) 信息展示

1. 信息匯總

直觀印象官網的信息大部分來自企業內部，這完全是個誤解。好的官網是在所屬行內有影響力，做行業信息輸出。如果沒有那么高的段位，至少做到由行業出發，結合本企業做個性化調整。所以準備官網信息，首選需要置身行業，整理行業的信息，站在“面”得角度看，可以提升官網的深度。

收集企業內部信息的時候，需要基于需求出發，或者基于需求做信息處理。每個部門角色對官網的期待不同，也就是需求不同，整合需求和信息的對照表，結合企業階段目標，做信息有效性和優先級排序處理，進而確定官網信息展示優先級，以指導后期的版本規劃及頁面優先級排列。

2. 信息展示

考慮信息展示，首先確定官網想給誰看，誰會看。想給誰看對應著推廣渠道，不同的渠道受眾不同；誰會看對應著用戶的劃分，包含種類、等級、分布等等層面。對不同角色要展示的信息以及信息的模塊是有很大差別，即便是c端產品也不要奢求讓所有人能看懂每一個信息。

第二部分決定信息展示的是場景，不同用戶在什么時間，什么場合，什么需求背景下會看官網，進而決定了官網的展現形式，如pc還是m，圖片還是視頻，一步展示還是分步展示等。

很多官網會自成產品矩陣，比如延伸活動頁面矩陣、嵌套多個前置廣告頁面，開通多個子官網，信息屬性和產品玩法結合思考，同步推進。

03 產品小套路

產品展現層的內容，是根據以上的信息分析處理的決定的，官網的基本形式已經趨同就不再贅述，這里只說一些小套路。

1) 能動就不要靜，能用圖就不用字

根據對注意點的研究結果，顯示人對運動物體的注意力強于靜止物體，對圖的注意力強于文字?；谶@個理論，官網里面的重要信息最好采用圖片或者動態的方式展示，設計用戶的注意力的走向。

2) 內容有限，交互來湊

當展示內容有限的時候，可以通過增加交互的方式“騙”用戶。

把功能大致的劃分為實際功能和頁面功能，實際功能就是真實的數據流轉，頁面功能是在前端操作但不影響數據的動作。頁面的一些交互設置，可以增加用戶使用的沉浸感，讓用戶感覺做了多個操作，實際后臺沒有數據流轉。最常見的就是增加轉場動畫、設置可以無限點擊的“快感小按鈕”比如多次點贊等等。

交互方面，不要有交互的死胡同，能點進去但退不出來的體驗非常不好。

3) 頁面間可以來回跳轉

觀察很多官網，頁面數量其實很少，但給用戶的感覺是頁面非常多，簡單的說就是“在沒幾個頁面間跳來跳去”，這個我們戲稱“耍流氓式的產品設計”。頁面設置多個互相跳轉的入口，但背后相同的跳轉邏輯。

這樣的方式可以使用，但注意產品的縱向跳轉深度最好不要超過5層，有數據顯示5層過后的體驗會驟降，頁面流失率會成倍增加。

跳轉可以跳級，這也是個小技巧，一步一動和一步多動結合使用。常見的比如交易前需登錄的網站，未登錄狀態下在交易頁面點擊下單，會彈出登錄頁面，操作登錄后，是跳轉首頁呢？還是停留在當前交易頁面？

04 SEO優化

無論什么類型的官網，無論給什么類型用戶準備的內容，多一點人看總是好的，讓目標用戶能在百度搜到官網是基礎，所以說官網一定要做搜索引擎優化，也就是SEO。

直觀順序是先設計官網，上線后再做搜索優化，常規順序沒有問題。更好的方式是在官網設計的過程中，就要有搜索優化的意識，做搜索優化的準備。

百度的小蜘蛛來抓取信息，收錄詞條，提升排名的規則非常復雜而且持續更新，不是專業做搜索相關的公司對其大的方向保持了解跟進即可，對一些產品內提升搜索優化的方式要持續積累。這里羅列一些產品產品層面的優化方式：

• 各頁面的TDK必須完整；品牌詞、核心業務詞需要多次展現；圖片最好有alt、title屬性；
• 不要出現單一url，主要針對前端VUE框架，把連接都封裝在一個url里的方式對搜索優化非常不友好；
• 不能存在低質量或空白頁面，減少相似頁面出現的概率；
• 面包屑盡量完整，最好有單獨的site map頁面；
• 404、302頁面必須存在；
• 網站導航欄位置要主次分明，蜘蛛抓取習慣為從左向右，因此越重要的欄目靠前，關于我們、聯系我們等不作為排名的欄目靠后；
• 產品列表頁最佳展示8-10條/頁；產品詳情頁最好有產品推薦；
• 內容資訊模塊最好有，這部分占權重比較大，每篇內容中出現5-8次關鍵詞為最佳；

官網在產品經理心中的地位比較復雜，說大可大，說小可小，大到是公司的核心門面產品，小到可能無聊的只是幾個靜態頁面間跳轉。

但可以確定的是，官網是需要隨著企業發展，持續調整價值導向、能力加持。

本文由 @謝宇 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議