網站由哪些部分組成?附標示範例

以 We.Inc 真實標注範例設計說明網站各組成部分:頁首與導覽、主視覺、行動呼籲、服務、可信證明、關於、聯絡表單和頁尾,以及幕後元素如網域、頁面標題和網站地圖。

多數小型企業網站都由相同的 8 個部分依序組成:頁首和導覽、主視覺、行動呼籲、服務、信任證明、關於、聯絡和頁尾。網站背後還有訪客看不到的元素,例如網域、頁面標題和網站地圖。下方會在 We.Inc 範例設計上標示各部分,這只是示意設計,並非真實客戶網站。下方的數字與頁面由上到下的部分相對應。

We.Inc 製作的會計公司網站設計範例,展示頁首、導覽、主視覺標題和行動呼籲按鈕
範例設計(不是實際客戶網站)。下方清單的數字對應頁面由上至下的各部分。

網站可見部分:由上到下

  1. 頁首:頁面頂端的橫幅,放置標誌或商業名稱。每頁都會顯示,讓訪客知道自己所在位置。
  2. 導覽(選單):通往主要頁面或區段的連結,例如服務、關於、價格和聯絡。控制在 5 至 7 項。手機上會收合成選單按鈕。
  3. 主視覺:訪客看到的第一個畫面,包含說明服務對象和內容的標題、簡短副標題,通常還有圖片。訪客會在幾秒內決定是否留下。參考主視覺範例。
  4. 行動呼籲(CTA):主要按鈕,例如「預約通話」或「索取報價」。在主視覺放一次,接近頁尾再重複。
  5. 服務或功能:說明你提供什麼,每項服務各用一小段,並寫出客戶能得到的成果。
  6. 信任證明:真實評價、作品範例、認證或保證。只使用真實內容。
  7. 關於:介紹業務背後的人,以及客戶信任你的理由。參考如何撰寫關於我們頁面。
  8. 聯絡:提供表單、電話、電郵、地址或服務地區。參考如何新增聯絡表單。
  9. 頁尾:頁面底部的區域,再次列出聯絡資訊、次要連結、私隱政策和社群連結。

訪客看不到的網站部分

部分作用
網域網站地址,例如 yourbusiness.com
主機向訪客提供網站內容的伺服器
頁面標題和說明顯示在 Google 搜尋結果和瀏覽器分頁
網站地圖列出網站頁面,協助搜尋引擎找到內容
Favicon瀏覽器分頁中的小圖示
分享圖片網站連結分享到社群時顯示的圖片

相同部分,不同頁面長度

單頁網站會把所有部分排在同一個可捲動頁面,選單則連到各區段。多頁網站會為服務、關於和聯絡分別建立頁面,但每頁仍使用相同頁首和頁尾。網頁應用程式則會在網站基礎上加入登入和已儲存資料。

在 We.Inc 中建立完整網站

每個 We.Inc 範本都已包含頁首、導覽、主視覺、CTA 和頁尾;發布後也會自動設定頁面標題、網站地圖和分享圖片。免費方案可在 we.inc 網址發布最多 3 個範本網站,不含 AI 點數或自訂網域。每月 $20 起的付費方案提供 AI 建置和自有網域。瀏覽網站範本。

常见问题

網站主要由哪些部分組成?

頁首、導覽、主視覺、行動呼籲、服務、信任證明、關於、聯絡和頁尾,另有網域、主機、頁面標題和網站地圖等幕後部分。

網站的主視覺區段是什麼?

訪客看到的第一個畫面,通常包含標題、簡短說明、圖片和主要行動呼籲按鈕。

網站頁尾應放什麼?

聯絡資料、私隱政策和服務條款等次要連結、社群連結,有時也會重複列出簡短選單。

單頁網站也有相同的部分嗎?

有。所有區段會堆疊在同一頁,選單則跳到各區段,而非開啟不同頁面。

免费开始 · 无需信用卡

Product

Who It's For

Features

Resources

Company

View Sitemap