舊網站改版需要注意哪些項目?7個改版建議讓網站變成行銷利器
目次
網站本質是3C產品,雖然網站看起來還能用,但會因為科技的進步、建置技術不斷更新,變得不符合時代而被慢慢淘汰。
就以IE為例子,20年前的主流瀏覽器是IE,後來漸漸被Chrome取代之後,Chrome已經不再支援部分網站技術,Flash就是一個最好的被推入歷史時代的案例。因此網站必須跟著主流技術改版,來確保使用者的瀏覽品質。
以下分享網站改版需要注意的7個項目,讓網站能夠成為企業的行銷利器。
1.審視流量分析,重新梳理網站架構
如果舊的網站有裝GA流量分析工具,就可以分析訪客都喜歡看什麼內容,或是在哪些頁面停留時間比較久,這些頁面的資料要好好歸納整理、補充內容,變成是新網站的重點資訊。也可以透過流量分析工具找到每個單元需要著墨的比重,重新列出新網站的架構,將比較不重要的單元連結放在次要位置,甚至是刪除,將重點資訊放在主要選單或首頁入口版塊,提升網站資訊呈現的友善率。
2.思考使用者搜尋意圖,配置單元版面
網站是為了滿足使用者尋找答案的工具,因此使用者進來網站的意圖非常重要。如會來看一個企業網站的群眾可能有投資人、採購商、下游合作、公司員工、求職新人等,大家來看網站的目的都不同,因此必須定義使用族群,著重幾個族群做來設計各個單元的版面會比較精準。3.RWD響應式網頁技術,符合各種瀏覽裝置
不論是哪種類型的網站,使用者使用手機行動裝置瀏覽的比例越來越高,以愛貝斯的客戶來說,就算是企業官網,也都有30%左右的行動裝置瀏覽者,而生活類型的網站,如餐廳、旅店等就更不用說了,行動裝置瀏覽佔了70%以上。因此網站改版一定要優先選擇使用RWD響應式網站技術來建置,才能一站符合手機、平板、電腦三種裝置的版面瀏覽需求,維護也只要在同一個網站內,省去非常多的功夫。
符合趨勢的視覺設計
- 愛貝斯網頁設計案例:五桐號
- 愛貝斯網頁設計案例:惠友運動
近幾年的網站頁面有越做越長的趨勢,這是因為行動裝置瀏覽習慣的關係,大家用手機看網站會習慣不斷往下滑動。因此在設計上必須要把關聯性的重點,盡量放在同一個頁面,引導使用者點擊,不然在網站內很容易就找不到該看的資料。
4.好操作的後台
網站建置好後必定會遇到資料更新的議題,如發布最新訊息、公司電話,如果有訂單功能的話,也都需要好的後台才能方便管理,因此一個人性化,好操作的後台會非常重要,好的後台設計會盡量減少使用者輸入原始碼,透過一對一欄位就能做好頁面的上架更新。5.有SEO優化的網站
如何架設好的SEO網站?這幾乎是網站建置一定會碰觸到的議題,其實SEO是可以自己經營的,只要有耐心的布局網站資訊,不見的要透過專業的SEO行銷公司。但要自己經營SEO,前提是網站要有SEO優化過的體質:
- 頁面的Title、Description、Keywords,簡稱TDK,可以自己撰寫 (如何撰寫SEO TDK?)
- 每個頁面都需要有H標籤,幫搜尋引擎畫重點
- 圖片要有Alt,幫助搜尋引擎認識圖片
- 要友善行動裝置閱讀,建置RWD響應式網站
- 網站體感速度要優化,不能讓使用者開網站等太久
SEO優化是一個非常大的議題,但以上五點是基礎一定要執行的SEO項目,有了這些基礎,排名就可超前不少了。
延伸閱讀:SEO是什麼?
延伸閱讀:影響SEO排名的13個關鍵因素
改版後一定要處理的SEO議題
愛貝斯這幾年的經驗發現許多業主不敢執行網站改版其中一個原因是擔心多年累積的SEO權重或流量會消失不見,但其實只要做好以下4個SEO改版處理,權重不但可以無痛轉移,更可以符合現行搜尋引擎的演算法,做到分數加乘的效果。1. 清除重複內容頁面
曾遇過有客戶想要保留舊站,但又同時計畫建立新站來擴大SEO範圍,這撒網捕魚的概念固然正確,但要注意的是如果兩站的內容太過雷同,Google是不會採納的!與其將預算瓜分在兩個網站上,不如集中火力,認真經營其中一個網站,也避免相同關鍵字效益被稀釋。2. 做好301轉址
許多客戶會擔心新網站上線後,舊網站所累積的SEO權重是否會憑空消失?更擔心辛苦爬升的排名會因此大幅下降。網站改版視同網站重新優化,對於排名或多或少是有些許的影響,但在網域不變的情況下,只要做好301跳轉,SEO權重是可以轉移到新網站上的!
3. 建立404跳轉頁面
網站改版的架構勢必會有些變動,導致因為網址重新指向新的網頁,又或是使用者輸入錯誤的網址搜尋,舊有的網址會出現錯誤頁面(意即網址找不到對應頁面),Google為了讓使用者可以擁有良好的使用體驗,會要求網站需要建立404頁面,來指引使用者能進入正確的頁面瀏覽,來延續使用者體驗體驗,避免遭到中斷,同時也提醒使用者網站已經改版或網址錯誤才導致網站無法顯示。並指引他們到正確的頁面瀏覽。延續使用者體驗體驗,不會惡意遭到中斷404頁面有許多表達方式,也可以加入巧思或是插圖來增加404也面的趣味性。404頁面必須擁有以下幾點內容,或是達到相關訴求,才是完善的404頁面:
- 404頁面也是網站的一部分,若能延續網站風格,整體會更趨於一致
- 清楚告訴使用者此頁面是無效的理由,例如:網站不存在,或是網址可能輸入錯誤
- 提供延續使用者體驗的連結,例如:回到首頁的按鈕
4. 重新提交Sitemap至Google Console
網站改版後網站架構勢必會不相同,若不主動告知Google,它並不會知道有新的網站上線,因此我們要提交Sitemap至Google Search Console提醒Google新網站將上線,請來收錄網站內容,讓使用者可以在搜尋引擎上找到網站。6.重視資訊安全
近幾年駭客事件頻傳,網站是代表公司的門面,如果資料被換掉,或是被入侵,對於形象都是一大傷害。因此在網站建置過程就必須導入網站資訊安全的概念,從程式源頭開始就做好防護,再搭配適當的資安產品,就能起到不錯的網站防護效果。7.找到好的網頁設計公司
網頁設計是一個涵蓋範疇非常廣的工作,包括前期企劃、視覺設計、程式設計到後續的主機維運、資訊安全,都需要專業人士才有辦法通盤處理。因此找到一個有經驗、有良好溝通窗口的網站公司改版網站非常重要。這邊可分享一篇文章:尋找網站設計公司建置網站必須要注意的9個重點,讓你尋找網頁設計公司不踩雷。
網站設計專欄
SEO經營指南
第一章:SEO是什麼?SEO行銷知識懶人包,了解SEO優化的基礎 - 愛貝斯
第二章:影響SEO排名的因素有那些?掌握13個關鍵因素讓SEO優化變簡單
第三章:搜尋引擎的運作原理,了解Google如何替網站排名
第四章:頁面內容優化 (On-Page-SEO) - SEO網頁設計優化技術詳解
第五章:如何寫出符合SEO結構的文章?想做好SEO先搞懂文章怎麼寫
第六章:SEO關鍵字排名研究-如何找到有效高流量SEO關鍵字?
第七章:一次搞懂SEO反向連結、錨點文字,透過建立連結創造高流量
第八章:網頁設計對SEO非常重要,選對網頁設計公司,讓SEO事半功倍
第九章:SEO必不可少的工具,免費關鍵字分析工具大解析!
-
客製化網頁設計與套版網頁的差別,到底該怎麼選擇? 其實可以從網頁設計流程看出其間差異與優缺點。網站是否將企業DNA融入網頁設計元素,對企業辨識度與使用者體驗真的差很大!
-
市面上網頁設計方案常見為模板/套版型網頁設計、模組型網頁設計與全客製化網頁設計,無論是選擇哪一種設計方案,都能完成企業品牌的網站建置任務,其中的差異將顯現在「設計細節」與「建置流程環節」。
-
網站設計8大須知,從確認聽眾一直到手機板體驗強化,到處都是不可馬虎的細節。
-
Wordpress是非常強大的架站系統,只要動手拉一拉,就能得到一個網站。但優化的細節複雜,需要專家來幫您處理。
Seo Article
更多網頁設計QA相關文章
在本SEO指南的第二章中,您將學習搜索引擎的工作方式,人們如何使用它們以及他們提交的搜索查詢類型。我們將介紹Google的技術背景。