通過11個簡單步驟設計你的網站

準備好設計令人驚嘆的網站？你希望你的網站能夠給訪客留下深刻的印象，鼓勵他們打電話給你, 或者從你的網站購買貨品，甚至在Google上排名更高嗎? 如果你沒有花時間編制一些藍圖，屋子就很難建好了，對吧? 通過11個簡單的步驟，我們將向你說明如何設計一個既吸晴丶又能帶動業務的網站。

在開始製作網站之前，請先問問自己：你希望通過此網站實現的主要目標是什麼？更重要的是，你希望訪問者在訪問你的網站時做什麼？要牢記這一目標 - 所有設計，圖像和措辭都應鼓勵訪客採取此行動。稍後，再回顧一下這個 “行動呼籲用語” (Call-to-Action) 是否有在設計中實行。

 

例如: "致電查詢"丶"訂閱"丶"現在購買"丶"成為會員"丶"觀看影片"丶"下載指南" 等等......

在開始製作網站之前，請先問問自己：你希望通過此網站實現的主要目標是什麼？誰是你的觀眾? 更重要的是，你希望訪問者在訪問你的網站時做什麼？要牢記這一目標 - 所有設計，圖像和措辭都應鼓勵訪客採取此行動。稍後，再回顧一下這個 “行動呼籲用語” (Call-to-Action) 是否有在設計中實行。

 

例如: "致電查詢"丶"訂閱"丶"現在購買"丶"成為會員"丶"觀看影片"丶"下載指南" 等等......

現在是拿筆和紙開始繪製網站藍圖的時刻。繪製你網站上所需頁面的簡單地圖。確定你希望這些頁面在選單上顯示的順序，以及你希望訪問者如何在頁面之間導航。網頁之間該怎樣串連，最後帶動訪問者作出行動呼籲的動作。

 

例如: 主頁，關於，服務，價格，產品，客戶回饋，相片集，聯絡我們….

確定你在選單上顯示的順序, 以及你希望用戶單擊的順序

大多數瀏覽者,都是由左邊開始點擊, 並導航至右邊

這是一個經常被忽視的部份，就是搜尋引擎優化。我們建議事先多花一些時間在SEO上。 SEO是你採取的一系列操作，使到你的網站在搜索引擎結果上顯示得盡可能高。考慮人們用於搜索你的業務的所有不同字詞，並在整個網站中使用這些關鍵字。為每個頁面提供標題(Title)和說明(Description)，以幫助Google了解你的網站的所有內容。如果它聽起來很多，不要冒汗 - 我們wixhk將不斷新增有關搜索引擎優化的基礎知識。

來到最燒腦的部分！在實際製作網站之前，必須收集你的材料，有一些東西要準備到位：

 

商標 (Logo)：你需要一個好的標誌。一個令人難忘的商標可以很簡單，大膽，而且要看起來專業和合法，無論放大或縮小，都能保持高解析度。有很多方法可以DIY創作商標，如Wix Logo Maker，使用電腦人工智慧，只需數十美元就能製作一個專業的商標。你也可以委託如Fiverr之類的設計師為你設計。

 

文本 (Text)：根據你的網站地圖，為你的網站撰寫和準備內容。此時，在Wix編輯器上，只需要點擊文字框，就可以使用AI工具編寫或修改文本。你也需要分解冗長的文本，使你的網站易於閱讀。一般訪問者只會閱讀你網站上大約28％的文字，因此請確保你的訪問者可以瀏覽你的內容，並輕鬆獲取重要信息。

 

圖像 (Images)：首要條件是確保圖像質量高，可以選擇編輯器內置的免版權稅圖像，或購買高品質的Shutterstock專業圖像或影片。當然，儘可能使用真實照片而不是庫存圖像，建議投資攝影師為你的網站拍攝專業照片及影片甚為值得，尤其是網上商店。

 

影片 (Videos)：影片是你網站的絕佳工具，可以為網站增加活力，使瀏覽者加深印象。考慮製作一段關於你或你的業務的簡短介紹性影片。

 

用戶評價 (Testimonials)：嘗試與過去的客戶取得聯繫，並要求他們寫一些關於你業務的推薦話語。好的評價是具體的，並分享你的客戶喜歡與你合作的原因。

你終於來到了！是時候創建你的網站了。讓我們從處理一些技術話題開始：

 

購買域名 (Domains)：網域就像你在網路上的街道地址，這是人們在瀏覽器地址列上輸入文字，用以直接訪問你網站上的內容。如果可能，請使用你的商家名稱作為你的網域。如果未能登記，可考慮添加關鍵字，或加上地域名稱，並以易於拼寫和記憶的名稱為原則。

例如，hellocoffeehk.com，hellocoffee.hk，hellocoffeecafe.com 

 

尋找託管商：如果你的網域有如你的地址，那麼你的網站託管費用就像你的租金一樣，這是你網站上所有信息的所在地。在你自製網站的平臺，可能還包含託管服務。如果沒有，您可以選擇各種服務供應商或平臺，每月花費幾十港元，至 一年數千港元。但是如果使用Wix，您甚至可以免費託管。還不錯吧?

 

選擇你的平臺：直到十年前左右，你可能需要知道如何編寫語法，才能建立一個令人印象深刻的專業網站。今天，建站平臺(Site Builder)可以讓任何人輕鬆建立一個偉大的網站。Wix擁有簡單直觀的編輯器，讓你可以立即拖拽(Drag & Drop)到一個​​令人驚嘆的網站。

你可以自由選擇你的喜愛的模板。 Wix擁有各種專業模板(Templates)，可供你免費使用。現在先返回你之前描繪的網站地圖，然後添加到你網站的頁面。如果你對設計有敏銳的觸角，可以選擇從頭開始創建網站(Design from scratch)。或者，把任務交託Wix先進的人工智慧技術，透過聊天或給予指令的方式為你量身定制內容，並自動為你設計一個合乎美學觀感，以及適應流動裝置版本的網站。只需跟據要求，填寫你的基本業務信息，或向系統描述最初的網站地圖，Wix便會為你配置最順暢的文本、最理想的高清圖像，以及最有條理的佈局。最重要的是， 你可以更改所有內容，直到滿意為止。

 

從你的主頁開始，確保頁首(Header)顯示你的公司名稱和商標，以及展示清楚合理的網站選單(Menu)，並於頁腳(Footer)明確說明你的業務和聯繫信息。檢查你網站的外觀和相關內容反映你的業務，使用與主頁相同的基本樣式設計內頁，色彩主題與各個頁面互相呼應。

收集你撰寫的所有內容，並將其逐步添加到你的網站。不僅要考慮美學，還要考慮訪客的體驗User Experience (UX)。你的內容是否以易於理解的方式組織？你的訪問者在瀏覽你的網站後可能會遇到哪些問題？當然，並非所有頁面都需要向訪問者全部回答 - 但你可以添加內部連結 (Internal Links) 到你的網站（連接你的頁面 )用以串連你想講述的內容和故事。這不謹有助於導航，還有助於網站的SEO。

​

還記得最初的 ”CTA”嗎? 確保你的CTA都能清楚地顯示，要點擊哪裡及在你的網站上做什麼。

在設計的外觀和感覺上，全部都需要反映你企業品牌的元素，從顏色、字體和圖像，甚至你網站的語氣都會對瀏覽者產生重大影響。

​

參照你的網站地圖，編配你模板的頁面，與你所計劃的相對應。

在點擊發佈按鈕之前，請花點時間確保你的網站針對Google進行了優化。於網站內使用你的關鍵字，但不要讓你的網站過載 (Keywords stuffing)。它被稱為“關鍵字填充”，Google會懲罰你聽起來不自然的文字。將你的網站連接到Google Search Console網站管理員工具和Google Analytics（分析）- 這些都是免費工具 (GA本身免費，但只能用於有升級的Wix網站)，可讓你查看訪問過你網站的人流，訪問者的資訊以及他們訪問過的網頁。這是評估成績的好方法。成為Google的朋友，Google可以幫助你走得更遠。

​

編寫元數據資料 - 在每一個網頁(settings)版面，輸入文字，包括網站名稱、關鍵字及地點等，再加入每個版面的頁面解釋(Page Description)，使你的網站在搜尋引擎的結果中更能突出。

​

使用Wix SEO Wiz - 可以更有條理地完成上述任務。

現在，移動瀏覽正式超越桌面瀏覽。你需要一個在移動設備和桌面設備上都很棒的網站。 Wix提供了一個移動版編輯器(Mobile editor)，可以非常輕鬆地優化你的網站，使你的網站在智能手機或移動設備(Tablets)上看起來很專業。但請記住 - 當有人瀏覽移動版本網站時，由於他們可能都在室外，或在移動當中，通常都很希望盡快找到所有細節。你應確保所有聯繫方式，和重要信息等都顯示在主頁丶聯絡頁面或頁尾/腳上。

是時候向世界展示你所創造的丶獨一無二的作品了！點擊發布 (Publish)，然後觀看你的網站上線。上線之前，別忘記測試一下網站上的導航是否順暢，按鈕有沒有連結好，聯絡表格是否已標記了自己的電郵地址等等。也可以運用網站內的 “取得回饋”功能，搜集一下意見，進一步改善用戶體驗。