6大網頁設計成功秘訣你不可不知

目錄

秘訣1：選擇對SEO友好及易排名的網頁設計CMS軟件

秘訣2：網頁SEO優化(Ｏn Page SEO)

秘訣3：搶眼的網站視覺，讓受眾留下記憶點

秘訣4：目標受眾的用戶體驗(UX/UI)

秘訣5：網站要具備響應式網頁設計

秘訣6：圍繞您的目標受眾設計您的網站內容

6個成功網頁設計秘訣

秘訣1：選擇對SEO友好及易排名的網頁設計CMS軟件

建立一個品牌或公司網站，最終目的當然是透過網站達成轉換，讓潛在客戶轉換成客戶，再讓客戶成為你的忠誠客戶。而在這之前就是要增加最大曝光量及流量才是最關鍵因素。你或者會問，當網站架設後我才賣線上、線下廣告不就可以嗎？是的，利用媒體去傳播你的品牌是需要的。但是，資金往往是有限的，要在有限的資金中獲得最大成本及品牌效益，賺取最大利潤，才是明智的營銷策略。SEO （Search engine optimization）搜尋引擎優化絕對是其中一個不可缺少的工具，讓你的網站長期曝光在搜尋引擎結果上，不但廣告成本低，客戶來源都非常精準。試想想，當你的目標受眾正在搜尋引擎上搜尋一個商品或一個解決方案時，在搜尋引擎結果的第一頁就看見你，可以為你的網頁帶來源源不絕的流量。

下圖是Google Organic Search 排名位置所得的平均流量百分比，排名1st獲得高達30%的流量、排名2nd約20%、排名3rd約10%，排名越後流量越少，第2–3頁的流量幾乎是0。

作為創建對 SEO 友好的網站的首選工具，主要推薦3個CMS，包括WordPress、Woocommerce、Javascript React。透過這3個CMS架設的網站及HTML頁面，都比較容易被搜索引擎機械人索引及理解。

• WordPress：作為網絡上最受歡迎的 CMS解決方案，市場佔有率達34% 以上。重點是，WordPress擁有SEO友好的插件和工具平台，讓你的文章更容易被Google Robot index 及索引，從而能夠在最快的時間內排上Google 搜尋結果上的Position 1。而且，大部分網頁設計公司和企業內部的網頁技術人員對WordPress CMS都很在行。當網站創建好之後，就算找企業內部的網頁技術人員更新、維護或操作SEO都方便很多。
• WooCommerce：作為WordPress 網上商店的Plugin，不但擁有網店系統功能，更能完全活用WordPress對SEO友好的Plugin。可以選擇最合適的SEO Plugin創建你的網店，為你的商品相關關鍵字建設關鍵字優化（SEO），當你的潛在顧客搜尋商品時，就在搜尋器上看見你。
• Javascript React：React.js 不是一般的Javascript。如果你的企業比較大型，有一個IT團隊或專業網頁設計公司非常熟悉React的話，那你可考慮React。React可被稱之為當今最好的前端技術之一，最關鍵的是React加載速度很快之餘，更可以同時操作SEO優化。因為其它Javascript處理SEO的表現都很一般，只有React.js 的HTML容易被Google的爬蟲工具索引，Google 官方也為Javascript React使用者教導如何操作Javascript SEO，非常有用。

秘訣2：網頁SEO優化(Ｏn Page SEO）

繼秘訣1提到網頁設計要揀選對SEO友好的CMS，那當然要好好利用SEO 插件及技巧讓Google Robot容易index 及喜歡你的網站。Google搜尋引擎會以會根據網頁的可信度和權威性來計算網頁排名分數，而On-Page SEO和Off-Page SEO在整體SEO的排名計算上，占50/50的重要性，兩者缺一不可。

在建設網頁設計同時可以在網頁內容及頁面上加入SEO優化，以下簡單分享最顯著的On-Page SEO優化技巧，做對這些1個月內都可以把競爭度較低的關鍵字排上1st Page︰

• 加入一些你的潛在客戶最常搜索的關鍵字
• 利用Google Keyword Planner搜尋最熱門關鍵字 留意關鍵字的平均每月搜尋量最好達到100以上。競爭度分為低、中、高，而低及中等競爭度的關鍵字是最容易及最快排上1st Page

• 利用Ahref SEO 工具找尋流量關鍵字 透過Ahref 看看競爭對手在排甚麼自然搜尋關鍵字（ Organic Keywords），同時又為他帶來流量
• 網頁分頁URL加入關鍵字
• 在網頁Title和Meta-Description 加入關鍵字
• 在網頁內容的H1-H3加入目標關鍵字
• 每頁分頁內容最好不要重覆 讓Google 及用戶知道你在傳遞有用資訊
• 網頁加入「結構化資料」（structured data） 包括Schema FAQ、Schema how-to等，可以把常見問題、評分、評論等在Google 搜尋結果中立刻呈現在用戶眼前，增加用戶的點擊率，而且有助排名

• 安裝SEO Plugin 優化關鍵字 如網站是以WordPress創建的，可以加入Yoast SEO或Rank Math Plugin 優化SEO，這兩個插件都是非常受歡迎。而Yoast 更是很多大企業正在使用。它們都提供豐富的 SEO 優化功能，包括：目標關鍵字優化、支援 Schema 結構化資料等。
• 增加相關分頁及內部連結（Internal Links） 讓搜尋引擎能透過頁面內容間的彼此連結，清楚知道內容之間的關聯性。

秘訣3：搶眼的網頁設計，讓受眾留下記憶點

• 簡約網頁設計 配合響應式網頁設計（RWD），在大勢使用手機及平板電腦的時代，簡潔清晰，一眼就明白你的網站內容非常重要。時間就是金錢，大部分人都不會花時間去看又長又沒有重點的網站內容。「簡單易明」往往都是編寫網站內容的要訣。
• 注入對比效果 為了讓用戶清楚明白你的內容，網頁文字顏色與背景顏色搭配要具備對比效果。當你選擇一個淺色調的背景，那建議使用深色的文字。
• 適當地加入簡單的動畫 太多的動畫或影片會影響整體網頁速度，在1–2個分頁的Icon 設計加入簡單Gif 效果是可以接受的，而且可以讓內容更清晰易明。

秘訣4：目標受眾的用戶體驗（UX/UI）

使用者體驗（UX/UI）是指網站內容及排版設計、流程規劃、選單及欄位設計，都要考慮使用者在使用過程中要順手和方便。當然用戶體驗不單單侷限在網頁上，產品品質、商品促銷、售前售後服務等更是不可忽視的用戶體驗之一，因為只有在這過程中，用戶獲得了流暢和愉快的使用體驗，才會選擇你而不是別人。

秘訣5：網站要具備響應式網頁設計（RWD）

響應式網頁設計（RWD）是一個標準的三合一網站（桌面/平板電腦/手機)設計網站時要同時考慮桌面及手機版本，在人人都使用手機時，響應式網頁設計（RWD）是必須的。

秘訣6：網站內容設計要以目標受眾為中心

網頁內容要「簡而精」，更要提供更多相關資訊才能降低「網站跳出率」。包括產品資訊、產品特點、促銷內容、用家評論等，多想想用戶想了解甚麼、他們正在面對甚麼問題、為何用戶要選擇你而不是其它競爭對手，網頁內容主要以顧客角度出發，為他們解決問題才能讓每一個CLICK都變得更有價值，甚至能轉化成你的客戶及回頭客戶。

感謝你的閱讀及支持，想了解更多關於網頁設計的資訊或製作網站，可以聯絡我們Rovertech 網頁設計查詢更多。