主頁網站設計方法

網站設計方法

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

25th Mar, 2020 - wixhk.com/web-design

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

第1步:確定您的網站目標 (Website Goals)

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


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

第2步:定義目標受眾 (Target Audience)

你希望每個人 - 包括你的家人 - 都喜愛你的網站,但它也必須給對的人留下深刻的印象。想想你為誰建立這個網站。這被稱為“目標受眾” Persona。他們的興趣是什麼?你能為他們帶來什麼好處?編寫內容時,請選擇圖像,字體和顏色以吸引該等目標受眾,以便你的網站真實地與他們交流。你的語調丶你所用的流行語,都是他/她們可以理解到的。

例如: 誰是你的目標受眾丶他/她們的年齡層丶興趣丶地區丶我可以提供什麼有價值的東西給他/她們?

第3步:創建站點地圖 (Site Map)

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

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

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

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

第4步:選擇您的關鍵字 (Keywords+Phrases)

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

第5步:收集你的材料 (Content)

你已經掌握了步伐!在實際操作之前,有一些東西要準備到位:

 

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

 

文本 (Text):根據你的網站地圖,為你的網站撰寫和準備內容。分解冗長的文本,以使你的網站易於閱讀。一般訪問者只會閱讀你網站上大約28%的文字,因此請確保你的訪問者可以瀏覽你的內容,並輕鬆獲取重要信息。

 

圖像 (Images):確保圖像質量高,並儘可能使用真實照片而不是庫存圖像。投資攝影師為你的網站拍攝專業照片及影片甚為值得,尤其是網上商店。

 

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

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

第6步:技術層面

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

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

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

 

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

 

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

第7步:設計你的網站

業務的第一個要求是選擇你的模板。 Wix擁有各種專業模板(Templates),可供你免費使用。現在先返回你之前描繪的網站地圖,並按照其結構添加到你網站的頁面。如果你對設計有敏銳的觸角,可以選擇從頭開始創建網站(Design from scratch)。另一種選擇是使用Wix先進的人工智慧設計技術(或稱ADI),它可以為你量身定制內容,並自動為你設計一個合乎美學觀感,以及適應流動裝置版本的網站。只需跟據要求,填寫你的基本業務信息,Wix ADI便會完成所有工作!

從你的主頁開始,確保頁首顯示你的公司名稱和商標,並於網頁明確說明你的業務和聯繫信息。檢查你網站的外觀和服務反映你的業務。使用與主頁相同的基本樣式設計內頁。

第8步:添加你的內容

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

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

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

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

第9步:成為Google的朋友

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

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

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

第10步:流動的網站

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

第11步:Showtime!上線

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

返回特點