建置網頁通常是很繁瑣的,大多數的人花了很多時間建置了一個自己覺得相當滿意的電商網站,然而卻遺漏了一些細節,讓使用者感到不便利,甚至對其產生負面觀感。想像你在一個電商網站中瀏覽,然而點擊的頁面卻跳出「網頁出現錯誤」或「404找不到該網頁」,你是否會有一種被耍的感覺,進而對該電商網站產生不信任感呢?

為了避免以上情形發生,建議可以根據檢查清單,一步一步檢查版面、相容性、功能性、內容等,盡可能創造一個對使用者友善的電商網站,不但使其產生黏著度,更為你創造無窮價值!快來看看TransBiz為你整理的8個電商網站健檢清單:

1. 版面 Layout

或許有人認為版面呈現出來的就只是視覺效果罷了,挑一個看起來順眼的版型就好。然而版面的選擇並不只關乎視覺效果,更重要的是使用者是否能很直覺、簡單地找到他所想要的資訊,操作上是否便利。因此在版面中,你一定不能忘記以下重點

  • 首頁要清楚地顯示Logo
    當然,Logo的設計也不能馬虎,其圖像若是專業且吸引人的話可以為電商平台帶來附加價值
  • 打動人心的標語
    若有吸引人的口號或標語可以增進使用者繼續向下閱讀並了解細節的傾向
  • 明顯的產品或服務介紹與促銷訊息
    讓使用者一進入電商網站便能了解你所販售的商品或服務,並且能快速掌握促銷訊息,增加購買機會
  • 行動呼籲(call to action)的設置
    行動呼籲可以將使用者更直覺地導入銷售頁面,無疑是增加銷量一大利器
  • 增加搜尋欄位
    找不要想要找的資訊是惱人的,因此增加搜尋欄位可以使使用者更快速地找到所需的資訊
  • 優化圖像位置
    注意圖像的顯示位置並且檢查在其他行動裝置中閱讀的情形

 

2. 相容性 Compatibility

拜科技日新月異所賜,現今已不再只有傳統桌機可以瀏覽電商網站,除了手機、平板外,甚至智慧電視都是瀏覽網站的媒介,然而在眾多媒介中,又以手機80%的比例最高,其次是平板的47%。此外,在瀏覽器方面也有相當多選擇,因此在軟硬體的相容性方面是電商網站不容忽視的小細節。

Source: Smart Insights
  • 瀏覽器相容性
    確保網站與各大主流瀏覽器相容,例如Google Chrome、Mozilla Firefox、Safari、Internet Explorer等
  • 行動裝置的友善使用介面
    從上圖的調查可發現,絕大多數的人是透過行動裝置瀏覽網站,因此你的電商網站最好是以響應式網頁設計(Responsive Web Design, RWD),RWD 可以使網頁在行動裝置上最佳化,不需要另外獨立製作行動版網站,更不用特別調整外觀、尺寸、位置、樣式等,是讓網站自動去適應行動裝置,因此可以配合各種行動裝置的運用
  • 優化層疊樣式表(Cascading Style Sheets, CSS)
    透過優化層疊樣式表告知瀏覽器如何顯示HTML的原件,並設定文件段落間隙、字形選用、文字顏色、與文件外觀上的訊息

3. 功能性 Functionality

毫無疑問,使用者期望在造訪網站的過程中必定是流暢無礙,因此一些小故障或功能失靈將會影響你的跳出率(Bounce Rate),使你在培養潛在客戶上更加困難。根據統計,有55%的使用者不願意多花超過15秒的時間在網站上,因此你必須確保功能一切正常運行,盡可能地使網站跳出率降低。

Source: Hubspot
  • 所有的連結導入正確的頁面
    確保沒有不完整的連結與404找不到網頁的訊息
  • 無煩人的廣告與無法關閉的彈出視窗
    煩人的廣告與無法關閉的彈出視窗會破壞使用者對網站的好感度與使用經驗
  • 設定網站小圖標(favicon, favorites icon)
    在網址前所顯示的網站小圖標看似微小,但其實對品牌的經營格外重要,並且可以和競爭對手產生區隔

4. 網站速度 Site Speed

速度對多數人來說是影響使用經驗的關鍵因素之一,等待時間越長,放棄網站而離去的機會越高。據研究調查顯示,等待時間超過3秒,你就已經失去40%的造訪者。而在網站排名方面,自2010年,Google開始將網站速度納入成為衡量網站排名的因素之一

Source: Kissmetrics

相差一秒會差很多嗎?答案絕對是肯定的!

多等待一秒的時間,會減少11%的閱覽率、讓消費者滿意度下降16%、更會失去7%的轉換率!因此一秒之差影的響層面牽涉深遠,由以上數據不難看出速度對網站的重要性,因此建議最好將等待時間壓在3秒以下

  • 檢查網站速度
    你可以使用Pingdom Website Speed Test它可以提供你精確的速度及一些可以加強你網站表現的insight
以Pingdom Website Speed Test測試Zara電商網站
  • 使用較佳的伺服器
    伺服器的好壞會影響網站速度,若使用性能不佳的伺服器不但速度較慢,也不能負荷短時間高流量的衝擊
  • 啟用瀏覽器快取
    在一般網頁與手機等行動裝置的畫面做快取,讓瀏覽器儲存部分網頁內容,尤其是下次再次瀏覽該網頁時便能加快載入,可以大大降低主機負擔,更提高網頁載入速度
  • 勿使用過多的圖片及影片
    吸引人的圖片與影片無疑對電商網站來說是一大助力,然而過多的圖片或影片會增加網站的載入速度
  • 勿使用過多的插件
    插件可以增加網站的功能性,但過多的插件反而會使網站變得不穩定

5. 內容 Content

內容對電商網站來說是最重要的,畢竟徒有功能性或速度卻無內容,使用者也無從自網站中得到所需的資訊,那麼再次造訪網站的機會便大大降低;同時,不專業或中庸的內容甚至會影響你的網站在使用者心中的印象,而優質的內容可以增加你的轉換率(Conversion Rate),這就是為什麼你要為增加一字、刪減一字煩惱的原因。

  • 亮色背景、深色字型
    使用亮色背景與深色字型可以使你的網站更易於閱讀,同時更要避免不美觀且難閱讀的文字方塊
  • 徹底校對
    你應該徹底校對每一個頁面與部落格文章中的文法與用詞,可以的話最好請第三方再仔細檢查一次,這樣往往可以發現你遺漏的錯誤
  • 引人入勝的標題
    標題能最快速使人掌握文中內容,而吸引人的文句會大大增加使用者想仔細讀內容的誘因
  • 增加引人注意的視覺效果
    據統計,有46%的行銷人士指出圖片或視覺效果對內容行銷是相當重要的,在放置圖片時除了要注意解析度、是否可以在任何行動裝置中皆能顯示外,對於有版權的圖片更要詳細註明出處,否則可能會有觸法或其他更嚴重的反效果
Source: Hubspot
  • 觀點一致的影片
    在內容中適時插入合適的影片不但能作為輔助,更能增加內容的豐富度,不過仍然要注意版權及各個行動裝置的相容性
  • 可以下載的內容
    再次檢查可下載的內容如電子書、簡報等檔案是否正確且下載功能是否正常
  • 重要資訊放在明顯處
    例如價格、聯絡方式、FAQ、社群連結等重要的資訊要至於明顯處。若你的電商網站是販售產品,那你的頁面中一定少不了詳細產品資訊、尺寸大小、具有可放大功能的圖片、購買數量、付款方式、退換貨條款等

6. 搜尋引擎優化 Search Engine Optimization

想讓你的電商網站在人們搜尋時列在第一頁嗎?那麼你一定不能錯過SEO!

SEO的目的是讓搜尋引擎看懂你的網站內容,使你的網站排名出現在自然搜尋結果的前面,使使用者比較容易注意到你,進而獲得高流量。更多關於SEO的內容可以參考<網頁SEO優化入門,看這一篇就夠了>與<破解SEO網站評比標準迷思,三面相讓你不再為SEO做白工>

  • 關鍵字搜尋
    事先做好關鍵字調查,思考潛在消費者會搜尋的字詞,挑選出適合埋放放的關鍵字
  • 選擇長尾關鍵字(long-tail keywords)
    據研究顯示,長尾關鍵字較能在相同類型的競爭者中脫穎而出
Source: Neilpatel
  • 關鍵字安插在標題、敘述與URL中
    標題會直接影響關鍵字搜尋的排名,而將選定的最佳關鍵字埋入標題與中可以提升搜尋效果。多數人在建置網站時使用會沿用亂數碼組成的URL,然而在搜尋引擎的演算法偏好擁有敘述性、永久性的URL,因此有較高的曝光機會
  • 簡潔且易懂的URL
    太長的URL會造成使用者的不便,因此URL的設定最好可以以簡短且容易了解的方式呈現
  • 標籤的運用
    加合適的標籤在你的文句、圖片及影片中

7. 分析Analytics

建置一個電商網站無疑是希望可以穩定使用者的人數、增加網站的流量、增加使用者造訪網站的次數與停留時間、提升轉換率等,為你創造無窮價值與商機。但這應該怎麼做呢?最常被使用的工具就是透過Google Analytics(GA) 來分析數據,除此之外,你也可以使用Crazy EggKissmetrics  等其他的工具分析瀏覽你網站的人到底點擊了什麼產品、次數、停留時間等數據

  • 埋入分析碼在你的網站中
    透過埋入分析碼讓GA等工具可以偵測並記錄造訪你網站使用者的使用行為
  • 設立目標
    針對轉換率(Conversion Rate)等指標設立與達成的目標,並依據其目標做策略的發想

8. 安全性 Security

資訊安全近年來是常被討論的議題,同時也是多數使用者最在乎的問題,畢竟誰也不希望因為瀏覽網站而個人資訊、使用習慣等資訊被竊走,尤其是針對企業、健康醫療、財務金融等領域。根據Privacy Rights Clearinghouse  統計近三年的網路攻擊事件,有持續上升的趨勢,因此安全性也是影響使用者對電商網站觀感的一大因素。

Source: securityweek
  • 網站建置在安全的主機上
  • 備份網站訊息
  • 安全的付款系統
  • 使用安全登錄系統
  • 登錄頁面完全加密
  • 勿分享登錄訊息給第三者
  • 確保網站抵擋DoS(Denial of Service)的攻擊
    DoS是網路駭客最常使用的攻擊,你可以使用Cloud mitigation provider 減緩攻擊

在你的網站建置上有遺漏這些檢查事項嗎?雖然項目不少,不過耐著性子仔細檢查,畢竟魔鬼就是藏在細節中,在檢查電商網站網站之餘,做適度的調整與最終的確認,相信網站上線後一定可以在眾多競爭者中脫穎而出!

Ethel Lee
Ethel Lee

「It is now or never!」有些事情現在不做,以後就永遠不會做了!

相信年輕時走過的路都會化作生命的養份,長成未來的茁壯,於是學習各種技能、儲備能量,懷抱著一顆宏大的心,跳脫以往的舒適圈,享受創新與挑戰,更敢於嘗試與冒險,拒絕一陳不變!希望在電子商務這有趣的產業中,幫助台灣優秀的產品走向國際!

[{"Seq":1
[{"Seq":1
"Name":"First Name"
"Name":"First Name"
"SchemaName":"FirstName"
"SchemaName":"FirstName"
"Type":"text"
"Type":"text"
"CtrlType":"textbox"
"CtrlType":"textbox"
"IsMandatory":"1"
"IsMandatory":"1"
"DisplayName":"Name"
"DisplayName":"Name"
"MinLength":""
"MinLength":""
"MaxLength":"100"
"MaxLength":"100"
"DefaultValue":""
"DefaultValue":""
"MaskText":null
"MaskText":null
"OptionValues":""
"OptionValues":""
"ChildFields":[]
"ChildFields":[]
[{"Seq":1
[{"Seq":1
"Name":"First Name"
"Name":"First Name"
"SchemaName":"FirstName"
"SchemaName":"FirstName"
"Type":"text"
"Type":"text"
"CtrlType":"textbox"
"CtrlType":"textbox"
"IsMandatory":"1"
"IsMandatory":"1"
"DisplayName":"Name"
"DisplayName":"Name"
"MinLength":""
"MinLength":""
"MaxLength":"100"
"MaxLength":"100"
"DefaultValue":""
"DefaultValue":""
"MaskText":null
"MaskText":null
"OptionValues":""
"OptionValues":""
"ChildFields":[]
"ChildFields":[]