做網站前業主要準備什麼：文案、圖片、影片與素材交付的完整清單

網站專案的時程表上，設計、切版、程式、測試排得清清楚楚，結果設計稿都確認了，首頁的介紹文字還沒寫好，產品照片說「下週拍」，團隊照片要等全員到齊。實務上常見的狀況是，網站專案延期的原因不在技術，而在素材：業主的文案、圖片與影片交不出來，或交出來的格式無法直接使用。

素材準備之所以容易延誤，是因為它看起來簡單，卻牽涉公司內部多個部門、需要做很多決定，而且通常落在原本就很忙的人身上。等到開發方要開始放內容時才著手準備，就一定會卡住。

以下整理做網站前業主要準備的所有素材：頁面架構表、各頁文案、照片與授權、影片、多語內容，以及交付格式與時程，並提供一份可以直接使用的素材準備清單。

先決定網站要有哪些頁面

所有素材準備的起點，是一份頁面架構表（也稱網站地圖）。沒有這份表，就不知道要寫哪些文案、拍哪些照片。

頁面架構表要包含的欄位：

• 頁面名稱與層級：例如「服務項目 > 企業網站製作」。
• 頁面目的：這一頁要讓訪客做什麼，例如了解服務、留下聯絡資料、下載型錄。
• 主要內容：這一頁要放哪些資訊區塊。
• 需要的素材：文案、照片、影片、檔案下載各是什麼。
• 內容負責人：公司內部誰負責提供。
• 交付期限：什麼時候要交給製作方。

這份表最好在專案啟動時就和製作方一起整理。它同時是設計的依據、素材的追蹤表，也是驗收時確認頁面是否齊全的清單。如果你同時在思考後台要怎麼更新內容，可以一併參考網站內容管理系統怎麼選。

各頁文案怎麼準備

文案是最常延誤的素材，因為它需要思考、需要內部確認，而且往往有好幾個人要看過。

準備文案的實用原則：

• 為網站閱讀而寫：網站訪客是用掃讀的方式看內容，段落要短、重點要放前面、適時使用小標題與清單。不要直接把公司簡介手冊或企劃書的文字貼上。
• 配合版面長度：設計稿確認後，請製作方提供每個區塊大約可容納的字數。標題太長會斷行、介紹太短會讓版面空洞。
• 先寫事實再修飾：先把產品規格、服務流程、聯絡資訊等事實寫正確，再處理文字風格。
• 統一用語：產品名稱、服務名稱、公司名稱的寫法全站一致，大小寫與全半形也要統一。
• 一個窗口負責確認：每頁文案都需要一位有權拍板的人最後確認，避免上線後才有人說「這段不能這樣寫」。

常被遺漏的文案：

• 表單的欄位說明、送出成功與失敗的訊息。
• 隱私權政策、使用條款、Cookie 告知等法律相關頁面，內容建議由業主依自身情況確認，必要時諮詢法律專業人士。
• 頁尾的公司資訊、營業時間、聯絡方式。
• 每頁的搜尋結果標題與描述（SEO 標題與描述）。
• 404 錯誤頁的引導文字。

如果網站規劃了部落格或知識文章，內容策略與搜尋優化的做法可以參考品牌部落格內容與 SEO 指南。

照片與圖片：品質與授權都要顧

照片會直接影響網站的質感，也是最容易出現法律風險的素材。

照片來源與注意事項：

• 自行拍攝：產品、環境、團隊照片最好自己拍，最能呈現真實樣貌。手機拍攝也可以，但要注意光線充足、背景乾淨、畫面水平。
• 委託攝影：重要的形象照與產品照建議請專業攝影。合約中要約定照片的使用範圍，是否包含網站、社群、印刷品與廣告。
• 圖庫素材：使用圖庫時要確認授權條款，免費圖庫也有使用限制。保留授權證明，並避免使用明顯是圖庫的通用照片代表自家團隊或客戶。
• 網路找來的圖：除非確認有授權，否則一律不要使用。「網路上找得到」不代表可以使用。

照片中有人物時：員工、客戶、活動參與者出現在照片中，最好取得本人同意，尤其是可清楚辨識的臉孔。員工離職後照片是否撤下，也可以事先規劃。

照片交付的基本要求：

• 提供原始檔，不要從通訊軟體轉傳（通訊軟體通常會壓縮畫質）。
• 依頁面命名或分資料夾整理，例如「首頁_主視覺_01」。
• 註明每張照片的用途與授權來源。
• 產品照背景一致、角度一致，網站整體會更專業。

圖片還需要替代文字（alt text），讓使用螢幕閱讀器的訪客也能理解圖片內容，這部分可以參考網站無障礙指南。

影片素材的準備

影片能有效呈現服務流程、產品操作或公司氛圍，但準備時程通常比照片更長。

影片準備要確認的事：

• 用途：首頁背景影片、產品介紹、操作教學、客戶見證，用途不同長度與風格也不同。
• 放置方式：影片通常建議上傳到影音平台再嵌入網站，而不是直接放在網站主機上，以免拖慢載入速度。這部分可以和製作方討論。
• 字幕：很多人在靜音狀態下觀看影片，加上字幕能提升理解度，也有助於無障礙。
• 授權：背景音樂、片中使用的圖片與字型都要確認授權。
• 封面圖：準備一張清楚的影片封面，作為影片未播放時的預覽畫面。

背景影片要特別小心：它會影響手機版的載入速度與流量。如果不是品牌呈現的核心，靜態圖片往往是更穩妥的選擇。

多語網站的內容準備

如果網站有多個語言版本，素材準備的工作量會明顯增加，要提早規劃。

多語內容的準備重點：

• 決定翻譯範圍：所有頁面都要翻譯，還是只翻譯核心頁面？部落格文章是否每篇都有外語版？
• 翻譯而非直譯：外語版本要以當地讀者的閱讀習慣調整，產品名稱、計量單位、日期格式、聯絡方式都要考慮。
• 圖片中的文字：如果圖片裡有文字，每個語言都要準備一張，或改用網頁文字疊在圖片上。
• 校稿人：每個語言都需要一位懂該語言的人最後確認，最好是母語使用者。
• 更新同步：中文版內容更新後，外語版要跟著更新，否則會出現內容不一致。

多語網站在技術架構上也有許多要考慮的地方，可以參考多語網站開發指南。

交付格式與時程安排

素材準備好了，交付方式也會影響效率。

交付格式建議：

• 文案：用共用文件或文書檔案，依頁面分段，每段標註對應的頁面區塊。避免把文字放在圖片或簡報裡，製作方還要重新打字。
• 圖片：原始檔放在雲端資料夾，依頁面分類命名。
• 品牌素材：標誌提供向量檔與透明背景檔，並附上品牌色碼與字型名稱。
• 檔案下載：型錄、表單、說明書等提供最終版的檔案，檔名清楚。
• 版本管理：同一份文案修改多次時，標示版本與日期，避免製作方用到舊版。

時程安排的原則：

1. 頁面架構表：專案啟動時完成。
2. 核心頁面文案：在設計開始前交付初稿，讓設計可以根據真實內容排版。
3. 照片與影片：在設計稿確認時同步準備，需要拍攝的提早預約。
4. 其他頁面內容：在開發完成前全部交付。
5. 內容最終確認：在上線前留出完整的校對時間。

把素材交付期限寫進專案時程表，和設計、開發的里程碑放在一起追蹤。素材延遲一週，上線時間就很可能跟著延後，因為製作方無法在沒有內容的情況下完成最後的調整與測試。專案延期的其他常見原因，可以參考軟體專案為什麼總是延期。

素材準備清單（可直接使用）

把以下清單複製到專案管理工具或試算表中，逐項指定負責人與期限：

• 頁面架構表（含每頁目的與負責人）
• 品牌標誌向量檔、色碼、字型
• 首頁主視覺文案與圖片
• 公司介紹文案、團隊照片
• 服務或產品頁文案、規格資料、產品照片
• 案例或作品集內容（確認客戶同意公開）
• 常見問題整理
• 聯絡資訊、營業時間、地圖位置
• 表單欄位與提示訊息
• 隱私權政策、使用條款
• 每頁 SEO 標題與描述
• 影片檔案或影音平台連結、字幕
• 外語版本內容與校稿人
• 所有照片、影片、音樂的授權證明
• 社群帳號連結

上線前的最後檢查，還可以搭配網站上線前檢查清單逐項確認。

素材準備是業主在網站專案中最能掌控、也最能決定時程的部分。如果你準備要做網站，但還不確定頁面要怎麼規劃、內容要準備到什麼程度，歡迎與 NETVANA 聯繫。我們的網站與軟體服務一律採詢問報價制，可以在專案啟動時一起整理頁面架構表與素材交付時程，服務內容請參考軟體服務介紹。

延伸閱讀：舊網站改版時內容怎麼盤點，看網站改版專案指南；網站上線前要確認哪些事，看網站上線前檢查清單；需要外語版本，讀多語網站開發指南；後台更新內容的工具怎麼選，參考網站內容管理系統怎麼選；上線後想持續經營內容，看品牌部落格內容與 SEO 指南。