一句話結論：網站製作前要準備七類素材：企業識別系統（Logo、色系、標準字）、公司基本資料、網站文案、圖片、社群與推薦連結、其他相關檔案（型錄、手冊、影片），以及正確的檔案格式。依甫東科技實務經驗，素材越齊全，網站專案的時程越短、成品也越貼近你的市場需求；素材還沒備齊也可以先啟動規劃，但核心的文案與圖片會直接決定網站完成的速度。
我們的專案經理與設計師常聽到客戶說：「甫東是專業，看要怎麼做都可以。」這句話是信任，但巧婦難為無米之炊。以購物網站為例，每種商品的販售方式都不同，網站必須依商品屬性調整呈現方式；企業形象網站也一樣，沒有你的文案與圖片，設計師只能用示意內容排版，最後的成品很難真正符合市場需求。網站設計是一筆不小的預算，為了讓成果盡善盡美，這篇文章整理製作前請你一起準備的七類素材。
為什麼做網站前要先準備素材？
因為網站的版面是依內容量與內容類型設計的，而不是反過來。設計師需要知道你有幾個產品分類、每個產品有多少張圖、文案大概多長、有沒有影片，才能決定用哪一種版型最合適。素材越早到位，版面越貼合實際內容，也越不需要在後期反覆修改。
另一個現實是時程。依甫東科技的經驗，網站專案延誤最常見的原因不是技術問題，而是等待客戶提供文案與圖片。先把素材整理好，再開始設計，通常能明顯縮短整體時程。
版面依內容而定
知道內容量與類型，設計師才能選對版型，避免做好後才發現放不下或太空。
時程更可控
多數延誤來自等素材。素材齊全的專案，設計與上線的時間都更好預估。
成品貼近市場
用你真實的產品、文案與照片設計，成品才會符合你的客群，而不是示意稿的樣子。
素材一到三：識別系統、公司資料與文案
前三類素材決定網站「長什麼樣子」與「說什麼」。識別系統決定視覺一致性，公司資料決定聯絡與信任資訊，文案則是網站真正的內容主體。
素材一：企業識別系統（CIS）
網站是公司 CIS 形象的一部分。為了讓對外文宣與網站上的色系、Logo、標準字全部一致、標準化，營造專業的品牌形象，最好的做法是把識別系統的電子原始檔提供給網頁設計公司。一般中小企業若已有規範好的視覺識別系統，直接提供即可；若沒有規劃過，提供名片、包裝等印刷品的電子原始檔也可以，我們會從中抽取色系與字體。若還沒有識別系統，也可以一併規劃，詳見企業識別系統服務。
素材二：公司基本資料
網站上會出現的公司名稱、客服電話、傳真、服務門市或公司地址、客服 Email。若需要在網站上放客服程式，也要一併申請 Facebook Messenger 或 LINE 官方帳號等平台的串接權限，申請方式可洽我們的專案經理。這些資料在 2026 年還有另一個用途：Google 與 AI 搜尋引擎會交叉比對全網的公司名稱、地址與電話是否一致，來判斷你是不是真實可信的來源。
素材三：網站文案內容
網頁設計報價通常不包含文案撰寫，而文案會依產業類型而不同。若公司有行銷企劃人員，可先請他們整理資料、撰寫文案；若曾請人寫過，或型錄上已有文字檔，彙整後提供即可。常見產業的文案清單如下：
| 網站類型 | 需要準備的文案 |
|---|---|
| 民宿網站 | 簡介、民宿特色、房型介紹與說明、訂房須知、住宿須知、匯款方式、交通方式、周邊景點、優惠訊息 |
| 商城、購物網站 | 簡介、產品特色、產品資料（價錢、容量、成份、介紹、使用說明）、訂購方式、運費規則、常見問題、媒體報導 |
| 企業形象網站 | 公司簡介、企業沿革、創辦人的話、營業項目、作業流程、產品特色、媒體報導 |
素材四到六：圖片、連結與其他檔案
這三類素材決定網站的視覺豐富度與功能預留。圖片是網站的靈魂，連結決定版面要預留哪些位置，其他檔案則幫助設計師判斷資料量。
網站圖片
現代人瀏覽網站以視覺為主，專業的圖片能瞬間吸引注意力、提高停留率，對企業客戶而言更能增加網站的豐富感與美感，提升訂購意願。若公司已請攝影師拍攝過，務必把圖片電子檔提供給我們；若沒有，可以討論是否安排拍攝或使用合法授權的圖庫。
網站推薦連結
若已有社群連結（Facebook 粉絲專頁、Instagram、LinkedIn、LINE 官方帳號）、部落格、YouTube 頻道，或公司其他事業群的網站要交換連結，最好一開始就提供。設計版面時就能把空間與功能預留起來，不必事後硬塞。
其他相關檔案
技術說明文件、操作手冊、產品全型錄等，可事先整理提供。這些資料雖然通常會做成可從後台自行上傳，但事先提供能讓設計師了解資料量有多少，選出最適合的版面。影片請用公司的 YouTube 帳號自行上傳，影片多的話可建立公司頻道彙整。
為什麼影片要上傳到 YouTube？YouTube 是最多人使用、分享與上傳的影音平台。不論原始檔案是什麼格式，上傳後在電腦、手機、平板都能順暢播放，也有助於宣傳影片的散播，同時不會占用網站主機的頻寬。除了 YouTube，Vimeo 也是常見選擇；若主打中國大陸市場，則可考慮當地普遍使用的平台。
素材七：檔案格式怎麼給才對？
所有素材都請提供電子檔，格式對了可以省下大量來回溝通的時間。甫東科技會提供上傳素材的空間給你，不必用通訊軟體零散傳送。
| 素材類型 | 建議格式 | 備註 |
|---|---|---|
| 文字資料 | Word 檔或 txt 檔 | 避免用圖片或 PDF 截圖提供文字 |
| 圖片 | 長、寬約 1,500 像素的 JPEG | 去背圖與 icon 請用 PNG |
| 識別系統、名片、包裝 | AI 檔或 PSD 檔 | 向量原始檔最佳，方便縮放不失真 |
| 影片 | 上傳至 YouTube 後提供連結 | 不建議直接提供影片檔嵌入網站 |
2026 年新增的兩件事：SEO 與 AI 可讀性
七類素材是網站「做得出來」的基礎，但 2026 年還要多想兩件事，網站才「找得到」。第一是 SEO：文案在撰寫階段就要對準客戶會搜尋的字，每個服務或產品最好有專屬頁面，而不是全部塞在首頁。第二是 AI 可讀性：Google 的 AI Overview 已在台灣上線，能被 AI 引用的頁面通常有清楚的問答結構與完整的公司資訊。
實務上這代表兩個小調整：文案裡多準備幾則「客戶常問的問題與回答」，我們會把它做成 FAQ 區塊與結構化資料；公司基本資料務必與 Google 商家檔案、社群平台上的資訊完全一致。想進一步了解，可以參考 結構化資料入門 與 官網被 AI 引用的 8 個檢查清單。
我們不會要求客戶把七類素材全部備齊才開始，因為那樣專案永遠啟動不了。實際的做法是：識別系統與公司資料先給，我們同步進行版面規劃；文案與圖片依頁面優先順序分批提供，首頁與主要服務頁先到位。素材不足的部分我們也能協助撰寫文案與規劃視覺，但客戶提供的第一手資料，永遠比我們代寫的更貼近你的產品與客群。
常見問題
做網站前要準備哪些資料？
七類素材：企業識別系統（Logo、色系、標準字）、公司基本資料、網站文案、圖片、社群與推薦連結、其他相關檔案（型錄、手冊、影片），以及正確的檔案格式。資料越齊全，製作越順利、成品越貼近你的市場需求。
素材還沒準備好可以先做嗎？
可以。可以先啟動規劃與版面設計，甫東科技也能協助文案與視覺；但核心素材（文案與圖片）齊備能大幅縮短時程，建議至少先提供識別系統與公司基本資料，文案與圖片再依頁面優先順序分批提供。
沒有 Logo 或識別系統怎麼辦？
可以提供名片、包裝等印刷品的電子原始檔，我們會從中抽取色系與字體；若完全沒有，也可以在網站專案前或同步規劃企業識別系統，讓網站、名片與社群的視覺從一開始就一致。
圖片要多大、什麼格式？
一般圖片建議長、寬約 1,500 像素的 JPEG，去背圖與 icon 用 PNG，識別系統與印刷品用 AI 或 PSD 原始檔。影片建議上傳到公司的 YouTube 帳號後提供連結，不要直接提供影片檔。
甫東科技提供哪些相關服務？
甫東科技提供 RWD 官網設計、WordPress 客製、購物網站與企業形象網站製作、企業識別系統設計，以及在設計階段就納入 SEO / GEO / AIO 的搜尋優化服務。服務範圍以高雄、屏東、台南為核心，嘉義、台東與全台皆可遠端合作。
準備好做網站了嗎？
甫東科技提供網站製作一條龍服務，從素材整理、識別系統、版面設計到 SEO 上線。歡迎預約免費諮詢，我們會依你的產業告訴你哪些素材最該先準備。
預約免費網站諮詢 →甫東科技有限公司｜高雄市大寮區鳳林一路 184 巷 20-11 號
電話 07-641-8686｜Email service@fulldot.com.tw｜了解網頁設計服務
圖片來源：木桌上顯示網頁設計畫面的筆電照片由 Carriza Maiquez 攝影，取自 Unsplash，依 Unsplash License 免費使用。
