網站圖片看似只是「裝飾」，其實左右 頁面速度、搜尋排名、轉換率。
這篇用 3 分鐘教你
3 + 1 個必做動作：檔名、壓縮、ALT 文本
再加一點進階設定，讓圖片既快又能被 Google 看懂。
【第1步】檔名：先改再上傳
- 別用
IMG_1234.jpg、Screenshot.png - 改成
organic-chamomile-tea-40bags.jpg- 英文小寫、短橫線分隔、含主要關鍵字
- 先說「產品」、再補「規格」或「特色」
為什麼？
搜尋引擎會抓檔名判斷主題；良好命名也方便日後管理。
【第2步】壓縮：速度是排名與轉單的底線
| 格式 | 適用情境 | 建議檔案大小 | 壓縮工具 |
|---|---|---|---|
| JPEG / JPG | 實景、產品照 | ≤ 300 KB | TinyJPG、Squoosh |
| PNG | 需透明底、LOGO | ≤ 150 KB | TinyPNG |
| WebP | 兼容性允許時 | ≤ 200 KB | Squoosh |
- 無損壓縮優先，畫質 ≈ 95 % 就足夠
- 行動裝置速度門檻：Largest Contentful Paint < 2.5 秒
- 壓縮完比對畫質，確保不影響品牌形象
【第3步】ALT 文本：看不到的關鍵字
- ALT 文本 = 圖片替代說明，Google 讀得到、視障讀屏也用得到
- 寫法公式：主關鍵字 + 描述 / 場景 / 規格
alt="organic chamomile tea bags in eco-friendly box"
- 避免堆砌：60 字內、自然語句即可
- 如果是一組相似圖片，ALT 文本要稍作區分（如不同口味、顏色）
【加分項】進階設定一次掌握
- Lazy Loading
loading="lazy"：先顯示首屏，加快首次呈現速度
- Responsive Images
srcset與sizes：依螢幕自動載入最合適尺寸
- Structured Data
<meta itemprop="image">提供產品主圖 URL，強化 Rich Result
- CDN 圖片快取
- Cloudflare、Cloudinary：全球節點加速、即時壓縮
【今日重點】
- 檔名先改：英文小寫 + 關鍵字，別留預設亂碼
- 壓縮到 150–300 KB 內，JPEG/PNG/WebP 視需求選擇
- ALT 文本用自然語句，60 字內含主要關鍵字
- Lazy load、srcset、結構化資料再加 CDN，可進一步提升速度與排名
做好圖片優化，就是同時幫 搜尋引擎看得懂、用戶載得快、品牌形象不打折。
今天先從重命名與壓縮開始，你的頁面速度與 SEO 分數就會立刻上升。
【內容創作者專屬｜提供SEO 諮詢】
你好，我是 Annie，長期研究 SEO 與內容策略，
曾協助網站登上 Google 第一頁，也經營過流量破萬的部落格。
如果你也在產出內容，卻總覺得流量不上來、排名卡關——
不是你不夠好，而是你還沒用對 SEO 方法。
我願意免費幫你看一次，直接指出關鍵問題，
給你實際可行的優化建議。
- 私訊詢問 | 專屬內容創作者的 30 分鐘免費諮詢
現在預約或直接私訊我IG！
發表迴響