Wix中文教學| 網站設計方法 - Wixhk

準備好設計令人驚嘆的網站？你希望你的網站能夠給訪客留下深刻的印象，鼓勵他們打電話給你，或者從你的網站購買貨品，甚至在Google上排名更高嗎? SkiptoMainContent升級計劃 討論區 詞彙解釋 首頁>特點 >DIY網站心理檢測 | 網站設計方法| 認識編輯器 |商店模板1網站設計方法通過11個簡單步驟設計你的網站 準備好設計令人驚嘆的網站？你希望你的網站能夠給訪客留下深刻的印象，鼓勵他們打電話給你,或者從你的網站購買貨品，甚至在Google上排名更高嗎?如果你沒有花時間編制一些藍圖，屋子就很難建好了，對吧?通過11個簡單的步驟，我們將向你說明如何設計一個既吸晴丶又能帶動業務的網站。

第1步：確定您的網站目標(WebsiteGoals)在開始製作網站之前，請先問問自己：你希望通過此網站實現的主要目標是什麼？更重要的是，你希望訪問者在訪問你的網站時做什麼？要牢記這一目標-所有設計，圖像和措辭都應鼓勵訪客採取此行動。

稍後，再回顧一下這個“行動呼籲用語”(Call-to-Action)是否有在設計中實行。

例如:"致電查詢"丶"訂閱"丶"現在購買"丶"成為會員"丶"觀看影片"丶"下載指南"等等......第2步：定義目標受眾(TargetAudience)你希望每個人-包括你的家人-都喜愛你的網站，但它也必須給對的人留下深刻的印象。

想想你為誰建立這個網站。

這被稱為“目標受眾”Persona。

他們的興趣是什麼？你能為他們帶來什麼好處？編寫內容時，請選擇圖像，字體和顏色以吸引該等目標受眾，以便你的網站真實地與他們交流。

你的語調丶你所用的流行語，都是他/她們可以理解到的。

​ 例如:誰是你的目標受眾丶他/她們的年齡層丶興趣丶地區丶我可以提供什麼有價值的東西給他/她們?第3步：創建站點地圖(SiteMap)現在是拿筆和紙開始繪製網站藍圖的時刻。

繪製你網站上所需頁面的簡單地圖。

確定你希望這些頁面在選單上顯示的順序，以及你希望訪問者如何在頁面之間導航。

網頁之間該怎樣串連，最後帶動訪問者作出行動呼籲的動作。

​ 例如:主頁，關於，服務，價格，產品，客戶回饋，相片集，聯絡我們…. ​ 確定你在選單上顯示的順序,以及你希望用戶單擊的順序 大多數瀏覽者,都是由左邊開始點擊,並導航至右邊 第4步：選擇您的關鍵字(Keywords+Phrases)這是一個經常被忽視的部份，就是搜尋引擎優化。

我們建議事先多花一些時間在SEO上。

SEO是你採取的一系列操作，使到你的網站在搜索引擎結果上顯示得盡可能高。

考慮人們用於搜索你的業務的所有不同字詞，並在整個網站中使用這些關鍵字。

為每個頁面提供標題(Title)和說明(Description)，以幫助Google了解你的網站的所有內容。

如果它聽起來很多，不要冒汗-我們wixhk將不斷新增有關搜索引擎優化的基礎知識。

第5步：收集你的材料(Content)你已經掌握了步伐！在實際操作之前，有一些東西要準備到位：   商標 (Logo)：你需要一個好的標誌。

一個令人難忘的商標可以很簡單，大膽，而且要看起來專業和合法，無論放大或縮小，都能保持高解析度。

有很多方法可以DIY創作商標，如WixLogoMaker，使用電腦人工智慧，只需數十美元就能製作一個專業的商標。

你也可以委託如Fiverr之類的設計師為你設計。

  文本(Text)：根據你的網站地圖，為你的網站撰寫和準備內容。

分解冗長的文本，以使你的網站易於閱讀。

一般訪問者只會閱讀你網站上大約28％的文字，因此請確保你的訪問者可以瀏覽你的內容，並輕鬆獲取重要信息。

  圖像(Images)：確保圖像質量高，並儘可能使用真實照片而不是庫存圖像。

投資攝影師為你的網站拍攝專業照片及影片甚為值得，尤其是網上商店。

  影片(Videos)：影片是你網站的絕佳工具，可以為網站增加活力，使瀏覽者加深印象。

考慮製作一段關於你或你的業務的簡短介紹性影片。

​ 用戶評價(Testimonials)：嘗試與過去的客戶取得聯繫，並要求他們寫一些關於你業務的推薦話語。

好的評價是具體的，並分享你的客戶喜歡與你合作的原因。

第6步：技術層面你終於來到了！是時候創建你的網站了。

讓我們從處理一些技術話題開始： 購買域名(Domains)：網域就像你在網路上的街道地址，這是人們在瀏覽器地址列上輸入文字，用以直接訪問你網站上的內容。

如果可能，請使用你的商家名稱作為你的網域。

如果未能登記，可考慮添加關鍵字，或加上地域名稱，並以易於拼寫和記憶的名稱為原則。

​ 例如，hellocoffeehk.com，hellocoffee.hk，hellocoffeecafe.com    尋找託管商：如果你的網域有如你的地址，那麼你的網站託管費用就像你的租金一樣，這是你網站上所有信息的所在地。

在你自製網站的平臺，可能還包含託管服務。

如果沒有，您可以選擇各種服務供應商或平臺，每月花費幾十港元，至 一年數千港元。

但是如果使用Wix，您甚至可以免費託管。

還不錯吧?   選擇你的平臺：直到十年前左右，你可能需要知道如何編寫語法，才能建立一個令人印象深刻的專業網站。

今天，建站平臺(SiteBuilder)可以讓任何人輕鬆建立一個偉大的網站。

Wix擁有簡單直觀的編輯器，讓你可以立即拖拽(Drag&Drop)到一個​​令人驚嘆的網站。

第7步：設計你的網站業務的第一個要求是選擇你的模板。

Wix擁有各種專業模板(Templates)，可供你免費使用。

現在先返回你之前描繪的網站地圖，並按照其結構添加到你網站的頁面。

如果你對設計有敏銳的觸角，可以選擇從頭開始創建網站(Designfromscratch)。

另一種選擇是使用Wix先進的人工智慧設計技術（或稱ADI），它可以為你量身定制內容，並自動為你設計一個合乎美學觀感，以及適應流動裝置版本的網站。

只需跟據要求，填寫你的基本業務信息，WixADI便會完成所有工作！ ​ 從你的主頁開始，確保頁首顯示你的公司名稱和商標，並於網頁明確說明你的業務和聯繫信息。

檢查你網站的外觀和服務反映你的業務。

使用與主頁相同的基本樣式設計內頁。

第8步：添加你的內容收集你撰寫的所有內容，並將其逐步添加到你的網站。

不僅要考慮美學，還要考慮訪客的體驗UserExperience(UX)。

你的內容是否以易於理解的方式組織？你的訪問者在瀏覽你的網站後可能會遇到哪些問題？當然，並非所有頁面都需要向訪問者全部回答-你可以添加內部連結(InternalLinks)到你的網站（連接你的頁面)用以串連你想講述的內容和故事。

這不謹有助於導航，還有助於網站的SEO。

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

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

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

第9步：成為Google的朋友在點擊發佈按鈕之前，請花點時間確保你的網站針對Google進行了優化。

於網站內使用你的關鍵字，但不要讓你的網站過載(Keywordsstuffing)。

它被稱為“關鍵字填充”，Google會懲罰你聽起來不自然的文字。

將你的網站連接到GoogleSearchConsole網站管理員工具和GoogleAnalytics（分析）-這些都是免費工具(GA本身免費，但只能用於有升級的Wix網站)，可讓你查看訪問過你網站的人流，訪問者的資訊以及他們訪問過的網頁。

這是評估成績的好方法。

成為Google的朋友，Google可以幫助你走得更遠。

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

​ 使用WixSEOWiz- 可以更有條理地完成上述任務。

第10步：流動的網站2015年，移動瀏覽正式超越桌面瀏覽。

你需要一個在移動設備和桌面設備上都很棒的網站。

Wix提供了一個移動版編輯器(Mobileeditor)，可以非常輕鬆地優化你的網站，使其在智能手機或移動設備(Tablets)上看起來很棒。

但請記住-當有人瀏覽移動版本網站時，由於他們可能都在室外，或在移動當中，通常都很希望盡快找到所有細節。

你應確保所有聯繫方式，和重要信息等都顯示在主頁丶聯絡頁面或頁尾上。

第11步：Showtime！上線是時候向世界展示你所創造的丶獨一無二的作品了！點擊發布(Publish)，然後觀看你的網站上線。

上線之前，別忘記測試一下網站上的導航是否順暢，按鈕有沒有連結好，聯絡表格是否已標記了自己的電郵地址等等。

也可以運用網站內的“取得回饋”功能，搜集一下意見，進一步改善用戶體驗。

返回特點