網站要放多少照片?沒照片可以嗎
很多老闆接到網站報價,第一個反應是「照片我還沒有欸」。更常見的是另一個問題:照片到底要放多少?放三張會不會太少?沒有照片的網站,Google 會不會不看?白話版:Google 官方沒有規定「網站必須放幾張照片」,但有兩件事是確定的——你放的每一張圖片,Google 都會讀它的替代文字(alt);而你沒放照片的那個頁面,Google 就沒有東西可以讀。
這篇把官方對照片的規則整理成三塊:沒有官方下限數字但有實際下限的情況、照片真正的三個作用、以及沒有照片時該怎麼補。

換句話說一次:「照片要放幾張」不是一個有標準答案的問題,「這頁要不要有照片」才是。
很多人在問數量,其實真正的問題是「我手上沒有能用的照片」。這兩件事的處理方式完全不同:前者是排優先順序,後者是先決定要不要做。
會 → 那就留,而且該補的都補;不會 → 那不是照片太少,是照片沒放在對的位置。
官方有沒有規定照片要放幾張
先講結論,因為這是最多人問、也最少人查證的部分。Google 的官方說明中心,對「一般網站要放幾張照片」沒有任何數字下限。(查詢日期:2026-11-10)這句話很重要,因為它意味著兩件事:一是沒有人會因為你照片放太少就把你的網站降權;二是「至少放 N 張」這種說法,如果有人講得很篤定,多半是他自己的經驗,不是官方規則。
但「官方沒有下限」不等於「照片沒有官方規則」。Google 對照片本身有一套明確的說明,只是在圖片搜尋(Google Images)這個脈絡底下講的,主要圍繞三件事:
| 官方關注的面向 | 官方說法(2026-11-10 查詢) |
|---|---|
| 替代文字(alt) | 官方說 alt 是「提供更多圖片中繼資料時最重要的屬性」,並明講 Google 會搭配電腦視覺與頁面內容一起理解圖片主題;同時直接點名「用關鍵字塞滿 alt」會造成負面使用體驗、可能被視為垃圾內容 |
| 檔名 | 官方說檔名能給 Google 關於圖片主題的「很輕的線索」,建議用簡短但有描述性的名稱,並明講要避免 image1.jpg、pic.gif、1.jpg 這類通用檔名 |
| 圖片位置與尺寸 | 官方說「盡量把圖片放在相關文字附近,放在與圖片主題相關的頁面上」;同時提醒圖片常常是整頁大小的最大宗,會讓頁面變慢、變貴 |
所以正確的問題不是「官方要求幾張」,而是「我放的這些圖,Google 讀得懂嗎、客人看得懂嗎」。一張有正確替代文字、放在相關段落旁邊、檔名有描述的照片,比十張叫 IMG_0001.jpg 的照片有用得多。
另外有件事要先講清楚:「照片」跟「圖示」是兩回事。網站上放一個箭頭或勾勾圖示,Google 官方是把它當成圖片處理的,一樣需要替代文字;但它對「客人看懂你在做什麼」幾乎沒有幫助。真正有價值的照片,是拍到你正在做的那件事、做出來的成品、或你所在的現場。
再來一個現實的提醒:照片不是越多越好。Google 官方同時提醒,圖片常常是整頁大小的最大宗,會讓頁面變慢、變貴;官方也建議避免比例很怪的圖(例如過窄或過寬),因為那種形狀在搜尋結果的縮圖裡會被裁掉重點。所以「放多少」這個問題,最後一定會跟「放多大、壓多狠」撞在一起。
照片真正幫你做三件事
照片不是裝飾品。放在網站上的照片,主要在做下面這三件事,而且三件事的效果來源完全不同——這也是為什麼「多放幾張」這種答案沒有用。
網站照片的三個作用:給客人看、給 Google 讀、給圖片搜尋找
第一件事是給客人看的。客人剛進你的網站,前面幾秒是在判斷「這家公司做不做我要的生意」。照片能讓他一秒就看懂你在做什麼、做出來的東西長什麼樣;沒有照片,他得從文字裡想像——想像出來的東西,通常不會讓人下單。
第二件事是給 Google 讀的。這一點是最多人忽略的。Google 官方說得很清楚:替代文字(alt)是提供圖片中繼資料時最重要的屬性,Google 會搭配電腦視覺演算法與頁面內容一起理解圖片主題。同一張照片,alt 寫「我們的招牌產品照片」跟寫「手工皂禮盒 玫瑰與薰衣草」被理解到的東西完全不同——後者才有內容價值。
同時官方也直接點名不要做的事:不要把關鍵字塞滿 alt。官方的例子是一張小狗照片,alt 寫成「puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food」——這種寫法被官方明說會造成負面使用體驗、可能讓網站被視為垃圾內容。
第三件事是給圖片搜尋找的。Google 說檔名能提供「很輕的線索」,所以 image1.jpg 這種等於什麼都沒說。但這三件事都要付同一個代價:圖片常常是整頁大小的最大宗(官方原話),照片放得越多,頁面越慢、越貴。有關頁面速度怎麼量、怎麼改善,網站速度慢怎麼辦 那篇有專門處理。

換句話說一次:alt 不是給搜尋引擎看的關鍵字欄位,是給「看不到照片的人」聽的說明。
寫的時候問自己:如果這張照片載入失敗,讀者會少知道什麼?把那句話寫進 alt 就對了。這樣寫出來的 alt,剛好也是 Google 最能讀懂的那種。
空 → 搜尋引擎跟讀者都拿不到任何線索;寫檔名 → 等於沒寫;寫「手工皂禮盒,玫瑰與薰衣草包裝」→ 才是真的說明。
每一種頁面,建議放多少張
前面說了官方沒有網站照片的數字下限,那「建議放多少」從哪裡來?來自頁面本身的任務——每一種頁面要回答客人的問題不同,需要的照片種類與數量自然不同。以下是我們的實務建議,不是官方規定,請當成起點而不是標準。
先講這個表的用法:照著頁面任務去配照片,不是照著數字去湊張數。服務頁要回答「做出來會是什麼樣」,那流程與成品的照片就比店面照有用;聯絡頁要回答「你找得到嗎」,那位置與門口就比作品集有用。同一張照片放在不同頁面,價值完全不同。
| 頁面 | 建議張數 | 放什麼、為什麼是這些 |
|---|---|---|
| 首頁 | 3~6 張 | 代表作品、實際工作場景、成品細節。首頁的任務是「五秒內讓人知道你是誰」,照片比任何自我介紹都快 |
| 服務項目頁 | 每個服務 2~4 張 | 過程中、成品、成品細節。客人買的是「做出來會是什麼樣」,過程照片正是回答這題 |
| 案例頁 | 每個案例 3~8 張 | Before、過程、After。沒有案例的時候,見中小企業網站要寫什麼內容 那篇怎麼處理 |
| 關於我們 | 2~5 張 | 團隊、場域、每天在做的事。小公司更需要照片,因為沒有名氣可以背書 |
| 聯絡頁 | 1~3 張 | 門口、招牌、位置圖。這頁的任務是「你找得到嗎」,照片常常比地址有用 |
| 沒有產品的頁面 | 0 張也可以 | 純文字的服務說明頁沒有照片並不奇怪。硬塞一張跟內容無關的圖,只會讓頁面變慢 |
這個表有個重要前提:照片的品質比數量重要得多。三張光線好、主體清楚、客人一看就懂的照片,勝過二十張糊的、光線暗的、看不出在幹嘛的照片。
「照片品質」這件事在商家檔案(Google 商家檔案)有官方規格可以參照——那邊要求照片清晰明亮、不得經過明顯修改或過度使用濾鏡、圖像要如實呈現現場,官方也直接說明低品質照片可能會被移除而且無法申訴。同一個標準用在你的網站上完全合理:你的網站照片如果連自己家人朋友都看不出在幹嘛,客人更不可能看懂。
一個可以直接套用的判斷法
把每一張照片刪掉,然後問:「少了這張,這頁有沒有少掉一件對客人的重要訊息?」
有 → 留著,而且要放對位置、寫對替代文字。
沒有 → 拿掉,頁面會更快也更乾淨。
沒有照片怎麼辦:三種替代做法
「我沒有照片」是大多數小公司的真實狀況。這個狀況有解,而且不必等著買到照片才能上線。按能不能拍到,分三種處理方式。
第一種:真的能拍,但沒有預算請人拍
用手機拍就好,這是我們最常建議的做法。一張清楚的手機照片,勝過十張看不出所以然的圖庫照片。重點不在器材,在於三件事:光線夠(找窗邊或白天戶外)、主體清楚(不要遠到看不出是什麼)、畫面不要歪(Google 對商家照片的說明裡就提到要避免過度旋轉)。
拍工作現場、拍工具、拍材料、拍半成品、拍你的辦公桌、拍作品局部——這些都能用。技術上現在連網站都會自動縮圖(手機版不用再抓桌機原圖,這點 手機版網站該檢查什麼 那篇有說明),所以不用自己處理尺寸。
第二種:完全拍不到,或不想用真人的臉
那就用「環境與過程」代替「人像」:辦公空間、工具排列、材料、產線、你做出來的成品特寫、物流包裝。這些照片同樣能回答「你做不做這件事」,而且完全不需要露臉。另外還有兩個可以用的工具:
- 示意圖與圖表:服務流程圖、服務範圍圖、價位表。Google 官方明確支持 SVG 格式的圖片,這種圖用程式畫反而比照片精準。
- 工具截圖:如果你賣的是軟體或線上服務,把實際操作畫面截出來當圖,客人一眼就懂。
第三種:真的什麼都沒有
那就先以純文字網站上線,把照片補進「之後再做」的清單。這完全沒有問題——純文字網站可以有效運作,只是少了一個說服客人的工具而已。真正要避免的是:為了「看起來有照片」而放一批跟你業務無關的圖庫照片,那會讓頁面變慢、又給不到任何訊息。
如果你連網站都還沒做,想知道一頁式跟完整官網在照片需求上差多少,什麼是落地頁 那篇有比較兩者的差別。

換句話說一次:照片是用頁面重量換的,所以要花在會讓客人往下看的位置。
同一頁放十張等大的圖,客人的手機會停在最上面;把三張放在關鍵段落旁邊,頁面反而更輕、訊息更清楚。
第一屏看不到 → 那張照片目前沒有發揮作用,位置要調;
每張都塞滿整頁 → 該壓縮,照片常常是頁面大小最大宗。
照片規格與替代文字怎麼處理
照片放上去之後,還有幾件事是官方有明確說法、而且自己就能做的。這一段是規格,不是建議。
格式與檔名
Google 官方說明中心列出 Google 搜尋支援的圖片格式:BMP、GIF、JPEG、PNG、WebP、SVG 與 AVIF,並建議副檔名與實際格式一致。現代瀏覽器普遍支援 WebP 與 AVIF,同樣的視覺效果通常比 JPEG 小很多——對「圖片是頁面大小最大宗」這件事來說,這是最直接的改善。
檔名部分,官方說得很直白:用簡短但有描述性的檔名,避免 image1.jpg、pic.gif、1.jpg 這類通用名稱,並舉例 my-new-black-kitten.jpg 比 IMG00023.JPG 好。放在自己網站上的圖,順手改成「手工皂禮盒-玫瑰薰衣草包裝.jpg」就好,不需要任何工具。
替代文字:四個層級的寫法
Google 官方在圖片說明文件裡給了一組對照例子,我們直接整理成表格。這組例子講的是同一張小狗照片的四種寫法,非常值得放在桌上:
| 層級 | 官方示範寫法 | 官方怎麼說 |
|---|---|---|
| 不行 | alt 完全不寫 | 官方標為「壞(缺少 alt)」 |
| 更糟 | alt 塞滿關鍵字 | 官方標為「壞(關鍵字堆砌)」,說會造成負面使用體驗、可能讓網站被視為垃圾內容 |
| 可以 | alt 寫物體名稱 | 官方示範寫 puppy,評為「較好」 |
| 最好 | alt 寫成一句有情境的描述 | 官方示範寫 Dalmatian puppy playing fetch,評為「最好」 |
把這張表翻成中文你自己就能寫了。一張產品照,alt 寫「手工皂禮盒」是第三層;寫「玫瑰與薰衣草手工皂禮盒,牛皮紙盒裝」是第四層。差別只有十幾個字,但那是「有訊息」跟「沒訊息」的差別。
其他三個官方提醒
- 同一張照片,全站用同一個網址。官方說這是為了讓 Google 能快取並重複利用同一張圖。別在首頁放 A.jpg、在案例頁又放一份 A-2.jpg。
- 不要用比例很怪的圖。官方說要避免極端的寬高比,因為那種形狀在結果頁的縮圖裡會被裁掉重點。
- 圖片位置會影響它出現在哪。預覽圖是 Google「自動完成」的,但可以指定整頁的主要圖片:官方文件說可在結構化資料用 primaryImageOfPage 指定,也可在 og:image 指定;同時提醒不要用太泛用的圖(例如網站 logo)、不要放有文字的圖、要用高解析度。
這三條裡面,最值得先做的是替代文字:不用重新拍、不用改版面、不用買器材,打開網站管理後台把圖片的替代文字補上,就完成了一件 Google 官方明講「最重要」的事。
三十分鐘就能完成的補照片清單
看完前面五節,如果只留一份可以照做的清單,就是下面這六條。按順序做,每一條都是自己動手就能完成的,不需要先決定要做網站還是先買照片。
- 先盤點。打開網站首頁與服務頁,把所有照片數一次,記下每張放在哪一頁。這一步你就知道「我到底缺多少」——很多人是覺得自己沒有照片,數完才發現其實有十幾張,只是沒人知道。
- 每一張問一次「少了它,客人少知道什麼」。答不出來就拿掉,頁面會更快。
- 補齊替代文字。照第四層寫法寫一句有情境的描述。這是官方說最重要、也是最花不到時間的一件。
- 把檔名改成有描述性的。不要 IMG_0001.jpg,要「服務項目-場景-01.jpg」這種。改名不影響畫面,只影響被搜尋到的機會。
- 把能拍的先拍下來。用手機、找光線、拍主體、拍過程與成品。不用等預算,先有再說好不好。
- 一次做完順序檢查。改完之後請人從手機上看一次:照片位置對不對、替代文字有沒有出現在圖片上(長按圖片看「檢視圖片資訊」)、頁面是不是變太慢。
如果你想先知道自己的網站在這件事上缺什麼
不用先花錢改網站。我們可以先做一次線上健檢,直接看你的網站目前的照片狀況:數量、放置位置、替代文字有沒有寫、有沒有拖慢頁面,然後給你一份按優先順序排好的清單。
JS設計工坊