
SEO 友善的圖片命名方式
發布日期:
SEO 友善的圖片命名方式可以幫助搜索引擎更快理解圖片內容,進一步提升網站的搜索排名。
1. 簡單扼要,清楚描述
使用能清楚描述圖片內容的檔案名稱,而不是使用模糊、無意義的名稱(如 IMG1234.jpg)。
範例:波士頓奶油派
❌ 錯誤: IMG1234.jpg 👉 沒有意義
✅ 正確: boston-cream-pie.jpg
2. 精準包含關鍵字
包含與圖片相關的關鍵字,但不可重複或胡亂堆疊。
範例:輕食沙拉菜單
❌ 錯誤: web-design-service.jpg 👉 文不對題
❌ 錯誤: healthy-salad-recipe-fresh-green-menu-lovely-good-nutrition.jpg 👉 過度堆疊關鍵字
✅ 正確: healthy-salad-recipe.jpg
3. 使用連字號分隔英文單字,而不是空格
用『 - 連字號』分隔每一個英文單字,而不是『 _ 底線』、空格或其他符號。
範例:餐廳菜單設計
❌ 錯誤: restaurant_menu_design.jpg 👉 不可用底線
❌ 錯誤: restaurant menu design.jpg 👉 不可有空格
✅ 正確: restaurant-menu-design.jpg
4. 避免使用中文、空格、特殊符號
無論目標受眾是全球或國內,都建議使用有意義的英文單字來命名。
範例:高雄美食
❌ 錯誤: 高雄美食.jpg 👉 不可使用中文
❌ 錯誤: kaohsiung food.jpg 👉 不可有空格
✅ 正確: kaohsiung-food.jpg
5. 檔案格式選擇
儘量使用常見的圖片格式,例如 JPEG、PNG 或 WebP。
範例:輕便外套
❌ 錯誤: light-jacket.bmp 👉 不可使用 BMP 格式
✅ 正確: light-jacket.jpg
✅ 正確: img-light-jacket.png
6. 壓縮圖片,加快讀取
壓縮圖片以縮小檔案大小,提升網頁讀取速度,這對 SEO 也很重要。
壓縮工具建議:
7. 加上 ALT 屬性
除了命名,也要記得在 HTML 的圖片標籤中加上 ALT 屬性,以便搜索引擎更準確理解圖片內容。
程式碼範例:
alt="高雄波士頓派,香濃細緻的甜點" src="kaohsiung-boston-cream-pie.jpg">
這些命名方式不僅能讓搜索引擎更容易抓取和理解,還能提升用戶體驗,尤其是圖片無法正常顯示時,ALT 屬性會發揮重要的作用。