谷歌优化图片

使用 HTML 图片

使用 HTML 图片元素在内容中嵌入图片。

使用 HTML <img> 或 <picture> 元素

语义 HTML 标记有助于抓取工具找到并处理图片。使用 <picture> 元素，您还可以针对不同屏幕尺寸为自适应图片指定多个选项。您还可以在图片上使用 loading="lazy" 属性，提高用户的网页加载速度。

避免以下做法：

• 使用 CSS 显示您希望我们编入索引的图片。

使用 alt 属性

为图片提供说明性文件名和 alt 属性说明。alt 属性使您能够为图片指定替代文本，在图片由于某种原因不能显示时起到救场的作用。

为什么使用此属性？如果用户使用屏幕阅读器等辅助技术查看您的网站，则 alt 属性的内容会提供关于照片的信息。

另一个原因是，如果您将图片用作链接，则该图片的替代文本会等同于文字链接的定位文字。但是，如果文字链接可以起到相同的作用，我们建议不要在网站的导航中使用太多图片作为链接。最后，优化图片文件名和替代文本可使图片搜索项目（如 Google 图片）更好地理解您的图片。

使用简短但具有描述性的文件名和替代文本

和网页上被视为优化对象的许多其他部分一样，简短但具有描述性的文件名和替代文本是最理想的。

避免以下做法：

• 在可能的情况下均使用 image1.jpg、pic.gif、1.jpg 等宽泛的文件名。如果您的网站有数千张图片，您可能希望自动为图片命名。
• 文件名非常长。
• 替代文本中充斥着关键字，或复制粘贴整个句子来作为替代文本。

使用图片作为链接时提供替代文本

如果您决定使用图片作为链接，同时提供替代文本可帮助 Google 更深入地了解您链接到的网页。这就像您为文字链接撰写定位文字一样。

避免以下做法：

• 撰写会被认为是垃圾内容的超长替代文本。
• 网站导航仅使用图片链接。

帮助搜索引擎找到您的图片

图片站点地图可为 Google 提供更多与在您网站上找到的图片有关的信息。这样能够提高您的图片出现在 Google 图片搜索结果中的几率。该文件的结构与您网页的 XML 站点地图文件类似。

使用标准图片格式

使用普遍支持的文件类型 - 大多数浏览器支持 JPEG、GIF、PNG、BMP 和 WebP 图片格式。另外，最好让文件扩展名与文件类型相匹配。