top of page
person-typing-laptop-keyboard-businessman-working-laptop-he-is-typing-messages-colleagues-

資訊集合

News & Insights

2019 創建一個專業的網站


拜科技所賜,我們眼前發生的事情似乎一切的理所當然,甚至可以完成複雜多工的任務,拿起手機收看直播,甚至是用拇指左移右滑,在app裡找到愛情。

創建網站也是這些奇蹟之一,時間來到2019年,每個人都值得擁有屬於自已的在線形象,在個人品牌的推廣上,我們應該值得驕傲,因為我們的訪客會留下了深刻的印象:我們比一般人更傑出。

但要如何開始,不外乎的需要投資時間(甚至金錢)學習,更需要一些基本的正確知識才能走上正軌。今天這篇就是2019年完整指南的全部內容,選擇網站工具,自訂網域名,創建內容並且在Google上被找到,以下是創建專業網站所需的步驟:

  1. 設定目標

  2. 選擇網站工具

  3. 定義網站版面

  4. 自訂網域名稱

  5. 蒐集內容

  6. 網站架構和頁面

  7. 可用性優先原則

  8. 定義SEO

  9. 與訪客互動

  10. 優化行動端

  11. 呼叫朋友

  12. 發佈網站


1. 設定目標

網站確實可以放很多東西,但我們需要清楚最重要的目標,那也是使用者所想的。包括:

1) 線上商店,銷售商品。

2) 創作作品集

3) 宣傳行銷活動的網站

4) 個人履歷網站,用於求職

5) 分享你知識的部落格

6) 舉辦婚禮、派對和公司活動的網站

再次聲明,無論如何你的網站一定要有一個主要目標,而且是只有一個!並不是說我們不能置放其他內容,例如:婚禮攝影師可以置放他的作品,但也可以置放他的部落格,但他的主要目的一定是:讓新客戶可以聯繫到他。

用戶和Google機器人只想在最短的時間內了解網站業務,如果網站同時擁有多個主要目標,很容易讓訪問者想儘早離開。


2. 選擇網站工具

又稱內容管理糸統,意思是它具有獨立性的可完成創作、個性化和可發佈網站。

市場上有非常多種平台可以使用,每一種都有它的特性,我們選擇的Wix原因有很多:

價格:自已創建可以是免費的,而如果你想使用一些進階功能(例如預約或是電子商務),則可以升級至較高級的方案,以完整地使用。

視覺風格:這算是Wix最歡迎的產品特性,我們可以自由的DIY,也可以參考Wix設計師的作品,它是唯一一個可以適用每個人不同創意路線的工具。甚至你還可以使用內建功能的Wix ADI,由人工智能幫我們創建網站。Corix by Wix可以讓我們以程式碼的方式,建構較複雜的應用程序、API和資料庫。

All in one的介面:Wix將所需要的專業解決方案,放在同一處,包括部落格、Invoice、用戶數據,只需要從單一界面訪問。享有最新的SEO索引演算和HTTPS的安全性協議。




3. 定義網站版面

一個不負責任卻又真實的說法:訪客只需要1秒鐘,就可以決定他想不想待在你的網站,或是按離開。人是視覺性的動物,讓網站擁有一個良好的可視化結構,是至關重要的。

一個經過訓練的網站設計師,可能會從一張空白的畫布建構自已的視覺,但這對新手而言卻是困難的,所以我們需要模版。

「最好的創意是學來的。」

Wix的模版是由專業設計師所創造的 ,我們只需要新增、刪除或變更改成想要的元素(文字、圖像、色糸)。Wix提供數百個美麗的模版,部份的模版甚至已提供了一個主要目的應用程式,像是預訂或是在線商店。

拜FB和社群媒體的使用習慣,我們習慣於滾動滑鼠或是手指,這演變一個新的版型:單頁式網站。如果我們的網站內容不是非常多,可以考慮這樣的模版來創建。

更多靈感,這裡有著2018Wix設計大賞入選的15個優秀網站,當沒有靈感來源時,向優秀的人學習是個好方法。


4. 自訂你的網域名

就是www.地址,明智地選擇域名,會有助於搜尋引擎判斷你的網站,及訪客對你網站的專業及信任提升。網域名稱的選擇有幾個特性:

1. 簡短好記

2. 儘量避免使用符號、特殊字或數字

3. 最好和品牌名稱相同

網域名稱就像門牌,一但被註冊全世界就不能有第2個相同的,如果你喜歡的網域名稱被註冊走了,試試在開頭加上”the”,或更改尾端的域名,如.org或.net。

網域名我們可以到Godaddy選購。


5. 準備內容

這包括了我們的圖像、標語、影音、圖片、文字等。謹記智慧財產權,我們的內容需要透過合法的途徑取得,Wix內部也有一個免費的1000張以上的圖庫可以使用。

因外,”重質不重量”,英文叫作”Less is More.” 我們只需要篩選展示最佳的內容,因為我們在網站上放置的內容愈多,載入讀取的時間也愈長,如果訪問者等待的時間過長,他們會很沒有耐心的離開,這就是所謂的跳出率,請依此原則去優化每一個頁面。

最後,將網站品牌化,即使是小至個人的網站,我們覺得都需要一個Logo作為品牌代表,並且設定它隨時連結到首頁。



6. 網站架構和頁面

我們接觸過許多客戶,每個客戶都認為自已的網站是獨一無二的,是的的確沒錯,但站在用戶的立場,我們對於網站的架構有些必需的頁面:

1) 主頁(首頁):

我們只有一次機會,給他人留下良好的第一印象。主頁就是扮演這個重要的角色。主頁需要一個整潔有序的視覺,我們只保留最重要的訊息:Logo、品牌名稱、Slogan(如果有的話),以及可能再有一個進一步瀏覽的按鈕。確保這些資訊都在第一眼即可全部看見(意思是訪問者不需要再向下滾動或滑動才看的到)。

2) 關於我們頁面:

講述您的故事,您的價值觀,您的方法以及有助於描繪您品牌的所有其他信息。另外,我們也可以自己或團隊成員的照片,現在全世界知名的大企業(如FB),也喜歡以真面目直接面對客戶,而這樣的作法受到全世界的歡迎。

3) 產品或服務頁面:

請添加高畫質及品質的影像素材,並盡可能準確地描述您的產品/服務,甚至是購買條件(運送,退貨政策等)。

4) 聯絡我們

電話、Email、地址還有我們的社群帳號連結,如果有個聯絡表單會更加便利。

5) 部落格(非必要但強烈建議)

創建blog可以讓自已化身專家,透過文字表達專業,幫助我們建立社群,並且適合網站的SEO。

不知道寫些什麼內容嗎?不要擔心,我們可以談論客戶案例(成功案例,案例研究,訪談)或我們的故事(您參加的活動,新員工等)。但最有成效的是分享專業知識。您的讀者會喜歡發現您用來解決您(也許是他們)遇到的問題的技巧,方法。

Wix內部統計:69%的消費者會在良好的客戶體驗後向其他人推薦公司。利用口對口的力量,讓您的客戶為您做銷售。


7. 可用性優先原則

網站光只有好看是不夠的,如果希望用戶停留久一點,並且產生互動,那我們需要在網站導航上花點心思,創作良好的用戶體驗(User Experience)。

架構:就像房子裡的各個房間一樣,我們身為主人應該不希望客人會因此迷路,就像網站的各頁面需要正確的連接,因此請確保在您的頁面之間實現內部連結。

”色彩是不需要說明的語言” - by 色彩心理學

一般的規劃,我們建議是3種色調。

第1種主要色糸(約佔60%),

第2種是次色糸(約30%)

第3種的強調色(約10%)


CTA(行動呼籲):

我們希望用戶進到這個網站的主要目的是什麼?

立即註冊?留下聯繫資訊?購買商品/服務?

請記得顯眼、簡短,甚至強有力的文字來凸顯你的CTA。

請參考15種讓人無法拒絕的CTA案例:


字型:

中文字型,我們仍建議是微軟正黑體,目前它仍是Windows and Mac糸統預設支援的中文字型,這是為求網站的一致性。

字型和色糸相同,如果我們有搭配的英文字型,請記得也不要超過3種,以免視覺混亂。


頁腳:

這是指網站的底部,我們可以放著作聲明文字、社群連結、甚至可以放表單或是地圖。


菜單:

菜單是幫助用戶導航的好工具,有些網站的設計將它拿掉或是藏的比較深,可能是因為配合設計的整體性。但有可能會讓用戶感到困惑,或是不知道該點哪裡找資訊。

建議仍是將菜單放置於頁首(header),固定菜單(freeze)也是個理想的選擇。


動畫:

指的是網站的非靜態元素,例如飛入的文字、按鈕、圖形,都是為了吸引用戶的眼球,但請適度的使用,過多會讓人眼花。

滾動效果:顧名思義,是指用戶滑動下拉時,產生的複雜性引起用戶的注意,不同於一般的平滑性,你可能聽過『視差滾動』,這種類3D的效果仍是近年受歡迎的設計手法之一。


空白區域:

”Less is More.”請適度給你的網站有留白的區域,我們絕對不想讓用戶感到窒息以致於跳出網站。從平面、空間甚至到網站的設計,留白都是適用的法則。


08. SEO

Search Engine Optimization本身就是一門專業的學問,需要知識、時間、耐心和堅持,才能看到結果。Wix也有內建的SEO精靈,幫助我們一步步完成。


關鍵字:

問自己(有時會有本位主義)也要問別人,潛在訪問者可能會在Google中搜索哪些類型的問題,以便找到與您類似的網站。一旦你擁有它們,選擇一個主要關鍵字和幾個次要關鍵字,將它們放在標題、內文說明等),但切記不要過度和刻意!

搜索引擎會抓那些在內容中不自然地填充關鍵字的網站,然後讓排名下降。


每個頁面的SEO:

你的url和page seo標題,就是在Google結果列表中看到的藍色標題及內文描述,完善地編輯對排名都有幫助。


文字的層次結構:

Wix文本內的H1, H2分別有他們的用意。H1用於主標題,H2用於次標題,以此推演。它們的預設的字體大小有不同,有層次的佈建除了考慮使用者的閱讀習慣外,也是為了讓Google機器人索引提昇排名。


圖片的替代文字:

目前Google的機器人仍無法辨認網站內的圖片或GIF,請在右鍵處編輯文字,告訴Google這是什麼。


內部連結:

網站的內部連結愈多,機器人就越容易瀏覽您的網站。



09. 和訪客互動


即時聊天:

就像網站內有個像facebook的messenger一樣,我們可以和進到網站的用戶線上對談,Wix的官方統計用戶在安裝了即時聊天功能之後,電子商務的網站訂單增加了39%。


社群媒體:

您的Facebook, Instagram, Twitter等,通常我們會加在頁腳。


10. 行動優先

自從Google在去年的2018年3月發佈行動優先政策,不符合行動版本的網站排名將正式下降。手機版的網站螢幕遠小於桌機,用戶的期待也不同。請在你的手機版內刪除不必要的元素,讓用戶可以迅速找到他們要的資訊。設個快捷鍵,讓用戶可以打電話、寫email或是預訂,這是行動用戶的快速期待。

Google的行動優先原則:




11. 請你的親朋好友給回饋

語言校對正確嗎?手機瀏覽是否正常?所以連結鍵是否有效?

這裡指的不是網站架設,但卻是很有效的方法。請記住人都是有盲點的,由其當我們深陷網站架設的工作中,常讓人暈眩無法自拔,你需要一雙客觀的眼睛及中肯的建議。


12. 發佈網站,但記得再回來編輯

這時你可能已經滿心雀躍的將網站正式上線,但請隨時再回來打開編輯器,因為總是有需要改進的地方,這也是所謂的網站優化。用戶只會愈來愈挑剔,他們都希望是有原價且有價值的內容,而且要不斷更新。

另外,我們可以搭配Google Analytics, Google Search Console, Google Tag Manager這些工具,來監測我們的網站數據。


結論:

在2019年,建立網站仍然是必要的剛性需求,但請務必要讓它發揮真正的作用,請保持您的好奇心,關注互聯網的發展,並請儘可能更新您的網站內容。

bottom of page