# 图片 SEO

> Google 从 img 元素的 src 属性发现图片，不索引 CSS 图片。它结合 alt 文本、计算机视觉和页面内容理解图片，所以 alt 文本应描述准确、贴合上下文，不要堆砌关键词。高质量图片和视频对 Google 的 AI 功能仍然重要。

- URL: https://geo.casa/zh-cn/content-structured-data/image-seo/
- 参考 · 官方文档已说明
- 审核于: 2026-10-25

## 使用 HTML 图片元素

> **官方文档已说明:**
> Google 能在 `<img>` 元素的 src 属性中找到图片，即使它是 `<picture>` 等其他元素的子元素。「Google 不会将 CSS 图片编入索引。」
>
> 参考来源: [Google Search Central: Image SEO best practices](https://developers.google.com/search/docs/appearance/google-images)

```html
<!-- 会被编入索引 -->
<img src="robots-txt-flow.png" alt="流程图：爬虫在请求其他 URL 之前先请求 robots.txt">

<!-- 不会作为图片被编入索引 -->
<div style="background-image: url(robots-txt-flow.png)"></div>
```

## 写有用的 alt 文本

> **官方文档已说明:**
> 「Google 结合 alt 文本、计算机视觉算法和页面内容来理解图片的主题。」alt 文本应有用、信息丰富，恰当使用关键词，并贴合页面内容。要避免堆砌关键词。
>
> 参考来源: [Google Search Central: Image SEO best practices](https://developers.google.com/search/docs/appearance/google-images)

alt 文本也服务于使用读屏软件的用户。图片作为链接时，alt 文本还会充当锚文本。

## 图片与 AI 功能

> **官方文档已说明:**
> Google 列出了对 AI 概览和 AI 模式仍然值得做的 SEO 实践。其中一条是「在适当时用高质量的图片和视频支撑文字内容」。
>
> 参考来源: [Google Search Central: AI features and your website](https://developers.google.com/search/docs/appearance/ai-features)

## 本站的做法

本站有意少用图片。分享图通过 `og:image` 引用，并通过 `og:image:alt` 提供替代文本。

## 参考来源

- [Google Search Central: Image SEO best practices](https://developers.google.com/search/docs/appearance/google-images)
- [Google Search Central: AI features and your website](https://developers.google.com/search/docs/appearance/ai-features)