如何製作網站?網站架設前應該要準備什麼資料?(重點彙整+注意事項)

文章最後更新日期:2023-02-21

本篇將會跟你說明網站架設之前,應該要準備什麼資料,可以讓正在決定開始製作網站前的你更了解網頁設計建置前的一些眉眉角角!那我們直接看下去~(透過快速導覽也可以點擊想看的內容哦)

網站架設前要準備哪些東西?

在開始決定要製作網站之前,你可以先簡單釐清一下自己的網站需求有哪一些,知道自己建置網站的目的,才能知道接下來你應該準備什麼樣的內容、做出什麼樣的網頁設計風格。就算是想要委託網站架設公司來製作,你也要可以清楚的表達自己想要的需求、提供相關可參考的資料,畢竟最了解自己的產業領域、最了解自己的消費者,一定是你自己。

接下來在文章中,會告訴大家網站製作前你要先理解以及準備的事項,包括:

  1. 了解自己網站架設的目的
  2. 網站受眾目標要如何定位
  3. 開始規劃想要的網站樣貌
  4. 要自架網站還是委外製作

了解自己網站架設的目的

馬斯洛的需求理論中,提到人類所需的最低的生理需求,沒有生理元素,就不會有更高的層次。同樣地網站製作也有從最低階段開始要評估的要點:

  1. 為什麼要做網站目的為何
  2. 一般常見網站類型有哪些
如何製作網站?

為什麼要建置專屬的網站

下定決心開始來做一個網站前,我希望大家別太衝動,畢竟一個網站製作下來,不論是時間成本、費用預算,都是需要投入的。請先思考一下:你做網站是要用來幹嘛的?要做形象?要紀錄你的作品?還是你想要販售商品呢?

這邊建議大家可以簡單用一句話,來說出自己架設網站的目的,比如:

「我是一名自媒體經營者,常分享知識型的內容,希望可以有一個部落格來累積這些知識,並用網站塑造較專業的形象。」

「我是一個蝦皮賣家,目前賣場趨近穩定、客群也很忠實,想要自己獨立架設一個形象結合電商的平台,來讓顧客方便下單。」

「你是誰+做什麼+網站目的」用這樣簡單的組成句子,就可以先初步定位出自己架網站的目的了,方法很簡單,提供給大家參考。

如何製作網站?

知道自己要做的網頁類型

針對不同要達成的網站架設目的,要做的網站型態當然也就不一樣了,一般來說網站的基本類型大概就分成以下幾種,以下會一一為大家介紹:

  1. 品牌/企業形象網站
  2. 購物網站/電商網站
  3. 一頁式網頁
  4. 個人部落格
如何製作網站?

品牌/企業形象網站

形象型的網站,大部分是企業、品牌或是個人工作者在製作的,這類型的網站通常是需要能夠「展示形象與服務」的目的,也就是在網路上向消費者介紹自己,並傳達品牌理念、企業精神

一個完善的網站,能夠替這些公司清楚地傳遞所提供的服務項目,甚至透過廣告、內容的操作,讓陌生客群能夠在網站上找上你。對於個人工作者來說,與客戶洽談業務時展示出網頁,也能夠增加顧客的信任度,更一覽所有的服務及作品。

如何製作網站?

購物網站/電商網站

購物網站簡單來說就是用來「販賣商品」的網路商店,包括電商及擁有實體店面的店家,種類廣及家電、服飾、食品、鞋子、3C商品等。

若你的目的為銷售商品,除了方便讓既有客戶下單以及提供更完整的資訊以外,消費流程的安排也需要多方考慮,包括版面配置、銷售文案撰寫、廣告圖製作⋯再藉由內容行銷SEO去開發網路客群流量,這也是今年消費型態轉變與多實體店家想轉型做網路生意的原因之一。

如何製作網站?

一頁式網頁

顧名思義,一頁式網頁就是將所有資訊都集結在同一個頁面裡,這類型的網站常用於「商品銷售頁、短期活動網頁」,一頁式網站之所以火熱,也是因為它導購的目的明確、清楚

最常見的一頁式商品銷售頁,會將商品的所有特色、認證、評價或購買方式,都集中在同一頁面,當你看完這個頁面,默默的也就按下購買按鈕了。因此一頁式網頁較重要的是內容的鋪陳,當介紹內容夠讓消費者怦然心動,他們就會對你產生興趣,而這部分在製圖及文案的表達就非常重要了。

推薦課程:人人上手的設計學-電商廣告圖製作心法

如何製作網站?

部落格

不論是技術分享者、知識型創作者、時事觀察者、作家、美食部落客⋯只要你是屬於正在經營自媒體、個人品牌的人,那麼擁有一個完善的部落格系統網站,長久下來還是非常有用的,這些和大家分享的各種觀點、資訊,所有內容的流量,會集結在自己的網站內,當瀏覽者開始會在google、社群中搜尋到你的內容,那麼就間接達成行銷自己的目的了。

現在也有許多企業或品牌,都會在自己的形象網站內搭配部落格文章來提供有價值的資訊,藉此來達到SEO內容行銷的目的,可說是歷久不衰的行銷操作。

如何製作網站?

網站受眾目標要如何定位

了解自己的網頁製作目的及要製作的型態後,你可以開始定位你的目標受眾,在這部分大家可以以下兩個點來試想:

  1. 網頁的瀏覽者是什麼族群
  2. 受眾會有什麼特定的習慣

網頁的瀏覽者是什麼族群?

誰會要進入你的網站查看?最主要的是哪一個族群會是誰?這個分析對於你製作網站可說是極為重要,因為我們就必須搭配這些族群,來去做到合適的網站規劃。

舉個例子,假如我是販賣 0-3 歲嬰幼兒用品的店家,產品在同行中,雖不是最高級,但屬於經濟實惠型的。那麼我可以假設會購買我產品服務的,可能會是家庭經濟收入不高、會多方比價的 25-35 歲的家庭主婦,比起外觀,這些人可能更在乎價格、耐用性,那麼你在文案的敘述上就要多強調這塊。

而行銷要做的好,對於瀏覽者的分析當然不能只有假設。線上網站追蹤的工具有非常多種,經典的數據追蹤:Google分析,就是一個由Google所提供的網站流量統計服務,可以清楚了解進入你網站的客群樣貌,可說是做網站必裝的一項服務!

如何製作網站?

網站受眾有什麼特定習慣

知道族群定位後,請再想想看,這個族群會有什麼樣的習慣或特性呢?假設你的族群定位是中高齡者,他們大部分都使用手機來上網,那網站設計就要以手機好閱讀為主,另外在操作上,他們可能會需要簡單、字體清晰的文案及直白的圖片。如果你的網頁做的很細緻、字很小、很漂亮⋯但資訊不易閱讀,這些叔叔阿姨們可能會一秒離站。

綜上所述,你就可以試著用一段敘述來描述可能會進入網站的瀏覽者了。

如何製作網站?

開始規劃網站架構內容

網頁建置的目的及受眾定位,就像是做漢堡你要先有兩片麵包一樣。我講到這邊,大家應該有比較清楚了吧?接下來就可以開始思考要放什麼料進去了。

做網站前要怎麼開始準備內容,這邊說三個要點讓大家了解:

  1. 網站製作想要放置什麼內容?
  2. 喜歡的網頁設計風格怎麼找?
  3. 如何準備網站文案及素材圖?

網站製作想要放置什麼內容?

簡單來說,就是你的網站選單上想要放置哪些項目。基本形象網站通常會見的架構有:

  • 首頁
  • 關於我們(品牌理念介紹)
  • 服務項目
  • 案例介紹
  • 聯絡我們

如果是電商結合形象網站,常見的架構是:

  • 首頁
  • 關於我們(品牌理念介紹)
  • 線上商店
  • 服務條款、退換貨政策
  • 會員專區

這些都是做一個網站最常見的網站架構,若真的沒有頭緒,這邊也提供一個小技巧,那就是直接找同行的網頁來參考,同行怎麼做,哪些是你想像樣子,透過觀摩、查找就可以慢慢的架構出自己的型態,這個做法應該可以讓你瞬間有很多想法。

如何製作網站?

喜歡的網頁設計風格怎麼找?

想要呈現的網站設計風格是怎麼樣的,就建議大家多逛幾個同產業的網站,或是搜尋網頁設計公司的案例所品,將你喜歡的風格蒐集下來。

如果毫無頭緒的話,也推薦大家可以到我靈感泉源的網站 Pinterest 上,依照風格搜尋「Web Design」,就會出現很多相關的參考,如果你是委外網站架設公司製作,那麼直接傳圖片給業者,他們也會很快地了解到你喜歡的風格是什麼。

網頁設計範例,
Pinterest 搜尋Web Desdign
如何製作網站?
網頁設計案例

如何準備網站文案及素材圖?

好的文案及素材,是造就網站豐富性的一大關鍵,不論是品牌理念、銷售文案的文字準備,都可以先自己初步打一些內容出來,或是交由專業的文案寫手來替你撰寫。影像素材除了自家拍攝的圖片外,也推薦 unsplash 這個由各地的攝影師集結的素材網站,裡面照片的細緻度很讓人驚艷,更是可以拿來作為網站使用的,下載時請大家保持著感恩的心。

當差不多準備好網站要用的相關文案內容及可使用的影像素材,就可以開始編排網頁的設計畫面了。

,網頁設計作品,
超美素材圖庫Unsplash

自己架設網站還是委託網頁設計公司製作

最後進入到設計及建置的階段,可以依據自己的需求來決定要怎麼做,而網站架設有分三種方式:

  1. 自己網站架設的平台介紹
  2. 向網路開店平台購買服務
  3. 委外找網頁設計製作公司

自己網站架設的平台介紹

如果有時間研究,希望自己動手來架設網站,可以到網路上搜索相關的網站架設教學,現在網站製作的教學資源是非常豐富的,那就簡單跟大家介紹常用的自架站平台:

  • WIX
  • Weebly
  • WordPress
WIX
Wix官方網站

WIX

WIX的網站架設系統以簡單出名,不需要安裝困難的程式,就能夠快速建立一個不錯有質感的網站。WIX擁有超過500種設計模板,不論是餐飲、電商、企業,都有相符合的模板可以套用,如果你真的對於網站一竅不通,只想要初淺的功能,那WIX會非常適合你。不過WIX它的介面都是英文,操作上就需要再習慣一下了。

Weebly
Weebly官方網站

Weebly

若是對英文不在行的朋友,那Weebly肯定會讓你很喜歡。Weebly的網站操作介面以中文為主,編輯網頁也十分容易,可以在短時間內架設起一個具有購物車、結帳、庫存、追蹤、產品篩選的線上銷售網站,對簡易電商來說也算是一個不錯的選擇。

WordPress

WordPress

WordPress 是 CMS 系統中最受歡迎並廣泛被使用的網頁製作平台,根據2020網路數據調查中顯示,使用WordPress作為架站工具的網站占了37.0%。由於WIX跟Weebly操作較簡單上手,做出來的網頁也較簡易,相對來說要做到客製化網站的難度比較高,這時若想要更高階更符合需求的網站製作,非WordPress莫屬了。

目前在台灣,很多中小品牌、企業也都是使用 WordPress 來架設網站,對於搜尋引擎來說,用 WordPress架設的網站能見度會相對高,目前也還是有很多人推崇與使用 WordPress 做為網站架設製作的工具。

延伸閱讀: 什麼是Wordpress?

向網路開店平台購買服務

如果你是銷售類型的網站,好用的開店平台可以幫你解決網站版型、金物流、數據串接等複雜的問題,以下三個開店平台也是目前在台灣較熱門的選擇:

  1. Shopline
  2. Meepshop
  3. CyberBiz

Shopline

Shopline亞洲最大的網路開店平台,擁有30天試用期,可以免費試用網站所有功能。完善的自助式線上電商教學、提供Google廣告串接、代操作廣告的服務。方案則根據需求分為網店新手、電商達人、全通路大師。年費價格分從NT 35,000/年~NT 94,000/年不等。

Shopline
允諾Shopline建置案例-晶活萃Skincare

Meepshop

Meepshop有個最著名的功能叫做「天眼」,擁有瀏覽追蹤、點擊追蹤、留存追蹤,幫你鎖定消費者的一舉一動,真的是天上之眼。

Meepshop的方案分別為銀神燈、金神燈、鑽石神燈。收費方案有銀神燈 NT 30,000/年,適用一個月營業額20萬以下的店家、金神燈7,2000/年,適用於一個月營業額超過20萬的店家,而鑽石神燈 NT 144,000/年,則適產業別的需求而定。

Meepshop
meepshop操作介面

CyberBiz

俗稱架EZ,CyberBiz特別的是有自己的智慧倉儲中心簡化了網店的物流管理作業,讓出貨流程自動化。還可同步串接品牌官網、購物App、FB商店、行銷平台。CyberBiz的方案分別為專業級老闆、進階級老闆、高手級老闆、旗艦企業主。收費價格從NT 27,000/年~NT 64,800/年不等。

當然如果是剛起步有預算的商家,也許年費本身對你來說就是個負擔。為此允諾推出的小型電商網站閃電方案,屬於一次性買斷的購物網站,設計師獨家款的版型設計讓你不撞衫,後續的操作維護將由商家自行管理,不令抽成、收取維護費,如果預算上有限制的人不仿參考看看。

CyberBiz
允諾小型電商網站方案

若你真的不想自架站,也不想用開店平台,那麼可以花點費用委託網站公司來製作,想要知道怎麼找到一個推薦的網頁設計公司,可以參考:【新手必讀】網頁設計公司怎麼選才不踩雷? (重點分析+注意事項)

網站設計範例

網站製作前的準備總結與重點回顧

最後我們簡單的做個重點回顧:

  1. 決定做網站前,要先了解自己的網頁架設目的,並確認自己要做的網頁型態是屬於:形象網站、購物網站、一頁式銷售頁還是純部落格系統。
  2. 定義出自己的網站目標受眾,可以用一句話來描述該族群的樣貌、習慣,包括:性別、年紀、特徵、裝置使用型態、消費習慣。
  3. 開始規劃網站內容時,先評估:網站內要放什麼東西?喜歡什麼網頁風格?並且準備相關的文案內容及影像素材。
  4. 架站的方式很多種,要自己架、用開店平台的服務還是委外製作,可以根據自己的時間、預算來做評估。

以上幫大家重新簡單的做了複習,不論是選擇自己架設還是委外製作,事前準備的越詳細,網站製作流程就可以更加速。希望對大家有所幫助,有什麼不懂或想了解的也歡迎直接與我們諮詢聊聊哦!

初學者延伸閱讀:什麼是一頁式網頁?什麼樣的網頁類型適合使用?使用它之前你需要知道的事

延伸閱讀:網站製作前你應該先思考:我現在真的需要一個網站嗎?

Frist Published Date|2020-12-25

主題探索

最新文章

經典必讀

追蹤最新資訊

立即訂閱電子報

立即訂閱,收穫最新行銷及架站知識!

    We won't send you spam. Unsubscribe at any time.

    加入好友

    我們在這裡

    允諾整合行銷
    返回頂端