Ranking首頁 / SEO教學 / 網站經營 / 網站架構

【網站架構】關於規劃網站架構,你一定得知道的事

網站架構

在進行網站架設時,網站架構可以說是網站的核心,規劃網站架構也因此變得十分重要,本文將會針對網站架構的各部分進行說明,如流程、架構圖、分類及分析等,希望讀者閱讀完後能更理解網站架構該如何規劃以及一些規劃上的技巧,讓規劃網站架構不再是一件困難的事。

 

網站規劃流程5大步驟

1. 整理網站基本資料與定位

首先要先整理出公司或品牌的基本資料,如公司簡介、地址與電話、營業時間、品牌故事等,接著要確認網站的定位,是電商平台、形象頁面、還是服務諮詢頁面等類別,了解自身定位之後再繼續進行規畫才不會越走越歪。

 

2.決定網站版型與內容計畫

透過繪製網站架構圖(sitemap),標示出明瞭的網站動線圖,以及各頁面的分類層級,接著再規劃網站要有什麼內容,如部落格、聯絡我們、產品介紹等。之後可以再新增IA(Information Architecture),是以sitemap為基礎,規劃出網站進階資訊配置的表格,包括主要與次要關鍵字、Slug、SEO設定、Wireframe head設定。

3. 網頁製作與設計

可以畫出一個線框稿(wireframe),標示出Header、Content、Footer 等區塊,以及各區塊的呈現方式如大圖輪播、影片播放等,還要包含文案內容、標題(h1.h2)標示、與資訊架構相呼應的頁面識別、檔案名稱命名等。之後決定想要的風格、色調,過程中務必考慮到使用者體驗(UX),並要符合RWD響應式網頁的需求,再交給網頁設計公司/人員去執行。

4. 功能開發與網址及主機選用

這就需要網頁工程師進行網站功能的程式開發,如購物車、金流平台、社群分享功能等,在網站上線之前,請務必先進行測試來確保功能無異常。接下來便要規劃網址,規劃的時候要注意網址有無SSL憑證,且網址名稱最好不要是亂碼,有意義的網址名稱可以幫助SEO的操作,也能讓使用者清楚網站的內容。主機選用的部分,則要選用能夠有效提高網站速度、有使用加密憑證、有穩定的網站運行時間的主機,好的主機能提升網站體驗與排名,也因此選擇好的主機是非常重要的。

更多關於主機選用:虛擬主機選用鐵則,讓 SEO 排名效益更上一層樓

5. 網站上線與後續維護

網站上線之後,要定期去追蹤流量變化、停留時間等指標,以利進行SEO的操作,適時進行網站內容更新,或是進行載入時間優化等,確保網站能正常運作,提高網站排名,並增加曝光率與流量。

 

關於網站功能架構圖

網站架構圖設計重點

一個規劃完整的網站架構圖必須是邏輯清晰且容易理解的,在設計網站架構圖時,首先要確定網站想要傳達的理念或事項,接著需要了解使用者的體驗流程(User flow),在這之前,必須要針對受眾的使用習慣進行調查,了解他們的想法,才能畫出符合使用者需求的架構圖。

網站架構軟體

Draw.io

網站架構 Draw.io

 

Draw.io為免費的軟體,缺點是不提供雲端儲存服務,但能儲存在Google雲端硬碟、Onedrive及電腦上。Draw.io提供了豐富的範本可以使用,除了網站架構圖以外還提供了各領域的專業圖表範本,系統本身支援繁體中文,和Google文件有相似的介面風格,簡單明瞭。軟體本身內建了許多圖庫,無論是規劃網站或是流程圖都能使用,再加上軟體速度快的優點,使得Draw.io成為許多人在進行網站架構繪製的首要選擇。

Cacoo

網站架構 Cacoo

Cacoo提供免費版與付費版,需註冊登入才能使用。免費版支援繁體中文,內建各式圖表如網站架構圖、線框圖等,可以線上儲存,還能和他人進行共同編輯,讓公司同事、專案成員...都可以線上即時編輯、互動,最多能同時讓15個人線上即時協同編輯。製作好的圖表可以匯出,但免費版只提供png下載,付費版則能匯出向量圖、pdf檔等。

 

網站架構分類階層

根據不同的網站類型,網站架構也會有所不同,但無論如何,一個網站底下通常是由很多不同的頁面所組成的,若要使網站介面簡單清楚的話,所有網頁應該會被整理分類成各個部分,因此網站通常會有幾個分類:主要分類、次分類、其他細項分類。

主要分類

以一般企業網站為例的話,通常主要分類包括:公司簡介、產品介紹、聯絡我們等。

次分類

如一般電商的各項產品分類,或是一般企業網站的各種服務細項。

其他細項分類

根據自身網站的需求,再進行更深一層的分類,此時通常會建議在網頁裡加上麵包屑導航,根據維基百科的說法,麵包屑導航通常在頁面頂部水平出現,一般會位於標題或頁頭的下方,提供給用戶回溯到網站首頁或入口頁面的一條路徑,通常是以大於號(>)出現,儘管一些設計是其他的符號(如»)。這樣的設計能方便使用者找到他所想要的頁面,避免在網站中迷路。

 

網站架構分析

網站架構分析內容

透過網站架構分析,可以了解網站運行的現況以及找出需要改進的地方,通常分析的內容有網站標題、html結構、使用者體驗等。

網站架構分析工具

Ranking

網站架構 Ranking

 

Ranking 提供了網站 SEO 健檢功能,只要輸入網址,便能分析網站安全性、網站使用體驗、網站檢索與索引、搜尋與社群預覽、內容分析等,可將分析結果匯出成pdf,介面簡單明瞭,支援繁體中文,入門門檻低,適合各程度的使用者使用。

WhatRuns

網站架構 Whatruns

WhatRuns是一款Chrome外掛程式,安裝之後在要分析的網站點一下WhatRuns按鈕,即可看見網站正在使用的所有技術如 CMS, CDN, Javascript Frameworks, Web Server, Web Framework, Font Script, Widgets, Advertising, Analytics, WordPress主題與外掛…。

 

結語

了解網站架構的規劃步驟以及各種網站架構的知識與工具後,只要善用文中的資源,並且定期追蹤網站的狀況,便一定能發現,其實做網站並沒有想像中那麼難!

Ranking也有提供網站架設的服務,提供品牌官網架設,還能協助您完成SEO設定,指定方案還贈送主機、網域、官網文章及網站排名追蹤系統,全方位守護您的網站,歡迎諮詢洽談。

 

延伸閱讀:

架站平台大評比!哪一款網站架設平台最適合你?

【網站架設4大攻略】掌握網站設計與網頁製作,打造高效益網站!

 

fb分享至 Facebook fb分享至 Line

向 Ranking 諮詢網站服務與報價

您正在尋找網站服務嗎?Ranking 提供網站架設與代管服務,我們設計的網站能確保您在操作 SEO 時擁有最良好的網站架構,讓您省下一筆可觀的優化費用。