Spaceship 博客

如何建立完全符合你需求的網站

當可能性看似無窮無盡時,要確保網站符合你的目標,可能會顯得困難。畢竟,網站會因應特定需求而有各種不同形式和規模,從銷售產品到分享內容皆然。

即使你已決定付諸實行,各種令人卻步的問題仍可能開始在腦海中浮現。你是否必須懂得如何從零開始建立網站?你如何確保它具備你所需的一切?你又應該從哪裡開始?

答案就是:這篇網誌文章。它會把每項要求拆解成易於管理的步驟,先從識別你的目標開始,帶你了解建立網站所需的一切,最後以網站上線作結。

當你捲動到文章末尾時,你將會知道如何建立一個能成功滿足你需求的網站。

界定網站的用途和目標

即使你尚未明確訂下具體目標,你大概也對自己想建立哪種類型的網站有個粗略概念。你可能會想把這件事留待之後再處理,但那會是個錯誤。

在一開始就為網站設定目標,對於在建立和設計網站時作出正確決定至關重要。無論這些目標是大是小,從一開始就界定目標都能避免你把時間浪費在不需要的範疇上,或陷入無謂的細節之中。

下表列出最受歡迎的網站類型,應可幫助你識別自己的目標。

網站類型

常見目標

電子商務商店

銷售產品和服務。

小型企業網站

宣傳服務、開發潛在客戶、提升品牌知名度、增加客戶/顧客。

網誌

建立權威、帶來流量、教育顧客、促成銷售。

作品集

展示你的作品並尋找新客戶。

教育

鼓勵人們報讀你的課程,無論是網上還是面授。

個人

分享有關個人興趣、嗜好、網上履歷的資訊,無論是為了變現還是提升知名度。

選擇網域名稱和網頁寄存供應商

在確定網站目標後,你需要一個網域名稱。開始建立網站時,這是 你首先應該做的事。 為甚麼?因為它首先是你數碼身分的核心。

無論你的網站是用於個人還是商業用途,品牌塑造很可能在某個時候成為重要因素。為了保持一致性和辨識度,你在社交媒體網站和電郵地址中使用的名稱應與網站相同。如果一切順利,人們將會認得這個名稱並把它與你聯繫起來。 所以在 選擇網域 時不要操之過急。你必須確保它在未來多年都能代表你的品牌及其核心價值。

下一站:寄存服務

現在,你需要為網域找一個家,讓你可以開始建立理想網站,並儲存所有相關檔案和資料。這個家就是網站寄存服務。

網站寄存有多種不同選擇,而 選擇合適的一種 永遠取決於你的特定需求。這就是為甚麼從一開始就界定網站目標會如此有幫助。你應該已對網站的類型、複雜程度和流量目標有大致概念。這將有助你作出決定。

以下是最受歡迎的寄存類型,以及它們最適合的網站類型:

  • 共享寄存 –非常適合網誌、個人或小型企業網站,尤其適合初學者。伺服器會被共享,以便在 共享寄存方案 上保持簡單且價格相宜。

  • Managed WordPress – 也非常適合想建立 WordPress 網站的初學者,因為許多技術層面的事項都可透過不同的 managed WordPress 方案 處理妥當。

  • 虛擬機器 –非常適合較進階的網站,例如大型電子商務或教育網站;選擇 虛擬機器方案 可獲得更多資源、控制權和效能。

  • 專屬寄存 –非常適合規模很大且內容繁重的網站,你可擁有專屬伺服器和完全控制權,並透過專屬寄存方案獲得額外功能。

為你的網站選擇合適的平台

現在是時候建立你的網站了。如今已無需從零開始建立網站,所以不用擔心你的編碼技能或缺乏相關技能。你有兩個主要選擇:內容管理系統(CMS)和網站建立工具。

選擇 CMS

CMS 是一種讓使用者建立網站、管理及修改其內容的工具。它們通常是免費且開源的,並具備易於使用的介面,讓使用者可按需要自訂,從範本和拖放功能到外掛程式和小工具皆可使用。這使得為網站加入可能較複雜的功能(例如電子商務)變得容易。

CMS 亦具備靈活性和可擴展性。你可以把它做得如你所願般複雜或簡單,之後仍可再作更改。

三個最受歡迎的 CMS 選項是:

  • WordPress – 為互聯網上約 43% 的網站提供支援,WordPress 一般被認為是最容易使用的 CMS。

  • Joomla – 雖然 Joomla 非常靈活,但學習曲線較高,因此可能不適合完全初學者。

  • Drupal – Drupal 被視為三者中最可自訂的一個,但亦需要多花一點工夫才能啟動和運作。

使用 CMS 常被認為的一個缺點是需要技術專業知識。雖然有時確實存在學習曲線,但如果你有需要,也有更簡化的版本可供選擇。例如,managed WordPress hosting可以為你處理初始設定等事項,並提供其他持續更新和功能。

優質的共享寄存供應商亦應提供相對簡單的方法,讓你使用如 WordPress 之類的 CMS。這取決於 選擇適合你的供應商和方案

網站建立工具

與 CMS 一樣,網站建立工具讓你透過簡單易用的介面建立網站。一些熱門選擇包括 Wix 和 Squarespace。通常,它們的學習曲線甚至比 CMS 更低。只需幾分鐘,你就可以完成網域、網站和寄存設定並準備就緒。

聽起來很不錯,但 在自訂、建立和擴展方面有一些重要限制。這在目前可能沒問題,但如果你日後想擴展網站,就未必理想。而且如果你決定更換網頁寄存供應商,你可能必須從零開始建立網站,因為部分程式碼可能屬專有。使用 CMS,你可隨時按自己意願自由更改。

當然,只有當你想要的不止是一個簡單網站,並希望日後可建立和擴展時,這才會成為問題。對某些人來說,簡單網站已經足夠。 想想幾年後你希望網站發展成怎樣。如果你打算升級,CMS 很可能是你開始建立網站的最佳選擇。如果你不認為自己會作出很多更改,網站建立工具 可能會是更合適的選擇。

必備頁面和功能

現在,是時候開始用使用者所需的資訊來充實你的網站。視乎網站類型,這可能意味著加入多個頁面或只是一個頁面。你如何確保網站具備所需的所有頁面?

我們會逐一介紹不同類型網站通常會有的所有頁面,但首先,以下是每個網站都應具備的三個關鍵元素:

  • 首頁 – 你網站的入口。必須立即讓訪客知道網站的內容。較小型的網站亦可把以下幾點整合其中。

  • 關於 – 分享你的使命、故事、技能、專業知識或其他相關細節,以吸引潛在客戶/顧客。

  • 聯絡頁面 – 可包括聯絡表格、電郵、電話號碼、實體地址、社交媒體帳號或電子報訂閱。

現在,讓我們更具體一些,把每種網站類型分為必備頁面和可選元素。

小型企業

  • 你提供的內容 – 描述你的產品或服務。

可選附加內容:

  • 顧客/客戶推薦 – 展示正面回饋和成功故事。

  • 常見問題 – 預先回答顧客可能會提出的問題。

電子商務

  • 購物車 – 簡化結帳流程,並提供常用的付款閘道選項。

  • 產品 – 建立產品頁面和清單,並加入分類和搜尋功能。

  • 送貨資訊 – 告知顧客運費、送貨時間和退貨安排。

可選附加內容:

  • 客戶支援– 包括即時聊天、聯絡選項和說明資源。

  • 網誌 –分享產品使用案例、趨勢或貼士,以吸引並提升買家的參與度。

作品集

  • 你的作品 – 以描述、案例研究或視覺素材展示你最出色的項目。

可選附加內容:

  • 推薦評價 – 加入來自過往客戶或合作夥伴的回饋或評論。

  • 服務 – 如果你可接受聘用,請描述你提供的服務。

個人

視乎你的利基市場或網站用途,這可以是一頁或多頁。可能的頁面包括:

  • 網誌 – 一個發佈文章並分享你所選主題知識的地方。

  • 作品集 – 如果你有相關經驗或作品可分享,可在此展示。

教育

  • 招生 – 告訴潛在學生如何申請。

  • 課程目錄 – 介紹課堂和課程計劃。

可選附加內容:

  • 行事曆 – 分享即將舉行的工作坊、講座等資訊。

  • 教育附加內容 –分享圖書館、學習平台或指南的連結。

  • 團隊 – 介紹教職員及其資歷。

建立一個包含所有這些元素和頁面的網站,可能看起來令人卻步,但如果你使用 CMS 或網站建立工具,通常可以找到針對特定網站類型的範本,讓一切變得直接簡單。這可以包括特定區塊引導你提供哪些資訊,或為網站加入特定功能,例如電子商務購物車或聯絡表格。

為使用者體驗而設計你的網站

設計遠不止是讓網站看起來美觀,雖然視覺吸引力當然很重要。然而,如果你的網站外觀悅目卻難以導覽,使用者不太可能停留。以下是幾個以使用者體驗為核心建立網站的貼士。

想想你的目標受眾

設身處地站在使用者角度思考。當他們來到你的網站時,你希望他們做甚麼?無論是購買服務還是閱讀文章,你都需要讓他們盡可能輕鬆地做到這一點。請專注於:

  • 選擇簡單的導覽方式,配合清晰版面和最少雜亂元素。

  • 建立頁面邏輯清晰排列的網站結構。

  • 無障礙設計,包括易讀字體大小(16px 或以上)以及文字與背景之間足夠的色彩對比。

採用 mobile-first 方法

現今人們比以往更常使用桌面電腦以外的裝置瀏覽網頁。與其先設計一個完美適用於桌面的網站,之後才考慮其他裝置,最佳做法是採用 mobile-first 方法,以確保你的網站可在各類裝置上正常運作。

最簡單的方法是選擇一個會根據訪客所使用裝置,自動調整至不同螢幕尺寸的主題。你亦應考慮在流動裝置和桌面裝置上都能良好運作的功能。例如,複雜的下拉式選單在較小螢幕上可能較難使用。像漢堡選單這類選單通常更適合觸控操作。

在設定期間優化效能

使用者體驗的另一個關鍵元素是網站效能,即網站在瀏覽器中載入的速度。隨著人們的注意力年復一年愈來愈短,緩慢的網站可能會妨礙你的成功。以下是幾件你可以做的事,以確保網站從一開始就具備良好速度:

  • 選擇保證 99.99% 正常運作時間的網頁寄存供應商。

  • 壓縮圖片並使用佔用較少空間的優化格式,例如 JPEG。

  • 只安裝絕對必要的外掛程式。

為 SEO 優化你的網站

搜尋引擎最佳化(SEO)是你在網站整個生命週期中都需要考慮的事情,而在網站上線前就開始著手,將有助於在搜尋引擎中取得排名。以下是幾個你開始時應專注的範疇。

關鍵字研究

關鍵字研究是找出你的目標受眾在搜尋引擎中搜尋哪些查詢字詞的過程。你可以在網站各處策略性地使用這些查詢字詞,為頁面 SEO 和整體內容策略提供方向。

頁面 SEO

這是指你如何優化網頁上的各種元素,以便在搜尋引擎中獲得良好排名。包括:

  • 標題

  • Meta 描述

  • 圖片

  • 撰寫高品質內容

其他對 SEO 極有幫助、而我們先前已提及的範疇,還包括快速頁面速度和流動裝置最佳化。

網站上線與推廣

在網站上線之前,務必確保一切運作盡可能順暢。在向全世界分享你的網站之前,請確保網站運作順利,並已處理好所有技術層面的考量。網站上線後,就該開始推廣了。以下是幾個可著手並吸引訪客到你網站的範疇:

  • 數碼廣告

  • SEO

  • 社交媒體

  • 電郵行銷

做好維護準備

擁有網站的現實是,你不能只是把它上線後就置之不理。你必須定期維護它,才能保持安全、良好效能和相關性。以下是一些需要留意的範疇:

  • 軟件 –無論是外掛程式還是平台本身,定期更新網站對於保持安全和良好效能都至關重要。

  • 內容 – 為了維持對受眾和搜尋引擎的相關性,你應定期審核並更新內容。

  • 備份 – 定期備份網站可確保一旦出現任何問題時,你不會失去網站。

  • 效能 – 定期檢查頁面載入速度,看看是否有任何可改善之處,例如優化圖片。

是時候開始了

現在你已經清楚知道如何建立網站,是時候把這些建議付諸實踐。無論你的需求有多獨特,本指南都應能幫助你迅速上線。而每當你遇到困難時,也可以回來參考它以獲得指引。所以別再拖延,今天就開始建立你的網站

常見問題

這個問題沒有放諸四海皆準的答案,一切都取決於你網站的規模和範圍。雖然從技術上來說,你可以使用 CMS 免費建立網站,但你仍然需要為網域和主機服務付費。價格可以由低到高不等,視乎你需要多少資源,以及你是否預期會有高流量負載。

當然可以——多得 CMS 和網站建立工具,現在建立專業網站比以往任何時候都更容易。這些工具通常都有簡單易用的介面,讓你即使毫無編碼知識,也能快速建立網站。

每個網站都是獨一無二的,而你需要哪些特定頁面,將取決於網站的類型。一般來說,所有網站的標準頁面包括:首頁 關於我們頁面聯絡頁面

雖然你當然可以在沒有 SEO 的情況下建立網站,但如果你希望別人找到你的網站,仍然強烈建議使用 SEO。從一開始就實施 SEO 策略,將有助你的網站在搜尋引擎中顯示並獲得良好排名。

一個好的網域名稱應該是:簡短容易記住容易拼寫與你的品牌相關不過時記住這些要點,應該能幫助你選擇合適的網域。


推薦文章

評論 (2)

  • Olga Golyk, Hosting Product Operations Specialist 的個人頭像

    Olga Golyk, Hosting Product Operations Specialist

    2025年3月25日

    Hello Jeffrey, Thank you for your feedback, we really appreciate your motivation to start something new, and we understand that it can feel a bit overwhelming at first. To help you get started, here are a few simple step-by-step options based on the hosting type you’re using. 1) If you’re using Shared Hosting: You can install WordPress (a popular website platform for beginners) like this: Go to your Hosting Manager (<a href="https://www.spaceship.com/application/hosting-manager/" rel="nofollow ugc">https://www.spaceship.com/application/hosting-manager/ </a>) &gt;&gt; Click the three dots next to the "Manage" button &gt;&gt; Select "Go to cPanel" &gt;&gt; Being forwarded to cPanel, scroll down to the "Scripts" section &gt;&gt; Click "WordPress" &gt;&gt; "Install now". In the Internet you can find a lot of video tutorials on how to build a website via WordPress. We also recommend trying Sitejet, an easy-to-use website builder included in your Shared hosting plan. Here’s a video tutorial that explains how to use it: https://www.youtube.com/watch?v=HYNLfjsZt9w&amp;list=PL3vEEE_dvoG8W7Tr9NJzPAFj44L-SGy46&amp;index=4 . 2) If you’re using Managed WordPress (EasyWP): For quick and easy site setup, we recommend using the Brizy drag-and-drop website builder plugin for WordPress. It lets you build a website without needing any technical or design skills. There is a free version of Brizy and also a Pro version with more features. You can use the coupon code EASYWP to get 20% off Brizy Pro (valid until April 30, 2025): https://www.brizy.io/pricing-wordpress . Brizy tutorials: - How to install both free and Pro versions of Brizy: https://www.youtube.com/watch?v=z22Hpt1k2J4 . - Brizy Overview &amp; 1st Page: https://www.youtube.com/watch?v=BWNLQ-IT7Hs . - How to Build With Brizy: https://www.youtube.com/watch?v=NE_aoLzv3zY . - Preview, Publish &amp; Update https://www.youtube.com/watch?v=UoW4Tx2IZQ4 . In the near future, we’re also planning to publish beginner-friendly Knowledgebase articles and step-by-step video tutorials on website creation.
    需要超過 10 個字符。
    您的公開顯示身份。
    提供您的電子郵件地址是可選的。它不會與第三方共享。

  • Jeffrey Mangold 的個人頭像

    Jeffrey Mangold

    2025年3月20日

    I'm 71 years old and just starting out with computers. It's like trying to learn the Greek language. What would be nice is a STEP BY STEP guide to building a website with Spaceship for someone like me, who actually has to look up the definition for things like CMS, SEO, etc. while trying to remember everything they're learning and ATTEMPTING to build a website with MANY pages. A comprehensible video, STEP BY STEP, for novices like myself would save me MANY hours of trying to do it AND understand it, and retain what I am doing. I appreciate any help that you could give me. Thank you VERY much!
    需要超過 10 個字符。
    您的公開顯示身份。
    提供您的電子郵件地址是可選的。它不會與第三方共享。

分享您的想法

需要超過 10 個字符。
您的公開顯示身份。
提供您的電子郵件地址是可選的。它不會與第三方共享。

幫助我們改進博客

在快速的兩分鐘調查中分享您的想法。

必須提供有效的電郵地址