如何做图片SEO优化？

使用图片是一个不错的主意，它能让读者更好地理解你的文章，或者更好地了解你提供的产品或服务。老话说得没错，“一图胜千言”，尽管这可能在谷歌的情境下并不适用。但是当你需要为一千个枯燥的文字增添色彩，用图表说明你的意思，或者让你的社交媒体帖子更具吸引力时，这句话确实是对的。

这是一个简单的建议：在你写的每篇文章或创建的每个页面中都添加图片，让它们更吸引人。此外，随着搜索领域的迅速变化，不再只依赖于文本，向页面添加视觉元素会有利于你的搜索引擎优化。

视觉搜索仍然是方程式的重要组成部分，就像几年前谷歌对搜索未来的愿景已经显而易见一样。但随着人工智能和其他多媒体技术的兴起，优化你的图片（以及视频）将使搜索引擎和用户更容易找到你。努力优化你的图片可能会为你带来可观的流量。

当你进入谷歌图片搜索时，你会注意到现在它带有过滤器、元数据和归因。这向我们表明，谷歌越来越了解图像的内容以及图像如何融入更大的背景中。

寻找合适的图片

图像 SEO：这张图片并不是在说“欢迎来到我们的公司”，而是在说“欢迎来到一家公司”。

最好使用原创图片——你拍摄的高质量照片——而不是库存照片。你的团队页面需要展示你实际团队的照片。而不是右边这个人，或者他的其他库存照片朋友之一。

你的文章需要一张与其主题相关的图片。如果你添加了一个随意的照片只是为了在 Yoast SEO 内容分析中得到一个绿色的指示灯，那你就错了。这张图片应该反映出文章的主题，或者在文章中起到说明作用。此外，尽量将图片放在相关文本附近。如果你有一个核心图片或者你想要排名的图片，尽量将其放在页面顶部，如果可能的话，而不让其显得不自然。所有这些都有一个简单的图像 SEO 原因。一张带有相关文本的图片在其优化的关键词上排名更高。但我们将在本文稍后讨论图像 SEO。

备选方案

你的网站上没有原创图片吗？还有其他找到独特图片的方法。例如，Flickr：Creative Commons 和 Unsplash 是很好的图像来源，因为你可以使用 Creative Commons 图像。记得检查一下限制条件，并在使用其图像时注明原始摄影师。我们的博客文章为你提供了一个获取优秀图片的概述。避免明显的库存照片。如果你一定要使用库存照片，选择看起来更真实的照片。但不管你使用什么，你可能会发现带有人物的图片通常看起来像是库存照片。除非你自己拍摄了照片，这（在我们看来）总是最好的主意。

明显的图片替代方案是插图或图表，这正是 Yoast 我们经常使用的。此外，还应该提到的是动态 GIF 图片，这在今天非常流行。

图像 SEO：动态 GIF 图片现在非常流行

动态 GIF 图片很酷但加载慢

尽管动态 GIF 图片很受欢迎，但要适度。它会使你的文章更难读，因为图像的运动会分散读者的注意力。而且，更重要的是，它们可能会减慢你的页面加载速度。

为文章中的图片做准备

一旦你找到了合适的图片——照片、插图或图表——下一步就是为你的网站对其进行优化。所以在添加图片之前，有几件事情你需要考虑：

选择正确的文件名

是的，我们是认真的。图像 SEO 从文件名开始。你希望谷歌知道图像是关于什么的，甚至不看它。所以，在图像文件名中使用你的关键词。这很简单：如果你正在写一篇关于巴黎圣母院的文章，并使用一张显示巴黎圣母院日出的图片，文件名不应该是 DSC4536.jpg。一个合适的文件名应该是 notre-dame-paris-sunrise.jpg。这样，照片的主要主题（也许是你的文章）就在文件名的开头。

选择正确的格式

对于图片来说，没有适合所有情况的正确格式。它取决于图片的类型以及你想要如何使用它。简而言之，我们建议：

• 对于较大的照片或插图，选择 JPEG。它会以相对较小的文件大小为你提供色彩和清晰度方面的良好结果；
• 如果你想在图像中保留背景透明度，使用 PNG；
• 或者使用 WebP 而不是 JPEG 和 PNG。它会以较小的文件大小提供高质量的结果。你可以使用像 Squoosh 这样的工具将你的图像转换成 WebP；
• 对于标识和图标，使用 SVG。借助 CSS 或 JavaScript，你可以管理 SVG 格式的图像。例如，调整大小而不会失去质量。 如果你知道你的大部分受众使用特定的浏览器或设备，检查一下这些浏览器在 CanIuse.com 上是否支持你首选的格式。当你选择了正确的名称和格式后，就该调整大小和优化你的图像了！

为图像 SEO 缩放

加载时间对用户体验和整体 SEO 非常重要。网站加载得越快，用户和搜索引擎访问页面就越容易。图片在加载时间中有着很大的影响，特别是当你上传一个巨大的图像来显示它的小尺寸时。例如，一个 2500×1500 像素的图像以 250×150 像素的大小显示。

即使它显示得更小，整个图像仍然需要加载。因此，将图像调整到你想要显示的尺寸。WordPress 在上传后会自动为你提供多个尺寸的图片。不幸的是，这并不意味着文件大小也被优化了；这只是图像显示的尺寸。所以，考虑一下你上传图片的尺寸！

使用响应式图片

这对 SEO 也很重要。如果你使用 WordPress，它会自动完成，因为它在 WordPress 4.4 版本中默认添加了此功能。图片应该具有 srcset 属性，这样可以根据屏幕宽度为每个屏幕加载不同的图片，这对移动设备尤其有用。

减少文件大小

图像 SEO 的下一步是确保你的缩放图像被压缩。这样，它将以最小的文件大小提供。值得注意的是，WordPress 确实会压缩你上传的图像。但不幸的是，这种自动压缩通常不足以依赖它。

当然，你可以导出图像并尝试不同的质量百分比。但我们更喜欢使用最高质量的图像，特别是考虑到移动设备和台式设备上高分辨率屏幕的普及。

你仍然可以通过去除 EXIF 数据等方式减小这些图像的文件大小。我们建议使用像 ImageOptim 或 Squoosh、JPEGmini、jpeg.io 或 Kraken.io 这样的工具。

当你优化了你的图像后，你可以使用 Google PageSpeed Insights、WebPageTest.org 或 Pingdom 等工具测试你的页面。

提高核心 Web 体验中的 LCP

在 CSS 中为图像指定宽度和高度可以显著改善你网站的用户体验和整体性能。通过为图像设置显式尺寸，你可以优化布局，并在图像加载时防止内容移位。这种做法对于改善核心 Web 体验非常重要，包括最大内容渲染时间（LCP）。

当你在 CSS 中为图像定义宽度和高度属性时，浏览器可以在完全加载图像之前分配所需的空间。这使得浏览器可以更准确地呈现内容，并避免意外的布局移位，这对用户来说非常令人沮丧。

将图像添加到文章中

虽然谷歌正在改进识别图像中内容的能力，但你不应该仅依靠它们的能力。一切都取决于你为图像提供的上下文——所以尽量提供尽可能多的信息！我们将在下面讨论如何做到这一点。

当你的图片准备好使用时，不要随便把它放到文章中的任何位置。如前所述，将其添加到与相关文本内容接近的地方会帮助很多。这确保了文本与图像的相关性与用户和谷歌所喜欢的一致。

字幕

图片字幕是指伴随图片出现在页面上的文字。如果你看一下本文中的图片，它就是每个图片下方灰色框中的文本。为什么字幕对图像 SEO 很重要？因为人们在浏览文章时会使用它们。人们倾向于在浏览网页时扫描标题、图片和字幕。早在 1997 年，Jakob Nielsen 就写道：

“增强扫描的元素包括标题、大字体、粗体文本、突出显示的文本、项目符号列表、图形、字幕、主题句和目录。”

你需要为每个图片都添加字幕吗？不需要，因为有时图片还有其他用途。决定你是否也要将其用于 SEO。你只应该在访客认为有必要添加字幕的情况下才添加。首先考虑访客，不要仅仅为了图像 SEO 而添加字幕。

替代文本

替代文本（或 alt 标签）是添加到图像中的文本，因此如果因任何原因图像无法显示给访客，描述性文本将在那里。我们无法比维基百科更好地解释：

“在读者无法查看图像的情况下，例如因为他们在网络浏览器中关闭了图像，或者由于视觉障碍而使用屏幕阅读器，替代文本确保没有丢失任何信息或功能。”

替代文本用于增强你网站的可访问性。因此，请确保为你使用的图像添加替代文本。此外，考虑在适当的情况下包含该页面的 SEO 关键短语。不要将每个图像的替代文本都填满关键字。最重要的是，请描述图片中的内容，以便搜索引擎和用户理解。图片周围的相关信息越多，搜索引擎就会认为这个图片越重要。

然而，请记住，并不是每个图片都需要替代文本。相反，请将替代文本视为你内容的一部分，并在有意义的地方添加它。例如，如果你使用的是纯粹用于装饰的图片，那么该图片就不需要替代文本。在这种情况下，添加替代文本对读者没有任何价值。另一方面，如果你使用了一个带有统计数据的图片，比如说——上个月搜索冰淇淋的人数，那么这个信息应该在替代文本中反映出来。你可以在 W3 的文章中找到替代文本的指导。

标题文本

一些浏览器在悬停在图像上时会显示标题文本作为“工具提示”。Chrome 显示的标题文本是预期的。图片的标题都很相似，许多使用标题的人都复制替代文本。但越来越多的人完全不使用它们。为什么呢？Mozilla 这样解释：

“标题存在许多可访问性问题，主要是因为屏幕阅读器的支持非常不可预测，大多数现代浏览器已经停止了使用标题作为默认的鼠标提示。”

搜索引擎爬虫不会直接使用图片的标题文本。所以你可以选择使用或不使用标题文本。但是，如果你决定使用它，确保它是有意义的。与替代文本一样，不要填满关键字。

标题和插图

每张图片都有一个标题。这个标题将成为该页面的主题之一。我们在前面的插图中看到的插图并不是在说“欢迎来到我们的公司”，而是在说“欢迎来到一家公司”。换句话说，这个标题是该页面的一部分，应该与其内容相关。对于一些图片，标题是很好的辅助手段，但并不是所有图片都需要标题。你需要权衡利弊。

标题文本

除了标题之外，还有一个图像的标题文本。这是一种与 HTML 标记结构相关的东西，但现在已经不被广泛支持了。根据 MDN Web Docs：

“不要使用 title 属性作为工具提示文本，因为它的行为是不稳定的：大多数浏览器不会显示它，除非用户配置了它们的浏览器，而这是少见的。”

如此说来，尽管它们不会立即显示给用户，但标题文本仍然是你可以添加到图像的另一种描述性文本。像替代文本一样，标题文本用于帮助搜索引擎了解图片的内容和上下文。

考虑图片数量

你是否已经添加了你需要的所有图片？也许你有太多的图片，而且它们只是让页面显得混乱。或者你只有一两张图片，而你的文章或页面可能需要更多的视觉元素。使用尽可能多的图片是很好的，但是不要添加它们只是为了添加。这会使页面看起来拥挤不堪，从而影响用户体验。相反，只有在它们增强你的内容时才添加图片。

图片与搜索引擎可访问性

搜索引擎不像我们，它们不会看到图片。它们通过文本来了解图像内容。所以，请确保你的图片有足够的上下文。把它们添加到一个有关你的内容的文章中。通过添加替代文本、标题和字幕，以及将它们放在与相关文本接近的地方，来为搜索引擎提供所需的信息。

图像引用

尽管图像本身并不是一种排名因素，但图像引用是。这意味着链接到你的图片的页面也是一种排名因素。这也是为什么我们建议将图片添加到你的文章中。它们使你的文章更有吸引力，同时增加了与其他页面链接的可能性。