網站架構規劃,準備架設網站前的第一步!

網站架構規劃對於架設網站是最重要的第一步,當你要架設網站時那一定是在想說要怎麼去規劃網站,要準備哪些資料才可以架設網站,你要了解你的網站架設目的,網站的受眾,網站是否可以符合品牌的業務方向與形象,透過整理以上的內容,讓網站可以更符合使用者的瀏覽體驗。更深入的是要知道你寫的內容是否符合SEO架構,讓搜尋引擎可以容易找到網站,讓網站帶來流量,為網站帶來效益。透過以下的內容讓你更了解怎麼架設網站。

架設網站目的與規劃

確認架設網站需求

架設網站前,需要先了解自身架設網站的動機,以下這些資訊先確認以利你架設網站:

架設網站的預算?

網站的架設預算如果小於2萬台幣建議自行架設網站,如果超過2萬台幣可以考慮外包廠商架設網站,雖然WordPress架設網站入門很簡單,但需要功能複雜的網站功能需要花時間去研究,對於新手來說並沒有那麼容易,付出的時間成本也是需要考量進去的,因此預算如果較高可以考慮外包架設網站。

自行架設網站還是發包廠商架設網站?

取決於你做網站的類型,部落格網站或是一頁式網站相對來說較為簡單,可以花些時間研究下自行架設,如發包廠商製作也行,部落客網站與一頁式網站價格並不貴,省時間成本可以考慮外包架設網站。

自行架設網站需要多少費用?

自行架設WordPress網站,需要花費如下:

網域-費用大約300~800台幣/年。

主機空間虛擬主機費用約150~400台幣/月,VPS主機費用約150台幣起/月(可依照使用量提高主機空間)

SSL憑證-通常虛擬主機空間或是VPS主機空間(並不是所有VPS主機都會提供免費憑證),都會有免費提供基礎版SSL憑證之服務,如果網站規模不大,此憑證已夠用。

外掛-WordPress最大的好處就是擴充性強,你想要的功能在外掛市場幾乎都有,有些是免費的,更多的外掛是需要付費,外掛費用大多數費用是300台幣起,有些特殊的外掛每年需要10000台幣起,因此外掛也是佔成本很重要的一環。

主題-要好看的佈景主題與快速建置網站,最簡單的就是下載主題,免費主題大部分功能都有鎖,需要付費才有完整功能,主題費用大約500~3000台幣,大部分外掛都是每年需要付費,如果你購買一年,第二年沒付費此外掛是無法更新與諮詢主題商問題,但主題還是可以繼續使用。

頁數-頁數的多寡也會影響到你的費用,每個頁面都是需要設計的,不同的頁面也許功能是不同,因此花費了許多時間成本去架設網站頁面,可以用一個頁面約500~1000台幣/頁去估算費用。

時間成本-在架設網站前你可以自行評估學習架設網站與研究並製作架設網站粗估之時間,可以考量自行架站是否划算,可以簡易評估時間成本之費用。

架設網站所需時間?

自行架設網站如果是新手製作一個簡易的部落格網站,從學習到架設網站完成大約一個禮拜,如果是形象網站架設網站大約需要一個月時間,其中要花的時時間是研究主題與外掛,並且要除bug,這對於新手來說是比較困難的。

對於有WordPress架設經驗者來說架設一個簡易的部落客網站從網域、主機購買到架設網站,大約只要花一小時的時間就可以。

已經有做品牌CIS設計?

網站的靈魂是品牌,透過品牌的形象與定位,明確的架設出網站的形象,可以提高能見度並讓品牌深植在使用者的心中。

是否需要響應式RWD網站?

響應式RWD網站對於現在的網站來說是不可或缺的,尤其現在網路使用以手機為主,如果你的網站並沒有支援響應式RWD,在手機瀏覽網站的體驗是非常差的,使用WordPress架設網站建立響應式RWD是沒有太大難度的,透過使用WordPress架設網站可以很快地建立響應式RWD網站。

自行架設網站主機架在哪邊?主機與頻寬所需規格?

過去架設主機都架設在自己電腦主機或是伺服器,由於現行虛擬主機或是VPS主機都非常便宜,提供許多服務,架設WordPress網站是非常快速與便利的,對於新手來說是非常便利的。

架設網站要看你的需要與預算去購買主機空間,如果你的預算低使用量小建議買虛擬主機就可了,虛擬主機缺點是網站的主機規格較差,如果一次沒有買多年方案,隔年的續約費用會較貴。

如預算高或是使用量高,建議可以購買VPS主機,可以選擇每月付款。

是否需要有特殊功能?

網站是否需要多語系、購物、預約、學習系統….等,這些對於WordPress的新手來說上手會較為困難,大部分的外掛都是需要付費使用,因此對於架設成本來說會影響很大。

架設網站目的與定位

網站是為了滿足你的業務目標與需求,同時提供給使用者最佳的體驗,你的架設網站規劃是需要很明確地的了解你的受眾使用者是誰,你的架設網站目的與目標,並定位出你的網站方向,明確的資訊能有效將你的資訊傳達給你想要的使用者。

網站架設類型

一頁式網站

架設一頁式網站意思是說所有的網站只會顯示在單一頁面,導覽列的選單可以跳到不同的區塊,確認好架設網站之內容與結構,可以很快速地將網站架設好,但一頁式網站較為不利SEO,通常都是用在活動頁面、簡易介紹或是爆品一頁式購物可以快速讓客戶下單,加速產品轉換率。

延伸閱讀:一頁式網站:架設一頁形象網站或活動網站

部落格網站

架設部落格網站,先將你想要呈現的主題放置在導覽列,譬如旅遊部落格,導覽列如關於我們、國內旅遊、國外旅遊、自由行、美食…等等,在規劃時間你可以思考你的部落格營運模式,後續再規劃怎麼用聯盟行銷、廣告置入..等,為部落客帶來實際的效益。

形象網站

形象網站可以分為個人形象網站或是公司形象網站,個人形象我著重於個人品牌定位,公司形象網站是將你的公司品牌推廣出去,讓使用者了解你的服務與產品,讓公司品牌可以正面推廣。

電商網站

WordPress架設電商網站的好處是費用便宜,經營成本較低,整體的頁面與銷售模式可以參考其他現有的電商網站去架設,但用WordPress架設電商網站是有難度的,對於新手來說花費的時間與費用是不符成本的,用WordPress架設電商網站要先學習建置Wocommerce、串接金流物流、訂單管理系統、折扣系統、結帳頁面優化、網站速度優化…等,由於許多需要使用到外掛或是程式碼去修改,如何串接FB像素或是GA來做再行銷,透過銷售漏斗與廣告測試再進行網站產品頁面、購物流程、結帳流程做優化,帶給使用者做最佳的消費體驗,讓消費者將體驗轉換成訂單。

多語系網站

通常會做多語系網站都是因為有中文語系以外的客戶,形象網站或是電商網站皆可以製作多語系網站,讓你有更多的機會尋求海外的合作與銷售機會,多語系的形象網站要注意的是翻譯的正確性,讓資訊有效傳達給外國客戶,提高外國客戶的諮詢與訂單轉換。多語系電商網站則需要想如何串接海外金物流系統,讓你的商品可以賣到海外,但要注意的是將貨賣到海外寄貨的時效性客戶是否可以接受或是與海外倉儲公司合作可以協助直接在當地進行寄貨退貨處理。

客製化網站

架設客製化網站,通常都是需要有特別的功能,例如:預約系統、線上學習系統、聯盟行銷系統…等,許多都需要寫程式碼,需要客製化才可以架設網站,因此通常價格會較貴,架設時間也會較長。

網站基本資料

架設網站看你的網站類型來決定你的內容,如果你是要架設形象網站,那麼你應該準備有以下資料(僅供參考):

  • 公司簡介
  • 產品介紹
  • 服務項目
  • 常見問題
  • 聯絡資訊

網站架構圖

網站架構規劃-導覽列(Sitemap)

在架設網站時最麻煩的其實是在想那些架構與內容,譬如說公司簡介,那你要想到公司簡介裡面要有公司的介紹、公司的經營理念、公司歷史年度表…等,通常都會想得頭昏眼花,這邊可以介紹用心智圖的方式去思考如果規劃你的網站架構,我常用Coggle這個線上免費心智圖進行網站架設規劃,用此方式可以很快速了解你架設網站的規劃與內容,以下為範例:

網站架構規劃-首頁

網站最重要的是首頁,可以先用線框圖(Wireframe)進行網站架構排版,用線框圖(Wireframe) 可以輕易的將你想要的內容與排版利用線條、符號與框線進行想像與溝通,簡易的製作線框圖(Wireframe) 可以使用手繪,或是用Powerpoint進行,設計專業的可以使用Photoshop、Illustrator…等進行繪制,我比較常用的是Adobe XD進行繪制,此軟體是免費使用,上手容易。但不管如何線框圖(Wireframe) 目的是方便溝通,加快你網站架設的工具。

如果沒有靈感推薦此網站I ♥ wireframes 可以從此網站獲取線框圖(Wireframe) 的靈感,或是參考其他相關行業的網站進行製作 。

網站架構規劃-頁面

頁面架設也是跟首頁一樣先用線框圖(Wireframe) 進行製作,頁面的製作複雜程度較低,但在設計上一致性要高,對使用者來說繪有較佳的瀏覽體驗。

網站架構分析

為什麼要做網站架構分析?

網站架構分析,透過網站架構可以得知現行網站需要改善的地方,網站整體是否有符合SEO規範,如何設定標題、H1、H2、H3如何設置,HTML優化、結構化資料、網站速度優化,圖片檔案壓縮、對網站使用者體驗在架設網站時都需要先行考量到這些,對於網站的SEO友善度是有很大的加分的。

Google網頁速度檢測

Gooole結構化資料檢測

Google行動裝置相容性檢測

TinyJPG圖片壓縮

有哪些網站架構分析工具

Screaming Frog

Google search console

網站風格

網站風格範例參考

Pinteresthttps://www.pinterest.com/

主要是以圖片為分享為主的網站平台,裡面也有很多網頁設計的範例,可以用關鍵字譬如說Website Design、Website Layout…等,可以找到你想要的範例資料。

Behancehttps://www.behance.net/

Behance 是一個大型的設計作品平台,擁有很多相關的設計作品,透過關鍵字搜尋可以輕易找到你想要的範例。

UI中國專業體驗設計平台https://www.ui.cn/

中國的許多設計作品,滿實用的網站可以來這邊發掘與學習。

更多架站資源

我們為你整理了更多的架站資源,請參考架站資源頁面。

分享文章:
預設圖片
Ilenke

發佈留言