網站規劃手冊-1
網站規劃手冊-1

網站規劃怎麼開始?如何規劃網站內容、架構?

想要架設網站嗎?不知道該如何開始?第一步必須先好好進行網站規劃!能夠讓網站架設進行地更順利,一起來看看該怎麼做吧?
目錄

為什麼你需要網站?

開啟你的網路領地x建立品牌x網站架設!

網路世代、自媒體時代來臨,近86.6%的人口比例已經習慣用從網路接收資訊,人與人的連接已不侷限實體位置。以前因為地點限制,只能雙手遞上名片、紙本型錄,通過言語交談試圖被了解;現在的網路世界,透過網站連結頁面,產生的視覺、形象、全面內容安排,能夠全年無休為你迎接更多用戶。

過去要架設網站的門檻非常高,隨著自媒體、創業風潮興起、網際網路進步,想要自己規劃網站,甚至能自行調整喜歡的網站樣式,已是能夠辦到的事情!

建立一個速度快、能完整展現品牌特色與風格的網站,讓你或品牌被更多人認識!

該如何開始規劃網站?

截圖 2022 08 02 下午6.09.48
規劃網站前置作業

想要架設網站,我該怎麼規劃網站呢?

我們會需要用到三個工具:文件、表單、資料夾

  • 表單用來產出網站架構。
  • 文件用來撰寫網站內文。
  • 資料夾用來整理需要的圖片、檔案。

我們有做線上表單、文件範例,請先開啟您熟悉的表單下載、文件下載。(加Line@可以獲得好看版圖文網站規劃手冊及線上表單下載連結唷!)

  • Windows可以使用Word、Excel
  • MacOS可使用Pages、Number
  • 線上可以使用google 文件、google表單

接下來,會分成個區塊來釐清規劃:

截圖 2022 08 02 下午6.10.03
釐清你的網站規劃
  • 初衷與目標
  • 自我分析
  • 架構分析
  • 樣式分析

開始架設前,如果是需求快速架站可以直接跳到樣式分析,使用400+精選模板,快速進行架站唷!

看完可能還是毫無頭緒?沒關係!跟著我們,一步一步完成自己的網站規劃!

初衷與目標:為什麼架站需要網站規劃?

為什麼要架設網站?想透過網站達到什麼目標呢?搞清楚製作網站目標,網站規劃重點才不會跑偏。

明白架設網站的目的

截圖 2022 08 02 下午6.35.13
Step1:明白架設網站的目的
  • 網站目的:營造形象、新增網路業務、分類別的子公司網站、紀錄型部落格文章
  • 網站規劃:形象網站、購物車網站、部落格網站、爆品/導流型一頁式網站
  • 目標對象:要了解是要對企業(B2B)還是對大眾消費者(B2C),性別、年齡層、消費族群
  • 地理區域:產品/服務銷售國內或國外
  • 語言版本:依照區域思考需要使用的語言版本,中文、英文、日文

各類型網站的差異

  • 形象網站:普遍公司使用的網站型態,能夠系統化分類、多個頁面切換。形象網站屬於品牌門面(網路名片),網站風格會直接帶給使用者個性化感受,無形中的網路數據也可開發潛在客戶。
  • 購物車網站:24小時營業的網路商店!擁有購物車的網站,有些人也會結合形象網站(購物車+形象網站)。期望長期經營品牌,有網站才能建立價值與區隔性,完全掌握數據,讓手續費不被抽走。
  • 部落格網站:部落格網站適合有文章需求的公司、品牌、個人,例如:新聞、雜誌發表等長篇文章。有些形象網站會需求部落格功能(部落格+形象網站),方便建立SEO,提升網站排名。
  • 一頁式網站(爆品/導流型、單頁型形象網站):只有一個頁面,利用排版及圖片、文字來展現網站頁面風格,用簡易明瞭的方式呈現內容,讓使用者立即瞭解公司業務及服務。

目標對象對網站的調整

  • 年齡層較長:整體字體偏大,盡量白而簡潔,使用標準文字較佳
  • 年齡層較年輕:可新增動態頁面,顏色可靈活應用

地理區域+語言版本

確認是否要做多語言版本,還是單一語言

設定網站架設完後的目標

期望網站完成後,達成的目標,盡量設定可實際量化的目標

可思考達成目標需要串接的功能及資源,也可以方便網站後續行銷唷!

目標可設定

  • 瀏覽數
  • 點閱數
  • 購物車成交數
  • 訂閱數量
  • 社群粉絲數量
  • 廣告像素轉換率
  • ……

自我分析:制定網站內容

這部分可搭配上述的目標來執行,規劃網站需新增的文字內容、圖片、影片等資訊。

規劃網站需要先了解自己的特色與賣點

  • 品牌特色:品牌特色是什麼? 有優於其他的優勢或服務嗎?建議能夠濃縮成關鍵字,可更明白網站上要放置的內容。。
  • 獨特賣點:針對自家商品或服務,用自己的角度,提出能對消費者有好處的地方
  • 問題或解決方案:將賣點變實際,描述目標客群在面對什麼狀況中,需要這些服務,針對這些問題我們提出的解決方案。精準打痛點,讓閱讀者想將資訊看詳細的衝動。
  • 精選商品/服務:有什麼是你必推的商品,把經典、熱門、有得獎的內容先整體出來。 主打商品可放置首頁中,一進入網站就能知道品牌主力。

規劃網站需要的放置項目

網站有什麼是需要特別提到的呢?思考網站需要「放置項目」!我們依照大類別來分類內容:

截圖 2022 09 19 下午6.22.09
Step 4:規劃網站需要的放置項目

架構分析:網站架構與編排

了解自己之後,就要開始著手網站架構!開始進行你的網站規劃重點,動手完成你的網站架構與編排!

選擇一頁式或多頁式網頁

  • 一頁式網站

一頁式網站又稱為「單頁式網站」,把所有東西都集中在一個頁面裡面呈現,使用者只需要不斷往下滑就能夠看完全部的內容。如果你發現你的一頁式網站有選單,點擊選單後,你會發現網址並不會轉址,只是跳轉到頁面中某一個區塊。

適合:特定商品介紹網站、簡易形象網站

  • 多頁式網站

許多不同的頁面與導航系統組成,現在多數的官網都是以這種架構存在。多頁式網站具有架構,每個分類都會清楚地被劃分,因此當我們點擊選單上的項目,就會跳轉到不同的頁面。 

適合:公司/品牌的專業型官網、個人部落格網站、電商的購物車網站

規畫你的選單項目/單元、網站大綱 Sitemap

截圖 2022 09 19 下午6.25.21
Step 6:規畫你的選單項目/單元、網站大綱 Sitemap

集結剛才整理的資訊,是不是有一些想法想要設定選單了呢?思考有什麼項目,是能被匡列在一起的吧!建立網站架構,從網站最上方的橫向選單開始,我們通常會稱為單元,由大而小分類,想要網站有哪些選單,就按照順序寫出來吧!如果是一頁式網頁,選單只會有一層,點擊選單只會跳到該頁面某個區塊。

  • 基本單元架構:首頁、關於我們、商品/服務簡介、服務特色、聯絡我們、FAQ
  • 購物車網站單元:首頁、商品、購買須知、聯繫我們、FAQ、會員登入、購物車
  • 部落格網站單元:首頁、關於我、文章分享、合作方式、youtube頻道
  • 形象+部落格網站:首頁、最新消息、關於我們、團隊介紹、作品/服務、下載專區、聯絡方式、文章分享
截圖 2022 09 19 下午6.28.38
Step 6:進階層級

這裡你就當作你在規劃網站的選單,要有哪些選單 (頁面/分頁) 就都把它寫出來吧。

樣式分析:結合品牌風格設計您的網站

設定吸引人的樣式,想要讓人感受的氛圍,讓網站能被持續點閱!

挑選參考的視覺網站

找出喜歡的「網站風格」,把喜歡的內容視覺化,更清楚想表達的網站氛圍。

我們可能會說希望「簡潔感覺」、「活潑的感受」,但先找找有沒有能表達自己的參考網站,讓我們可以學習其中的表達方式,再結合自己的特色,正確表達自己想傳達的風格。

我們有提供400+精選範本,大家也可以從裡面找出喜歡的網站唷!

定義自己的品牌風格色調

回想一下,我們點進網頁時,最先注意的是不是網站整體配色的氛圍及圖片呢?好看的網頁設計配色,才會讓使用者繼續瀏覽你的網站。

  • 整體氛圍(底色)

主要是深色底色或著白色底色做區分,如果想要呈現個性、神秘、專業,就能夠選擇「深色底」;如果想要呈現簡約、俐落、活潑,就可以選擇「淺色底」。購物車商品頁面通常會使用淺色底。

  • 品牌主色

主色通常會搭配Logo顏色,或能夠展現品牌、企業的顏色,目的是要讓品牌能被識別!

網站視覺風格統一,會讓人覺得有一致性,視覺感受會更舒服

  • 現代感可以搭配大眾主流色系。
    專業感可搭配深色系會顯得更穩重、有信賴感。
  • 餐館會搭配餐廳裝潢風格、Logo,決定配色,呈現出想表達的性格感受。
  • 購物車的主色會依照商品的屬性,調整色調。

整合資料配置各頁面

規劃頁面內容及視覺

截圖 2022 09 19 下午6.32.13
Step 9:規劃頁面內容及視覺
  • 網站屬於品牌門面,我們要思考如何讓訪客精確讀懂傳達的資訊。
  • 頁面安排完成後,開始安排每一頁的內容架構,不論是位置怎麼擺、需要什麼文字/圖片、選擇什麼樣式,都要具體呈現(盡量貼近腦袋想呈現的畫面)。
  • 首頁架構建議:各區塊的文字扼要,以按鈕引導至詳細內頁。

畫出頁面架構圖,可以手繪、使用Word、Excel、PPT都可以,只要有辦法把先呈現區塊即可。「頁面架構圖」主要是將功能區塊分布,最好能把一些標題文字區塊,都先想清楚,接下來思考文案也會比較容易。

網站規劃完,架站前,我需要注意什麼?

網頁資訊是否備齊

剛剛規劃要擺放的圖片和文字,要記得放在雲端硬碟整理好備用。
( 頁面:Logo、圖檔、文案、商品圖檔等檔案)。

架站系統是否能完成視覺需求

版型是否符合你的需求,是否能調整位置或文字。我們使用 WordPress 搭配 Elementor,能夠視覺化操作網頁排版,還能修改圖片唷!

是否為RWD響應式網頁

RWD為響應式網頁,代表能夠適應不同尺寸的面板,在各種版型都能顯現。現在人多使用手機、平板,若只是網頁板,會讓手機使用者感到不方便。我們使用WordPress 為網站後台,頁面編輯能夠調整各種不同尺寸面板,符合RWD需求。

架站系統是否開源(能否搬遷、是否會突然消失)

我們總不希望辛苦建立的網站,突然有一天不能使用,或著沒有升級就直接停權(強迫付費)。因此要選擇架站建議選擇開放原始碼的後台,至少東西帶得走,網站不會隨意消失。WordPress是最常見的開源後台,如果有 WordPress 的操作問題,RAB瑞布科技是 WordPress 的網站顧問,有需要都能夠協助您完成。

是否能進行SEO設定

SEO 是用來提升網站排名的方式,通過SEO調整與優化網站,能夠讓網站關鍵字排名提升,也就可以得到比較多自然流量。如果想要提升SEO排名,建議可以增加部落格功能,讓文章也能夠加上SEO關鍵字,讓網站排名能夠往前。要記得了解架站後台是否能夠設定SEO,有無SEO會影響網站的流量。

加入Line@取得好看圖文網站規劃手冊

加入Line@ https://lin.ee/0rgfOHS ,點選「領取架站手冊!」,即可獲得完整版網站規劃手冊,內容豐富,不容錯過!

點選圖文選單左上角的「領取架站手冊」即可下載!
截圖 2022 08 02 下午6.10.25
(小聲說:頁數有30頁以上!)
私訊 解鎖完整 網站規劃手冊
加入Line@ https://lin.ee/0rgfOHS ,點選「領取架站手冊」

延伸閱讀:

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
如何開設線上選品店?實現網路創業夢想

開設線上選品店已成為實現網路創業夢想的理想途徑。透過精心選擇商品、創建個性化品牌和提供卓越的顧客服務,創業者可以在競爭激烈的市場中脫穎而出。本篇文章將帶您了解如何從品牌定位、商品選擇到行銷策略,一步步打造成功的線上選物店。

數位轉型
數位轉型是什麼?簡單說給你聽

數位轉型聽起來很複雜?其實它就是利用數位科技來提升效率、改善服務。這篇文章將用最簡單的方式,帶您了解數位轉型的概念與重要性。

Selected Post
精選文章
什麼是VPS主機
VPS主機是什麼?網站效能升級的最佳選擇!

現今,網站及應用程式的需求不斷增加。如果你不是一個專業的網站開發人員,你可能會對虛擬專屬伺服器(VPS)主機一知半解。本文將向你說明VPS主機及其優勢,以及什麼是主機代管,讓你更容易理解並做出明智的選擇。