1. 首頁
2. 知識庫
3. Sharing AI 架站平台教學
4. 架站前要準備哪些品牌素材？一份可直接照做的清單

Sharing AI 架站平台教學

架站前要準備哪些品牌素材？一份可直接照做的清單

作者：JamXu更新日期：2026-10-08

什麼是品牌素材？為什麼要在架站前備齊

品牌素材是網站上用來介紹品牌、說明服務並讓訪客採取行動的所有文字、圖像與資料，包括標誌、照片、服務說明、聯絡方式，以及能證明你說到做到的資料。這些東西沒辦法由設計師或平台替你生出來：AI 可以協助起草文字、版型可以直接套用，但品牌叫什麼名字、服務範圍到哪裡、照片能不能公開使用，只有品牌自己知道。

很多網站延誤上線，原因不在技術，而是素材遲遲沒有到位：標誌只有一張從社群存下來的小圖、服務說明還在主管腦中、照片散落在不同同事的手機裡，或是用了來源不明的網路圖片。邊做邊找素材，版面就得一改再改；到了上線前才發現授權有問題，甚至要整個區塊重做。

這份清單的用途，是讓你在開始架站之前，把需要的東西一次準備好。無論你打算自己用 Sharing AI 架站平台建站，或是交給設計團隊製作，都可以照著清單逐項打勾。網站做好之後的整體檢查，另外整理在用 Sharing AI 架站上線前的檢查清單；本文專注在「開工前要備妥哪些素材、準備到什麼程度」。

七大類素材總覽：用途、格式與負責人

先用一張表掌握全貌。表中的「通常由誰提供」很重要：素材準備延誤，多半是因為沒有人被指定負責，每個人都以為別人會處理。開工前就把每一類指派給一位負責人，進度才追得起來。

七類之中，前三類決定網站「長什麼樣子、說什麼話」，後四類決定網站「可不可信、能不能放心公開」。不少團隊只準備前三類，結果在上線前卡在聯絡資訊前後不一致，或某張主視覺照片說不出來源。下面逐類說明要準備到什麼程度，以及最常出錯的地方。

第一類：品牌識別｜標誌、網站小圖示、色彩與字型

標誌至少準備四個版本

網站上的標誌會出現在背景與尺寸都不同的位置：頁首選單、頁尾、社群分享圖，以及手機版狹窄的頁首。只有一個版本的標誌，很容易在深色背景上看不清楚，或在手機上縮到無法辨識。建議準備以下版本：

• 橫式完整版：標誌圖形加上品牌名稱，適合頁首選單與頁尾
• 直式或方形版：適合社群頭像、方形版位與分享圖
• 單色與反白版：放在深色背景或照片上時使用
• 純圖形版：只保留圖形，供網站小圖示等極小尺寸使用

每個版本最好都有向量檔（例如 AI、SVG 或 PDF）與透明背景的 PNG。向量檔可以任意放大縮小而不失真，是之後製作任何尺寸的來源；PNG 則方便直接上傳使用。如果手上只有一張從社群或通訊軟體存下來的小圖，請先向原設計師索取原始檔，或請人重新描繪成向量圖，不要把模糊的小圖硬放大使用。

網站小圖示：正方形、輪廓清楚、尺寸夠大

網站小圖示（favicon）會出現在瀏覽器分頁與書籤，有時也會出現在搜尋結果的網站名稱旁。依 Sharing AI 官方的網站基本設定教學，小圖示建議使用 48 的倍數作為圖片大小（例如 48×4＝192 像素），並依後台標示的上傳尺寸準備；Google 搜尋中心對網站小圖示的規範同樣要求圖示為正方形，並建議大於 48×48 像素。

小圖示實際顯示時非常小，把完整標誌加上文字放進去通常看不清楚。實務上會使用純圖形版，必要時把線條加粗、拿掉細節，再分別放在白色與深色背景上看一次，確認輪廓依然清楚可辨。

標誌圖片的替代文字

同一篇官方教學也強烈建議，為網站左上角的選單標誌填寫與圖片相關的文字說明，也就是圖片的替代文字（ALT），長度建議在 15 字以內。舊版教學稱它為「網頁選單圖示」，目前的後台則在「選單管理」的選單設定中上傳選單圖片。替代文字通常填寫品牌名稱即可，所以準備標誌時，順手把品牌名稱的固定寫法一併確認。

品牌色與字型

把品牌色整理成色碼清單（HEX，例如 #1856B8），分為主色、輔助色與強調色，並註明各自的用途，例如按鈕、標題或背景。只寫「藍色」或「跟名片一樣」，不同人做出來的顏色就會有落差。若品牌已有識別規範手冊，直接附上即可。

字型要特別注意授權範圍。電腦裡裝得到的字型，不代表可以用在網站上；有些字型只授權印刷或個人使用，網頁嵌入需要另外的授權。比較穩妥的做法是選用明確允許網頁使用的字型，或沿用平台提供的字型設定，並把選用的字型名稱與授權來源記進授權紀錄表。

挑選色彩時也要顧及可讀性：淺灰字放在白底、白字壓在淺色照片上，在手機的戶外光線下常常看不清楚。決定品牌色時，就一併確認文字與背景之間有足夠的對比。

第二類：文字內容｜品牌介紹、服務說明與常見問題

文字是網站最常被低估的素材。很多人以為「先把版面做出來，文字之後再補」，結果版面依照假文字設計，真正的內容放進去之後長度不合、重點不對，只好再改一次。建議在架站前，至少把首頁、服務頁、關於我們與聯絡頁的文字準備到八成。

每一頁先回答三個問題

• 這一頁要回答訪客的哪個問題？用顧客實際會說的話寫下來
• 看完這一頁，希望訪客做什麼？例如來電、填寫表單或預約
• 這一頁有哪些事實必須正確？例如服務範圍、地區、價格與服務時間

三個問題寫清楚，文字就有了骨架。接著依「先給答案、再說明細節」的順序撰寫：開頭兩三句直接說明你提供什麼、適合誰，後面再補充流程、差異與注意事項。這樣的寫法對手機讀者友善，也比較容易被搜尋引擎與 AI 搜尋正確理解。

各頁文字的準備重點

用 AI 起草，由人工定稿

若打算用平台的 AI 功能產生初稿，可以先把品牌名稱、服務項目、目標客群與幾個重要關鍵詞整理好，作為輸入的素材；操作步驟可以參考Sharing AI 的 AI 編寫助理怎麼使用。AI 產生的文字只是起點，價格、條款、服務承諾與專業說明都要由負責人核對，再改寫成符合品牌語氣的內容。

另外準備一份「用詞對照表」也很有幫助：品牌全名與簡稱怎麼寫、服務名稱是否統一、英文名稱的大小寫與空格。網站上同一項服務出現三種名稱，訪客很可能以為是三種不同的服務。

文字檔建議用可以多人留言與追蹤修訂的文件格式交付，一頁一份，檔名對應頁面規劃表中的頁面。審稿人直接在文件上留言確認，比在通訊軟體裡來回傳截圖清楚得多，也留下了誰在何時核對過哪些事實的紀錄。

第三類：照片與影片｜拍攝清單、原始檔與檔案大小

照片是網站給人第一印象的關鍵，但「多」不等於「好」。與其交出幾百張未經挑選的照片，不如依照頁面需求列出拍攝清單，每個位置挑出最合適的幾張。

先列拍攝清單，再去拍或挑

• 首頁主視覺：能代表品牌或服務情境的橫式照片，主體不要太靠邊，方便手機版裁切
• 服務頁：每項服務的實際過程、成果或使用情境
• 關於我們：負責人或團隊照、工作環境、門市外觀
• 產品或作品：去背圖與情境圖各一組，背景與光線盡量一致
• 聯絡頁：門市外觀或入口照片，幫助訪客到場時辨認

橫式與直式照片都要準備一些。電腦版版面多半偏橫，手機版則常把圖片裁成較窄或較方的比例；拍攝時在主體周圍多留一點空間，之後裁切才不會切到重點。輪播或橫幅需要的比例，請依你選用區塊的官方建議與後台提示準備，多張輪播圖的尺寸要一致。

交原始檔，上傳前再縮小與壓縮

交給設計團隊或自己保存的，應該是相機或手機拍攝的原始檔，不要用從社群平台或通訊軟體轉存的版本，那些檔案通常已經被壓縮過，解析度也不足。正式上傳到網站之前，再依版面需要把圖片縮小並壓縮。

前面提到的 Sharing AI 官方教學也說明，上傳的圖片會自動轉成 WebP 格式；但轉換格式不等於縮小尺寸，一張數千像素寬的原始照片，轉檔後仍可能很大，拖慢手機版的載入速度。依 Google 搜尋中心的圖片 SEO 最佳做法，高品質、清晰的圖片比模糊的圖片更能吸引使用者，而且圖片應該放在與主題相關的文字附近。所以該做的是「在清晰的前提下控制檔案大小」，而不是一味壓到最小。

圖片說明也是素材

每張要放上網站的圖片，最好在交付時就附上一句說明：拍的是什麼、在哪裡、和這一頁有什麼關係。這句話可以直接改寫成圖片的替代文字（alt），讓看不到圖片的讀者與搜尋引擎理解內容。同一份 Google 最佳做法也建議，替代文字要提供有用的資訊、符合頁面脈絡，並避免堆砌關鍵字。

影片素材

如果網站要放影片，先確認影片是否已上傳到影音平台；以嵌入方式在網站上播放，通常比直接上傳大型影片檔穩定。準備影片時一併提供影片標題、一兩句說明與封面圖，方便放在頁面上時讓訪客知道內容。影片中若出現音樂、他人作品或可辨識的人物，同樣要先確認授權與同意。

第四類：公司與聯絡資訊｜一份資料表，全站一致

公司名稱、地址、電話這類資訊看似簡單，卻最容易出現不一致：頁尾寫舊電話、聯絡頁寫新電話，或地址在不同頁面有不同寫法。訪客看到前後不一的資訊會猶豫要不要聯絡，搜尋引擎也比較難確認哪一個才是正確的。

解決方式是建立一份「公司資訊資料表」，網站上所有用到這些資訊的地方，都從這份表複製貼上，不憑記憶重打：

在 Sharing AI 後台，社群連結可以在「設定 → 社群管理」新增並選擇顯示位置，頁尾資訊在「設定 → 頁尾」編輯，聯絡頁的詢問表單則在「表單管理」建立；這些操作的細節整理在 Sharing AI 架站平台教學主題頁。資料表準備好之後，填寫這些欄位時只要逐項複製，就不容易出錯。

資料表也要指定維護的人。日後電話、地址或服務時間有異動時，先更新資料表，再依表逐頁修改網站，才不會漏改某一頁。

第五類：信任與佐證資料｜只放真實、可公開的內容

訪客在聯絡你之前，會想知道「這家公司可不可靠」。能回答這個問題的素材，包括專業證照、合格登記、獲獎紀錄、媒體報導、合作夥伴與實際案例。這類資料的原則只有一個：必須是真的，而且你有權公開。

• 證照與登記：準備證明文件的影像，並確認證照仍在有效期限內
• 獲獎與媒體報導：保留報導或公告的連結與日期，引用時寫清楚出處
• 案例與作品：取得客戶同意後，才公開客戶名稱、標誌或成果畫面
• 顧客評價：只使用真實取得、且當事人同意公開的內容，不改寫原意
• 數字與成果：例如服務年資或完成件數，要有內部紀錄可以佐證

不要為了讓網站看起來更有分量，而虛構評價、誇大數字或使用未經同意的客戶標誌。這類內容一旦被發現，失去的信任遠超過它帶來的效果；與成效或排名有關的說法，也不應寫成保證。想了解搜尋引擎如何看待內容的經驗、專業與可信度，可以延伸閱讀什麼是 E-E-A-T。

如果目前還沒有可以公開的案例，也不必勉強。把服務流程、交付內容與常見問題寫得清楚具體，同樣能讓訪客判斷你是否專業；之後取得客戶同意的案例，再陸續補上即可。

第六類：頁面與 SEO 規劃｜先畫出網站要有哪些頁

頁面規劃是所有素材的「目錄」。先決定網站要有哪些頁、每頁放什麼，才知道要準備哪些文字與照片。一般中小企業的品牌網站，可以從首頁、服務頁、關於我們、聯絡我們開始，再視需求加上作品案例、常見問題或文章。

一張頁面規劃表

每一頁的標題與描述，最好在準備文字時一起寫好草稿，寫法可以參考SEO 標題與描述怎麼寫。各頁的主題不要重疊：兩頁都在講同一件事，訪客分不清楚差別，搜尋引擎也難判斷哪一頁才是重點。

選單層級建議不要太深，重要頁面最好從首頁點一到兩次就能到達。頁面清單確定之後，也就是之後逐頁檢查素材與上線狀態的依據；網站上線一段時間後若想大幅調整架構，可以先參考公司網站什麼時候該改版的判斷方式，再決定要局部更新或整站重整。

授權與個資｜哪些素材可以放上網站

素材準備中最容易被忽略、後果也最麻煩的，就是權利問題。原則很簡單：除非你說得出這份素材的來源與授權範圍，否則先不要放上網站。

網路圖片與圖庫

依 經濟部智慧財產局對網路圖庫授權的著作權問答，具有原創性的圖片屬於受保護的著作，從圖庫下載後再上傳，涉及重製與公開傳輸；圖庫一般會標註授權利用的範圍，利用行為超出授權範圍時，仍應取得著作財產權人的同意。著作權法第 37 條也規定，授權約定不明的部分，推定為未授權。

因此使用圖庫素材時，請保存授權條款頁面的截圖、下載或購買紀錄與帳號資訊，並確認授權是否涵蓋商業網站使用、是否允許修改，以及是否需要標示作者。「網路上找得到」、「別人也在用」，都不代表你可以使用。

委託設計的標誌與照片

標誌或照片若是委託設計師或攝影師製作，權利歸屬與可使用的範圍要看雙方的約定。建議在合約或確認信中寫清楚：品牌可以用在哪些用途、可不可以修改、原始檔是否一併交付。若當初約定不明確，最好在架站前補一封確認信，避免日後要更換或延伸使用時產生爭議。

照片中的人物

員工、顧客或活動參加者出現在照片中時，放上網站前應取得當事人的同意，並記錄同意的範圍與日期。員工離職後是否繼續使用其照片，也最好事先約定。顧客評價或案例若會顯示姓名、照片或其他可辨識的資訊，同樣要先取得同意。

授權紀錄表

授權紀錄表不必一次填得很完美，但每一張要上線的圖片都應該找得到對應的一列。之後更換照片或授權到期時，也從這張表開始檢查。

命名、資料夾與版本管理｜讓素材找得到、不用錯

素材都準備好了，如果檔名是「IMG_0234.jpg」、「最終版(2)改.docx」，交接時仍然會出錯。花半小時訂好命名規則，可以省下之後大量的確認時間。

檔名：簡短、具描述性、使用英文小寫

前述 Google 的圖片最佳做法建議使用簡短但具描述性的檔名，例如 my-new-black-kitten.jpg 會比 IMG00023.JPG 更好。實務上可以採用「頁面-內容-編號」的規則，使用英文小寫與連字號，避免空白與特殊符號：

資料夾結構

資料夾依素材類別分層，每一類底下再依頁面分開。例如：

• 01-brand：標誌各版本、小圖示、品牌色與字型說明
• 02-images：依頁面分資料夾，例如 home、services、about
• 03-copy：各頁文案，一頁一份
• 04-company：公司資訊資料表
• 05-proof：證照、獲獎與案例的原始證明
• 06-licenses：授權紀錄表、合約與同意書
• 07-plan：頁面規劃表與選單草圖

版本管理

文案修改時在檔名加上版本號（v1、v2），不要直接覆蓋舊檔，也不要使用「最終版」這種會一再被推翻的名稱。共用資料夾只放確定要使用的素材；還在挑選中的照片，另外放在「待選」資料夾，避免被誤用到網站上。

交付前的素材檢查清單

素材整理完成、交給設計團隊或開始自己上傳之前，依序跑過下面的步驟。每一項都打勾了，再進入架站。

1. 對照頁面規劃表，確認每一頁需要的文字與圖片都已備齊
2. 標誌各版本都有向量檔與透明背景 PNG，小圖示已準備正方形的純圖形版
3. 品牌色已整理成色碼清單，字型名稱與授權來源已記錄
4. 各頁文字已由負責人審過，價格、服務範圍與聯絡資訊正確
5. 每張照片都是原始檔，已挑選並依規則命名，附上一句圖片說明
6. 公司資訊資料表已完成，網站上所有聯絡資訊都以它為準
7. 信任與佐證資料都可以公開，案例與評價已取得當事人同意
8. 授權紀錄表已逐項填寫，來源不明的素材已移除
9. 所有素材依資料夾結構放好，並指定後續維護的人

這份清單和上線前的檢查是前後兩段：素材檢查確保「放進網站的東西是對的」，上線前檢查則確保「網站運作是對的」。網站做好之後，記得再照上線前的檢查清單逐項確認手機版、表單、連結與公開設定。

在 Sharing AI 後台，素材會放在哪裡

如果你使用 Sharing AI 架站，準備好的素材大致會放進以下位置。介面可能隨版本更新，實際操作請以後台畫面與官方教學為準。

小圖示上傳、選單設定與頁面設定等操作步驟，都整理在 Sharing AI 架站平台教學主題頁的對應段落；平台本身的功能與方案，則可以在 Sharing AI 架站平台介紹中查看。

常見錯誤與避免方式

下面這些情況，在素材準備階段很常見。每一項都不難避免，只要在開工前多花一點時間。

兩週素材準備時程範例

如果不知道從哪裡開始，可以參考下面的安排。天數只是排程上的參考，實際長短取決於頁數、拍攝需求與內部審稿的速度；頁數少的網站可以合併幾個步驟。

1. 第 1–2 天：確定頁面清單與選單草圖，完成頁面規劃表，並指定每類素材的負責人
2. 第 3–4 天：整理品牌識別，向原設計師索取標誌原始檔，整理色碼與字型
3. 第 5–7 天：撰寫首頁、服務頁、關於我們與聯絡頁的文字初稿
4. 第 8–9 天：依拍攝清單補拍或挑選照片，整理影片連結與說明
5. 第 10 天：完成公司資訊資料表與信任佐證資料
6. 第 11–12 天：由負責人審稿，核對價格、服務範圍與聯絡資訊
7. 第 13 天：填寫授權紀錄表，移除來源不明的素材
8. 第 14 天：依命名規則與資料夾結構整理，跑一次交付前檢查清單

素材備齊之後，就可以開始架站。若想先用 AI 快速產生網站雛形，再把素材逐頁替換進去，可以從 Sharing AI 架站平台開始；若希望由團隊依品牌需求量身規劃版面與內容，則可以參考分享家的形象官網設計服務。

下一步：把素材放進網站

準備素材是架站的第一步。接下來可以依照 Sharing AI 架站平台教學的學習路線，從基本設定、選單與頁面架構一路做到上線；用 AI 撰寫內容時參考AI 編寫助理的使用方式，上線前再以上線前檢查清單逐項確認。

網站上線一段時間之後，若想知道哪些頁面該優先改善，可以閱讀網站 SEO 健檢要先看什麼；手機版的閱讀體驗則可以參考RWD 響應式網站為什麼重要。素材資料夾與資料表請持續維護，之後每次新增頁面或更新服務，都從這裡開始。