您的品牌或業(yè)務在線外觀比以往任何時候都更加重要。雖然您的網站需要通過高質量的視覺內容來保持外觀，但 31% 的消費者也認為引人入勝的用戶體驗應該是優(yōu)先事項。

當您自己創(chuàng)建網站時，打造有影響力的用戶體驗通常取決于關注看不見的細節(jié)，例如您的網站結構。雖然一個好的網站結構可能不會被訪問者的眼睛認出，但一個不合適的網站結構無疑會脫穎而出并留下不好的印象。

在本文中，我們將定義網站結構，解釋如何通過 UX 設計的視角構建它，并討論當今網站設計和網站模板中使用的最流行的模型。

什么是網站結構？

網站結構是指您網站頁面的層次結構、順序和組織，由所需的用戶體驗繪制出來。它將您的所有網頁與菜單、內部鏈接和內容的導航系統(tǒng)連接起來。

與您網站的信息架構一樣，網站結構是影響訪問者用戶旅程的重要 UX 設計因素。但這也是您作為創(chuàng)建者規(guī)劃網站布局和內容并確定每個元素的位置的一種方式。尤其是在設計具有多個頁面的網站時，您在開始時越關注網站的結構，以后的意外就越少。

網站結構中有哪些元素？

定義網站結構可確保訪客在發(fā)現(xiàn)網站上的信息時遵循邏輯用戶旅程。該結構必須包括您網站上的所有網頁、用于組織這些網頁的類別系統(tǒng)以及訪問者從一個元素導航到另一個元素的方法。您的網站結構應確保最重要的信息首先可被發(fā)現(xiàn)，同時邀請訪客繼續(xù)探索以下元素：

導航

連接系統(tǒng)

類別為組織網站結構、對具有相似內容的網站頁面進行分組以及使訪問者更容易找到他們需要的內容奠定了基礎。此外，具有大量類別的較大網站應進一步將其內容劃分為子類別。

• 導航

  您網站的導航為訪問者布置了其結構，充當他們所需內容的方向地圖。在大多數情況下，這從網站菜單開始——可能是頂部的經典標題菜單或更簡約的漢堡菜單。

  由于導航的目的是引導訪問者，因此您的主頁應該清楚地顯示他們在您的網站上尋找的頁面和類別。從那里，子類別也應該是可發(fā)現(xiàn)的，無論是通過使用下拉菜單還是使用其他方式顯示指向子類別頁面的鏈接。此外，您需要確保網站的導航將訪問者引導至與您的品牌相關的其他重要網頁，例如 “關于我們” 頁面或 “聯(lián)系” 頁面。

• 連接系統(tǒng)

  實施一個經過深思熟慮的鏈接系統(tǒng)可確保您的用戶正確瀏覽您的網站。根據您使用的網站結構類型，在學習如何制作您的網站時，訪問者對您的鏈接系統(tǒng)的依賴程度會有所不同。除了網站菜單中的鏈接外，結構還可以利用以下類型的鏈接來提升用戶體驗：

  CTA 或號召性用語是戰(zhàn)略性放置的鏈接，可將訪問者引導至直接目標，鼓勵他們采取行動。無論是 “注冊” 還是 “購買” 的鏈接，CTA 都對在您的網站上有該特定目標的訪問者非常有幫助。使用粗體文本、誘人的縮微復印或按鈕設計來顯示它們。

  內部鏈接是指網站中連接到同一網站的其他頁面的那些鏈接。每個站點的網頁之間自然都有內部鏈接，是否以最適合訪問者的方式組織完全取決于您。有時，企業(yè)會以此為指導，將他們的頁面分組到 “集群” 類別中。擁有一個內部鏈接系統(tǒng)也恰好是一個強大的 SEO 最佳實踐。由于它反映在您的站點地圖中，因此 Google 機器人可以看到為以正確的順序為訪問者提供最相關信息所做的努力。

  上下文鏈接將訪問者帶到您自己網站網頁之外的相關內容，例如來自其他企業(yè)的產品頁面、博客文章、來源或新聞。

不同類型的網站結構

看看下面不同類型的網站結構和示例。您注意到了哪些模式？每個的特點是什么？哪種類型的用戶將從這些結構中受益最大？

掌握四種最基本的結構及其使用方式將有助于您更好地了解如何構建自己的設計或使用哪個網站模板：

分層模型

順序（又名線性）模型

矩陣模型

數據庫模型

• 分層模型

  最流行的網站結構類型是分層模型，其中主頁作為起點，根據重要性分為各種類別和頁面。因為它用途廣泛，所以這種結構適合各種類型的網站——從個人服務網站到在線作品集。

  首先，根據重要性對內容進行排序。大多數時候，這意味著確保用戶在發(fā)現(xiàn)更多詳細信息之前先獲得一般信息。要起草和測試您的層次結構，請使用線框和卡片排序練習。然后，一旦您創(chuàng)建并規(guī)劃了頁面，就可以使用互連系統(tǒng)和導航菜單在您的網站上實施此層次結構。

• 順序（又名線性）模型

  順序 Web 結構將引導用戶逐步完成實現(xiàn)目標的旅程，無論是縮小類別范圍、指導他們的搜索過程還是幫助他們找到注冊表單。這種基本的、低維護的結構適合內容和頁面最少的網站，例如小型企業(yè)網站或在線投資組合。

  順序網站結構從您的主頁或登錄頁面開始，其中列出了許多頁面或類別。訪問者遵循線性流程，引導他們完成父頁面的旅程，最終將他們帶到他們想要的內容。

• 矩陣模型

  雖然矩陣是最古老的網站結構模型之一，但它今天仍然很受歡迎。為了讓訪問者在沒有嚴格分類的情況下享受瀏覽，遵循矩陣模型的網站結構并沒有考慮嚴格的用戶旅程。這聽起來可能很混亂，但對于訪問者來說，這意味著完全的自由和您網站所有內容的許多入口點。

  雖然類別、子類別和單個頁面仍應存在于矩陣模型中，但您不必為用戶管理它們的出現(xiàn)順序。相反，該網站強大的互連和對導航功能（如網站菜單或搜索欄）的日益重視為用戶體驗服務。

• 數據庫模型

  遵循數據庫模型的網站結構通常會創(chuàng)建動態(tài)和個性化的體驗。遵循此模型的網站的訪客通常需要輸入自己的個人詳細信息、查詢或首選項。從那里，該網站將向他們展示存儲在網頁數據庫中的相關內容，例如個人詳細信息或產品頁面。

  要自己完成此操作，您需要使用允許您創(chuàng)建內部數據庫或與外部數據庫集成的網站軟件。使用自下而下的方法組織您的內容，并概述最動態(tài)的設計以將其展示給訪問者。

• 如何處理您的網站結構

  準備好設計網站后，請決定是使用自上而下還是自下而上的網站結構來組織您的內容。自上而下的方法從根據網站的一般主題概述類別層次結構開始，而自下而上的方法從最不重要的子類別開始，然后逐漸增加到更一般的類別和內容。

  如果您從模板開始，您可能不需要過多考慮創(chuàng)建網站結構——只需尋找適合您內容的網站結構即可。
  
  

為什么關注您的網站結構很重要？

要使訪客在您的網站上實現(xiàn)目標，他們必須按特定順序點擊元素，無論您是從網站模板開始還是從頭開始研究網頁設計，您都有責任確保您的訪問者可以在您的網站上準確找到他們需要的內容，確保可靠的網站結構來支持他們的用戶體驗。

但是，所有這些都在談論您的結構將如何使用戶受益，那么作為它的創(chuàng)建者，您呢？從商業(yè)角度來看，一個堅實的網站結構也是值得付出努力的。擁有一個易于使用的網站無疑會讓客戶感到滿意。通過正確的策略，您的結構將通過幫助客戶購買和加快結帳或聯(lián)系流程來支持您的業(yè)務。