图片 SEO 完整指南：让你的图片被 Google 找到并带来流量

大多数网站主在做 SEO 时，把大量时间花在文字内容上，却忽略了图片。事实上，图片 SEO 是一个常被低估的流量来源，也对整体搜寻排名有直接影响。本文带你全面了解图片 SEO 的每个面向，从最基础的档名命名到进阶的结构化资料。

为什么图片 SEO 重要

图片 SEO 的重要性体现在几个层面：

• 独立的流量来源：Google 图片搜寻每月有数十亿次搜寻。对电商、食谱、旅游、设计等视觉导向的网站，图片搜寻可以占总流量的 10–40%。
• 影响文字搜寻排名：图片对页面速度的影响，进而影响 Core Web Vitals 分数，而这已是 Google 正式的排名因素之一。
• 视觉搜寻的崛起：Google Lens 和图片搜寻的搜寻量逐年增加，尤其在行动装置上，用户越来越习惯用图片搜寻产品和灵感。
• 无障碍（Accessibility）：良好的图片 SEO 实践（尤其是 alt text）同时也改善了视障用户的使用体验，是负责任的网站设计。

图片档名命名规则

很多人忽略了图片的档名，习惯直接使用相机预设的 IMG_0023.jpg 或 DSC_4512.jpg。这些无意义的档名对 Google 理解图片内容毫无帮助。

正确的图片命名原则：

• 使用有意义的英文描述：用英文（有利于国际搜寻）描述图片内容，如 red-running-shoes-nike-air-max-90.jpg
• 使用连字号（-）分隔单字：Google 将连字号视为空格，有利于关键字识别。不要用底线 (_) 或空格
• 包含主要关键字：自然地融入你希望排名的关键字，但不要过度堆砌
• 保持简洁：3–5 个单字通常足够，过长的档名反而降低可读性
• 避免无意义数字：如 photo1.jpg、image-2024.jpg 等

好的范例：chocolate-lava-cake-recipe.jpg
不好的范例：IMG_0234.jpg、photo1-new-final-v2.jpg

Alt Text（替代文字）

Alt text 是图片 SEO 中最重要的单一元素。它有两个功能：一是告诉搜寻引擎图片内容，二是在图片无法载入时显示给用户，三是提供给萤幕阅读器为视障用户描述图片。

有效的 alt text 写法：

• 描述图片中的实际内容（人物、物体、场景、动作）
• 自然融入目标关键字（不强行堆砌）
• 保持简洁，通常 5–15 个词足够
• 避免以“图片显示…”或“照片of…”开头（Google 已知道这是图片）

详细的 alt text 写法教学，请参考本系列文章《Alt Text 怎么写？完整教学》。

压缩对速度的影响：量化分析

图片大小对页面速度有直接且显着的影响：

• 根据 HTTP Archive 的数据，图片占平均网页总重量的 43–53%，是所有资源类型中最大的
• 一个 10 MB 的未优化图片，在 4G 网路（平均约 20 Mbps）下需要约 4 秒才能载入
• 同一张图片压缩至 500 KB（WebP，视觉几乎无损），载入时间缩短至约 0.2 秒
• Google 的研究显示，页面载入速度每降低 1 秒，转换率可降低 7%；PageSpeed 分数提升与排名正相关

对图片速度优化的建议：

• 所有图片转换为 WebP 或 AVIF 格式
• 根据实际显示尺寸调整图片解析度，不要让浏览器缩小大图
• 使用 srcset 属性提供不同解析度版本，让浏览器选择最适合的
• 对非首屏图片使用 loading="lazy" 延迟载入
• 使用 CDN 加速全球用户的图片载入速度

结构化资料（Structured Data）

结构化资料（Schema Markup）能帮助 Google 更好地理解你的图片在页面中的角色，并在搜寻结果中显示丰富的图片预览。

最重要的图片相关结构化资料类型：

• Product Schema：电商产品页使用，Google 可在购物搜寻和图片搜寻中显示对应产品图片和价格
• Recipe Schema：食谱网站使用，让食物图片出现在 Google 图片搜寻的“食谱”筛选分类中
• Article Schema：新闻和部落格文章使用，搭配 AMP 或有效的 Schema 可让图片出现在 Top Stories
• ImageObject Schema：明确标记图片的 URL、名称、描述和版权资讯

基本的 ImageObject 结构化资料范例（JSON-LD 格式）：

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "url": "https://example.com/images/product-photo.jpg",
  "name": "红色跑步鞋",
  "description": "Nike Air Max 90 红色版，侧面特写，白色背景"
}
</script>

Open Graph 和 Twitter Card 图片

当你的内容被分享到社群媒体时，平台会抓取 meta tag 中的图片来生成预览。正确设定可大幅提升分享后的点击率：

• og:image：建议 1200×630 px，Facebook、LinkedIn 等平台使用
• twitter:image：建议 1200×675 px，Twitter/X 使用
• 图片应具体描述页面主题，而非使用网站 LOGO 作为预设缩图
• 可用 Facebook Sharing Debugger 或 LinkedIn Post Inspector 预览和更新快取

Google 图片搜寻的排名因素

Google 图片搜寻的排名逻辑与一般搜寻有所不同，以下是已知的重要因素：

• 图片的相关性：图片内容（透过 Google Vision AI 分析）、alt text、图片周围的文字和页面主题的相关程度
• 页面品质：图片所在页面的整体 SEO 表现，包括 PageRank、内容品质和反向连结
• 图片品质：清晰、高解析度的图片比模糊、低画质的图片排名更好
• 图片唯一性：原创图片比从其他网站重复使用的图片有更好的排名表现
• SafeSearch 合规性：图片不违反 Google 的安全搜寻政策
• 图片授权资讯：标记了创用 CC 授权的图片可在“可使用”筛选中出现

图片 Sitemap

Google 建议提供图片 Sitemap，以确保所有图片都被索引，特别是透过 JavaScript 动态载入的图片：

• 在现有 XML Sitemap 中加入图片扩展，或建立专属的图片 Sitemap
• 每个页面可列出多张图片的 URL、标题和描述
• WordPress 使用者可使用 Yoast SEO 或 Rank Math 外挂自动生成含图片资讯的 Sitemap

监测图片 SEO 效果

如何衡量图片 SEO 的效果：

• Google Search Console：在“搜寻结果”报告中，将搜寻类型切换为“图片”，可查看来自 Google 图片搜寻的曝光次数和点击数
• Google Analytics：分析来自 Google 图片搜寻的有机流量（在来源/媒介中筛选 google / organic）
• PageSpeed Insights：定期检查页面的图片优化建议，包含“延迟离屏图片载入”、“以新一代格式提供图片”等

常见的图片 SEO 错误

• 使用无意义的图片档名（IMG_XXXX.jpg）
• 忽略或留空 alt text
• 所有图片使用相同的通用 alt text（如“公司LOGO”、“产品图片”）
• 上传超大未压缩图片
• 未设定 og:image，社群分享时显示错误或无图片
• 透过 CSS background-image 显示重要的 SEO 图片（Google 不抓取 CSS 背景图）

结语

图片 SEO 是一个多层次的工作，从最基础的档名和 alt text，到进阶的结构化资料和速度优化，每个环节都有其贡献。好消息是，大多数图片 SEO 的改善是一次性的工作——一旦你建立了良好的图片命名、压缩和标记流程，这些标准就会自然融入你的日常工作中，持续带来复利效益。

在浏览器里直接完成，档案不会离开你的电脑：图片工具