好的網站設計須有品牌形象和SEO優化

網站設計應該如何做？

網站設計

在數碼時代的今天，如果你在香港成立公司並希望創業做生意，實體辦公室並非必需，因為你可以選擇使用共享辦公室 (Coworking Space) 或虛擬辦公室 (Virtual Office) 來替代。然而，你必須擁有一個網站，因為網站是貴公司在網絡營銷 (Marketing) 中的核心，沒有網站，如何進行網絡營銷呢？或許你會想到使用 Facebook，但網站才是你的本台。 

過去十年，商家將網絡營銷的重心放在Facebook，然而，現在這種做法已經行不通。曾經辛苦經營的Facebook專頁，投入不菲的廣告費用來購買贊好（Like），可是現在已經不再有人群湧入。即使你擁有10萬個粉絲，你的貼文還有多少粉絲能看到呢？有多少粉絲在看到貼文後按下讚好呢？更不用提留言了，這些問題大家都心知肚明。你是否感到自己像是被朱克伯格當成韭菜收割呢？在Facebook貪婪謀利的情況下，Facebook專頁的粉絲接觸率愈來愈低。如果你不花錢購買廣告，現在的貼文還有多少粉絲能看到呢？總之，現在的情況就是：「只要你不尷尬，尷尬的就是你的潛在客戶。」

總結來說，商家過去十年主要將網絡營銷的重心放在Facebook，但現在這種做法已經不再可行。對於那些曾經在Facebook上投入不少時間和金錢的商家，他們可能會發現，現在的Facebook專頁已經不再像過去那樣受歡迎，粉絲接觸率也越來越低，如果不花錢購買廣告，貼文的曝光率也會大幅下降。因此，商家需要重新思考該如何進行網絡營銷，以適應現在的市場環境。

好的網站可以展現公司的品牌形象。

近年來，人們開始將網絡營銷的重心轉向自己的網站。事實上，只有網站才是真正屬於貴公司的資產，而網域名稱更是有價值的無形資產。一個好的網站設計必須能夠突顯公司品牌形象、具有識別性、內容優質且獨一無二，並能夠表達公司理念。如果這個網站在Google搜尋結果頁上獲得排名推薦，那麼這個網站的價值就更高了。
*需要注意一些網頁設計平台是否允許你自己搬動應該屬於你的數據，如果不能自由搬動全個網站的內容，包括文字、圖片、視像和數據等，你可能只有使用權而沒有完整的擁有權。

有價值的網站必須有搜索排名

一個網站能夠在Google上獲得推薦排名，這不是個人喜好，也不是由Google的CEO或其他人可以隨意決定的結果。即使是香港特區政府也不能通過高壓手段來改變排名。這是由一個大數據演算法計算出來的結果。如果網站能夠獲得優先排名，特別是排在Google的第一頁（Googleone），那麼這代表網站將擁有無限的曝光和自然點擊流量，這意味著無限的商機！因此，Google搜索結果的排名是網站必爭之地，也產生了SEO公司這一行業，為網頁提供SEO優化服務。
網頁設計

執筆之時 (3/1/2023)，在Google 搜索「網頁設計」 ，你會看到 慎思設計(isualsense.com) 正排在 Google搜索結果頁的第1頁第1位！

排在搜索結果頁最前的網站，都是有一致的網頁設計標準，慎思設計稱為UX網頁設計，支持響應式設計 (Responsive Design)，網頁架構層次分明、內容豐富詳細、段落分明、可讀性高的設計風格。此外，它們還包含適量的圖片和形象化內容，並提供視像補充說明，以實現整體訊息的立體化傳達。

UX網站設計8大特點：

  1. 支持響應式設計
  2. 網頁架構分明
  3. 內容豐富詳細
  4. 內容段落分明
  5. 文字可讀性高
  6. 圖片補充說明
  7. 視像補充說明
  8. 著陸頁號召性
UX網站設計8大特點

支持響應式設計

慎思設計的網頁設計建議採用手機優先（Mobile First）的設計策略，並且必須支持響應式設計。現在人人手持智能手機，日常生活中的衣食住行、吃喝玩樂都在手機上完成，因此，不支持響應式設計的網站可能會像Flash一樣被時代淘汰。機不可失，現在就應該開始考慮將網站進行響應式設計，以滿足現代消費者的需求。

網頁架構分明

網頁架構是在開始做網頁設計時就需要考慮的因素之一。一個網頁架構分明的網站可以更容易地被Google收錄 (Index)，很多公司在網站完成後經營了一段時間才發現網站在搜尋引擎中完全沒有排名，沒有發揮出一個網站應有的價值。此時才想到要進行網頁SEO優化，卻已經太遲了！

一些網站設計公司以自行開發的建網系統和內容管理系統 (CMS) 為賣點，但網頁架構是否符合SEO原則仍然是一個大疑問。而且，一旦需要進行架構上的改動，這將是一個十分困難的任務。此時還想進行SEO優化？這等於是徒勞無功，最終只能重新製作網站。

因此，我們建議一般公司在網站設計時直接使用WordPress網站設計，這種網頁架構具有良好的SEO友善性，使用起來也非常方便，不用折騰！

內容豐富詳細

為了追求網頁在視覺上的展示效果，一些設計公司的網站只有一兩個口號和極少量的內容，信息量嚴重不足，無法滿足具體表達的傳訊要求。那麼，什麼是內容豐富詳細呢？我們認為網頁內容至少需要包含以下2W1H：
  1. What is 是什麼？
  2. Why 為什麼？
  3. How it work 如何做？
這些問題的回答可以讓用戶更好地了解產品或服務的特點、優勢和使用方法。除此之外，還可以添加其他相關的內容，例如常見問題、使用案例、客戶評價等，以增加網站的內容豐富度和吸引力。

內容段落分明

網頁內容摘要應以搜尋關鍵字為主體，內容要求既詳盡又簡潔，但要小心不要分段過多，這樣會使內容變得過於零散，失去重點。同時，如果段落過長，缺乏停頓，也會消耗用戶的閱讀注意力。因此，在進行內容剪裁時，需要平衡內容的完整性和可讀性，達到既有詳細信息又不失重點的效果。

文字可讀性高

文字是一個網站最重要的元素，沒有文字，你的網頁就會變得毫無意義。在網頁內容中，文字顏色應以黑色為主，避免和背景色或圖片產生干擾。字體方面，建議多使用無襯線體 (sans-serif)，以便用戶更容易閱讀。此外，字體大小也要適中，建議至少要有17px (1.05em 或 13pt)。如果目標客戶主要是老年人群體，則內文的字體大小建議至少要有19px (1.2em 或 14pt)，甚至更大。

圖片補充說明

圖片在網頁中不僅可以美化內容，吸引用戶的注意力，還可以讓內容更加形象化和具體化。一張與內容意思相符的圖片，往往能夠代表千言萬語，讓用戶在一瞥之間對內容有一個大概的了解，有助於理解和提升閱讀興趣。 

此外，圖片還可以為網頁的SEO加分。通過替代文字 (Alternative Text) 的設置，可以讓Google更容易理解圖片所代表的意義，從而提高網站在搜索引擎中的排名。而且，Google搜尋器本身也可以直接用圖片進行搜索。

我們可以舉一個客戶的例子，當我們為一個網上賣琴譜的網站進行SEO優化時，告訴客戶如何在琴譜圖片管理上為圖片增加替代文字。這樣一來，當用戶在Google搜尋「琴譜」這個關鍵字時，就可以看到來自客戶網站的琴譜截圖，大大提升了網站在圖片搜尋中的排名，帶來了大量的自然流量。

因此，圖片不僅可以美化網頁、具體化內容的意思，還是網頁SEO優化不可或缺的元素。透過合理的圖片應用，可以提高網站的吸引力和可讀性，從而增加用戶的黏著度和轉換率，進一步提高網站的價值和競爭力。

視像補充說明

對於閱讀文字，即使只有短短的十分鐘，許多人也會感到昏昏欲睡，神遊太虛。相比之下，觀看視像一小時，許多人的注意力仍然能夠集中，精神保持清醒，甚至意猶未盡。視像內容能夠以多種方式傳達訊息，如動態圖像、悅耳動聽的背景音樂、配上字幕和真人發聲等，這些元素能夠讓觀眾更好地接受、理解和記憶訊息。 

在當今以GB為單位的5G網絡時代，視像已經成為主導任何媒體介面的趨勢。從YouTube Short的興起，到Facebook上一點擊就無限循環的視頻，再到TikTok更加讓我們見證了視像的力量。可以說，視像是當今媒體中最具有影響力的元素之一。

對於網頁來說，如果能夠添加相關內容的視像，不僅能夠讓網頁更具吸引力和娛樂性，而且還能夠提高網頁的SEO排名。這是因為，搜索引擎通常會傾向於顯示包含視像內容的網頁，因為這樣可以更好地滿足用戶的需求和期望。

因此，無論是從用戶體驗還是SEO排名的角度來看，視像都是網頁中不可或缺的元素。通過適當地應用視像，可以更好地吸引用戶的注意力，提高用戶的黏著度和轉換率，進一步提高網站的價值和競爭力。

著陸頁號召性

著陸頁，或稱登陸頁 (Landing page)，是網站設計中至關重要的一頁。在慎思設計業務品牌SEOSEM (seosem.hk) 的服務中，我們為客戶提供Google SEM廣告服務的設計和管理。每當有查詢時，我們首要的任務就是瀏覽客戶的網站，了解其是否符合SEM的條件。然而，令人遺憾的是，十個網站中有九個缺乏或缺少具有號召力的著陸頁。

對於我們提供SEM廣告服務的前提和必要條件來說，網站必須擁有具有號召力的著陸頁。因為，著陸頁是用戶進入網站後第一個看到的頁面，也是用戶進入網站後的第一個互動界面。如果著陸頁能夠引起用戶的興趣和注意，激發用戶的網站探索與互動，就可以提高用戶的黏著度和轉換率，從而提高網站的價值和競爭力。

因此，對於任何一個網站來說，擁有具有號召力的著陸頁是非常重要的。在慎思設計業務品牌SEOSEM的服務中，我們為客戶提供優質的著陸頁設計，幫助客戶提高網站的SEM轉換率。通過我們的專業服務，客戶可以獲得更多的流量和業務機會，進一步提高自己在市場中的競爭力和價值。

沒有號召性登陸頁的網站不要浪費金錢做廣告， 只會落得一個只有點擊而沒有轉化率的下場，我們會拒絕提供SEM服務。

什麼是著陸頁？

著陸頁在我們的定義上是指第一個截屏 (Screen shot)，相信大部分網頁都以橫幅 (Banner) 為主，當客戶到達網站第一個截屏設計必須是具有識別性的品牌形象設計，和具有號召性訊息。

什麼是號召性？

「Call to Action」是指第一個屏幕所載、所傳達的引導性訊息，它必須是針對性強、能夠直接撃中潛在客戶的痛點、並能與客戶產生共鳴的號召性訊息。 

總結以上所述，這些網站設計原素都是慎思設計在UX網頁設計方向和原則中所依據的。雖然在文章中的理論可能會有所偏差，但希望我們的作品能夠為以上的UX網頁設計理論提供實證和支持的例子。只有在實際應用中，才能真正體現這些原則的價值和作用。

盛滙商舖基金 bwfund 網站設計
unwire x cloudflare 網站設計
健髮 網站設計

同一樣的網頁設計費用，不一樣的網頁設計服務和價值！想了解更多？讓你的網站發揮應有的價值，為貴公司的業務帶來潛在客戶？今天就聯絡我們 慎思設計 isualsense！

註：此文原本在2023年1月5日發布於 HSBC滙豐機滙