元伸科技
蓋房子之前，先備好建材
想像你要裝潢一間新房子——你不會等師傅到場了才去挑磁磚、選窗簾吧？網站架設也是同樣的道理。設計公司負責的是「怎麼蓋」，但「拿什麼來蓋」的素材，得由你事先準備好。
老實說，跟客戶聊到這個議題時，老闆最常踩的坑就是：以為「文案圖片到時候再說」，結果設計稿出來了，內容卻還沒到位。專案一拖再拖，原本兩個月能完成的網站硬是拖了半年。元伸 24 年深耕網頁設計、累積 3,000+ 企業實績，內容準備充分的客戶，專案完成速度通常顯著加快，修改次數也大幅減少。
道理很簡單：設計師需要根據實際文案長度來排版，需要看到真實照片才能調色構圖。如果用假文字和圖庫照片做設計，最後換上真實內容時，常會發現段落太長擠不下、照片色調和配色衝突、產品圖比例和預留空間不合——每個問題都需要回頭修改，等於做了兩次工。
本文將從文案、圖片到各類素材，逐一說明網站架設前該準備哪些內容、該注意什麼規格，讓你在啟動網站建置專案之前就做好萬全準備。
文案內容：網站的靈魂核心
文案是訪客最先接觸的資訊，也是搜尋引擎判斷網站主題的關鍵依據。好的文案不只是「把資料放上去」，而是要站在使用者角度思考他們需要什麼。
文案撰寫的基本心法
在動筆之前，先問自己三個問題：**訪客是誰？他們在乎什麼？看完之後你希望他們做什麼？**以這三個問題為核心來撰寫文案，才能寫出真正有說服力的內容。
實務觀察下來，太多企業網站的文案都犯了一個共同的錯誤——只講自己有多厲害，卻沒有告訴客戶這跟他有什麼關係。比方說，「我們 24 年深耕」這句話本身沒有說服力，但如果改成「24 年來協助超過 3,000 家企業建置網站」，客戶立刻能感受到這個經驗的價值。
好文案的另一個關鍵是具體。避免使用空洞的形容詞——每間公司都說自己優質、創新，訪客根本無法區分。取而代之的是用具體的數字、案例和成果來支撐你的主張。我會建議所有客戶：寫完文案後，把每個形容詞圈起來檢查一次，能換成數字就換、不能換成數字就刪掉。
必備文案清單
- 公司簡介：300-500 字，涵蓋企業背景、核心價值與服務優勢。避免流水帳式的年表，改用「我們能幫客戶解決什麼問題」的角度書寫
- 服務或產品說明：每項服務準備 150-300 字，重點放在客戶利益而非功能規格。例如「縮短 50% 出貨時間」比「採用 ERP 系統」更有說服力
- 首頁標語（Slogan）：15-30 字的核心訊息，訪客在 3 秒內就能理解你是做什麼的。好的首頁標語要滿足三個條件：說清楚你做什麼、暗示你能帶來什麼好處、讓人想繼續看下去
- 行動呼籲（CTA）：每個頁面都需要明確的下一步指引，像是「立即諮詢」、「索取報價」、「查看案例」。CTA 的文字要具體——「索取免費報價」比「了解更多」更能驅動行動
各頁面文案重點
不同頁面的文案有不同的撰寫重點，以下是各主要頁面的建議：
首頁是訪客的第一印象，通常停留時間只有 10-15 秒。首頁文案要像電梯簡報一樣精簡有力：一句核心標語、三到五個服務亮點、一組關鍵數據（如服務客戶數、年資、滿意度），再加上一個明確的 CTA。不需要把所有資訊都塞在首頁，首頁的任務是引起興趣，讓訪客願意點進內頁深入了解。
關於我們頁面是建立信任感的關鍵。除了公司歷史和團隊介紹，更重要的是傳達你的品牌故事和核心理念——為什麼創立這間公司？你們和同行最大的不同是什麼？這些故事性的內容比冷冰冰的企業沿革更能打動人心。
服務介紹頁面要站在客戶的角度，回答「這個服務能幫我解決什麼問題？」每項服務建議包含：問題描述（客戶的痛點）、解決方案（你的服務內容）、預期成果（客戶能獲得什麼），以及成功案例或見證。
加分文案
- 客戶見證：3-5 則真實客戶的推薦語，附上公司名稱與職稱更具可信度。好的見證不只是「服務很好」，而是具體描述合作過程中的亮點和成果，例如「網站上線三個月後，線上諮詢量增加了 60%」
- 常見問題（FAQ）：整理 5-10 個客戶最常問的問題，這也是很好的 SEO 素材。FAQ 不只幫助訪客快速找到答案，也能減少客服的重複回覆。撰寫 FAQ 時，用客戶的語言而非專業術語，讓非專業人士也能一看就懂
- 部落格或知識文章：建站時若能同步上線 3-5 篇文章，對內容行銷與 SEO 的起步非常有幫助。文章主題可以從客戶最常問的問題出發，例如你是室內設計公司，就可以寫「裝潢預算怎麼抓？」、「小坪數空間的 5 個放大技巧」這類實用內容
圖片素材：決定網站質感的關鍵
一張模糊的手機照片就能毀掉整個頁面的設計感。圖片品質直接決定訪客對企業的第一印象，這筆投資絕對值得。
為什麼圖片這麼重要？
人腦處理圖片的速度是文字的 6 萬倍。訪客進入你的網站，最先注意到的不是文案，而是圖片。實務上，我們在桃園接過很多製造業客戶，產品做得很好但網站照片是工廠用手機隨手拍的——客戶看了第一眼就覺得「這家公司怎麼這麼隨便」，然後關掉視窗。一張品牌形象照，能在瞬間傳達出「這是一間值得信賴的公司」的訊息；反之，一張模糊、光線不佳的手機隨拍照，會讓訪客潛意識地對你的質感打折扣——即使你的服務品質其實很好。
圖片規格建議
- 解析度：原圖至少 1500px 寬，設計公司會依版面需求裁切與壓縮。千萬不要從 Facebook 或 LINE 下載圖片來使用，這些平台會自動壓縮圖片，解析度遠遠不夠
- 格式：提供 JPG 或 PNG 原檔。若有品牌 Logo，務必提供 SVG 或 AI 向量檔。向量檔可以任意放大縮小而不失真，是品牌素材的標準格式
- 命名規則：用有意義的檔名取代「IMG_20260301.jpg」，例如「product-A-front.jpg」，方便雙方溝通。當你有上百張圖片時，清楚的命名規則能節省大量找圖和對照的時間
- 色彩模式：網頁用的是 RGB 色彩模式。如果你的照片是為了印刷而拍攝（CMYK 模式），轉換到螢幕上色彩可能會偏差，需要設計師調整
各類圖片清單
| 類別 | 數量建議 | 備註 |
|---|---|---|
| 產品照片 | 每品項 3-5 張 | 含正面、側面、情境使用照 |
| 團隊照片 | 3-5 張 | 合照、工作場景、辦公環境 |
| 品牌 Logo | 2-3 版 | 橫式、直式、單色版 |
| Banner 主視覺 | 2-3 張 | 高解析度寬幅照片 |
| 客戶案例 | 每案例 2-3 張 | 成品照、施工過程照 |
| 活動紀錄 | 5-10 張 | 展覽、研討會、頒獎活動 |
關於圖庫照片的使用
如果暫時無法安排商業攝影，使用圖庫照片是可以接受的替代方案，但有幾點需要注意。首先，選擇付費圖庫（如 Shutterstock、Adobe Stock）而非免費圖庫，付費圖庫的照片品質更高、風格更多樣，也較不容易和其他網站「撞圖」。其次，選圖時注意照片中的模特兒要符合你的目標客群——如果你是本土企業，使用全是西方面孔的圖庫照片會顯得格格不入。最後，圖庫照片只是過渡方案，長期來說還是建議投資商業攝影。
若預算允許，我會建議在架站前安排一次商業攝影。一套 20-30 張的企業形象照，費用約 15,000-30,000 元，卻能在未來 2-3 年的行銷活動中反覆使用，CP 值極高。除非你預算真的很緊，否則不要省這一筆——這是少數「投資一次、用好幾年」的內容資產。攝影前可以和設計公司溝通，讓設計師提供拍攝角度和構圖的建議，確保照片能完美融入網站版面。
品牌識別素材：建立一致的視覺語言
除了 Logo，設計公司還需要以下品牌素材來確保網站與企業既有形象一致：
- 品牌色彩：提供主色與輔色的 HEX 或 Pantone 色碼。若沒有明確規範，至少告知設計師你偏好的色系方向。品牌色彩不只用在 Logo，還會延伸到按鈕、標題、背景、連結等網站的每一個角落，是建立視覺一致性的基礎
- 品牌字體：指定的中英文字體名稱。沒有的話，設計師會根據品牌調性推薦。需要注意的是，並非所有字體都能用於網頁——有些字體需要購買網頁授權（Web Font License），有些則有免費的 Google Fonts 可以替代
- 視覺風格偏好：提供 3-5 個你喜歡的參考網站，並簡述喜歡的原因（配色、排版、氛圍等）。這是設計師最需要的溝通素材之一，一張參考圖勝過一千字的描述
- 既有行銷物料：如果公司已經有名片、型錄、DM 等設計物，提供這些素材能幫助設計師理解既有的品牌視覺體系，讓網站與線下物料保持風格一致
在客製化網頁設計的準備中，品牌識別素材的完整度會直接影響設計提案的精準度。品牌識別越完整，設計師第一版提案就越接近你的期望，來回修改的次數自然越少。
網站架構與頁面規劃
在準備內容之前，先釐清網站需要哪些頁面，才能確保素材準備不遺漏：
- 必備頁面：首頁、關於我們、服務介紹、聯絡我們
- 常見頁面：作品集/案例、最新消息、FAQ、隱私權政策
- 功能型頁面：會員專區、線上詢價、產品目錄、預約系統
建議用簡單的樹狀圖列出所有頁面，每個頁面標註需要哪些內容區塊。這份「網站地圖」能幫助你檢視素材是否齊全，也能讓設計公司更快掌握專案規模。需要更完整的規劃指引，可以參考我們的網站建置規劃指南。
在規劃頁面架構時，有一個重要的原則：不要讓訪客迷路。網站的導覽結構應該淺而寬——也就是說，主選單的分類要直覺，點擊兩到三次就能到達任何一個頁面。如果你的網站架構超過三層（例如 首頁 → 服務 → 子類別 → 細項），訪客很可能會在中途就放棄。
另外，每個頁面都應該有明確的「下一步」。訪客看完「關於我們」之後，下一步自然是看你的服務或案例；看完服務介紹後，下一步是聯繫或索取報價。這種引導式的瀏覽動線，需要在規劃架構時就考慮進去，而不是等到設計階段才來思考。
內容準備的常見錯誤
實務觀察下來，以下是企業主最常踩的坑——這些坑幾乎在每個案子都會遇到：
- 等設計完成才開始寫文案——設計與內容應該同步進行，否則設計師只能用假文字排版，最後實際內容放進去才發現版面不合適。理想的做法是：在設計師開始設計首頁的時候，你同步準備首頁文案；設計師做內頁時，你同步準備內頁文案。這樣設計師就能用你的真實內容來排版，成品的品質會好很多
- 圖片解析度不足——從 Facebook 或 LINE 抓下來的圖片通常已被壓縮，請提供原始檔案。如果原始檔已經遺失，寧可重新拍攝，也不要硬把低解析度的圖片放上網站
- 內容散落各處——有些在 Email、有些在 LINE、有些在舊網站。建議統一整理到一個共享資料夾（Google Drive 或 Dropbox），按頁面分類建立子資料夾
- 忽略行動裝置體驗——文案過長、圖片過多都會影響手機瀏覽體驗。準備內容時就要考慮行動版的閱讀性。一段 500 字的文案在桌面版看起來剛好，但在手機上可能要滑好幾個螢幕。建議每段文案控制在 100-150 字以內，中間適度加入小標題和項目符號來打斷閱讀節奏
- 缺少行動呼籲——每個頁面都應該有明確的 CTA，引導訪客採取下一步行動。沒有 CTA 的頁面就像一條死路，訪客看完後不知道該做什麼，只能關掉瀏覽器離開
- 忽略 SEO 文案的布局——如果你的網站有搜尋引擎優化的需求，文案中就應該自然地融入目標關鍵字。但要注意，關鍵字的使用要自然流暢，不能為了 SEO 而犧牲閱讀體驗
實用的素材整理方法
最後分享一套經過驗證的素材整理流程，幫你有效率地完成準備工作：
- 建立共享資料夾：以 Google Drive 為例，建立主資料夾「網站素材」，下設「01-文案」、「02-圖片」、「03-品牌」、「04-參考」四個子資料夾。使用數字前綴可以確保資料夾的排列順序固定，不會隨系統語系而改變
- 文案用 Google Docs：每個頁面一份文件，標題標註頁面名稱，內容依照區塊順序排列。文案裡可以用不同顏色標註「已確認」和「待討論」的內容，讓設計師一目了然哪些可以直接使用
- 圖片統一命名：格式為「頁面-區塊-編號」，例如「about-team-01.jpg」。若同一張照片有多版本，用後綴區分，例如「about-team-01-original.jpg」和「about-team-01-cropped.jpg」
- 建立素材清單表：用 Google Sheets 追蹤每個頁面的素材準備狀態（待準備/已完成/待確認）。清單表建議包含以下欄位：頁面名稱、區塊名稱、素材類型、負責人、預計完成日、實際狀態。這份清單不僅方便你自我管理，也能和設計公司共享，讓雙方隨時掌握進度
- 設定完成期限：在專案啟動前一週完成所有素材，預留設計公司審閱與確認的時間。如果部分素材確實無法在期限前完成（例如需要等待商業攝影的排期），務必提前告知設計公司，讓他們調整工作排程
內容交付的品質檢核
在把素材交給設計公司之前，建議用以下清單做最後一次檢查：
- 所有文案是否已經過校對，沒有錯字和語法錯誤？
- 公司名稱、電話、地址、Email 等聯絡資訊是否正確？
- 圖片是否都是高解析度原檔（寬度至少 1500px）？
- Logo 是否有提供向量格式（SVG 或 AI）？
- 參考網站是否有附上具體的喜好說明？
- 各頁面的素材是否齊全，沒有遺漏？
素材準備得越充分，網站專案就越順利。 素材準備只是架站的一環，完整的流程與方式比較請參考網站架設完整攻略。
如果你正在準備網站素材，卡在「文案要寫什麼」或「圖片到底要拍幾張」，可以聊聊。元伸 24 年深耕、3,000+ 企業實績，可以根據你的產業屬性，給出實際可執行的素材清單，不會讓你準備到一半才發現方向錯了。
📞 03-366-1000 ｜ 🌐 www.ozchamp.com ｜ 免費諮詢 24hr 回覆
