图片 SEO：15 个基本优化技巧

了解图像 SEO 及其好处

如果你的网站上使用了很多图片，那很好——你应该这样做。人类是视觉动物，没有什么比一张引人入胜的图片更能吸引我们的注意力了。事实上，根据 Optinmonster 的数据， 包含图片的在线内容比不包含图片的内容的浏览量高出 94% 。

简而言之，您需要在内容中添加图片来吸引用户并提高排名。

那么，如何确保图片对你的 SEO 工作有所贡献呢？嗯，这就是图片 SEO 的作用所在。

什么是图像 SEO？

图像搜索引擎优化 (SEO) 是优化您网站的图像以提高搜索引擎可见性和排名的过程。

它涉及策略性地调整图像文件名、替代文本和大小，以使它们更容易被发现，并提高它们在 Google 图片和
SERP 。这意味着它们可能会出现在谷歌的图片包中……

 

…并在常规搜索结果中以较小的缩略图版本显示在链接旁边。

 

充分优化图像有很多好处，例如：

• 提升停留时间 ：如果您的网页包含引人入胜的图片，用户更有可能浏览更多内容并停留更长时间。这可以延长停留时间 ，从而对您的 SEO 产生积极的影响 。
• 增强可访问性 ：图片中添加 Alt 文本（替代文本），为搜索引擎提供额外信息，使其更易于理解图片内容。当图片无法呈现时，搜索引擎也会显示 Alt 文本。
  此外，添加替代文本可以提高依赖屏幕阅读器用户的页面可访问性。屏幕阅读器是一种软件应用或硬件设备，可以将数字文本转换为盲文输出或合成语音，方便无法查看图像或自行阅读替代文本的用户使用。这不仅对这些用户有帮助，也有利于您的搜索引擎优化 (SEO)。
• 更佳的用户体验 ：优化且渲染流畅的图片能够提升用户体验。它能够减少过大图片占据屏幕并遮挡其他元素的可能性。优化不佳、体积庞大或格式糟糕的图片会大幅增加页面加载时间。这不仅会降低用户体验，还会开始影响排名。通过优化图片，您可以缩短页面加载时间，并提升网站的用户体验。

图像优化的 15 个重要技巧

如你所见，图片 SEO 非常重要，而且有很多好处。你需要确保你的图片经过优化，以帮助你获得更好的排名。

为了帮助您做到这一点，这里是我提出的 15 条图像优化技巧。

1. 选择正确的图像文件类型

使用正确的图片文件类型（通常也称为图片格式）对于确保图片正确显示、不模糊且用户清晰可见至关重要。您还需要确保使用的图片格式能够被 Google 正确索引。

Google 可以索引的图像格式包括：

• JPEG 格式
• 巴布亚新几内亚
• WebP
• SVG
• 骨形态发生蛋白
• 和 GIF

那么，哪种图片格式最适合 SEO？在做出决定之前，你需要了解不同的格式：

• JPEG ：这种格式几乎兼容所有设备，并且可以呈现多种色彩。它在保留图像色调方面也非常出色。但是，它采用有损压缩，这意味着压缩过程中会丢失一些数据。因此，JPEG 并不适合存储数码照片等细节丰富的图像。
• PNG ：这种格式也具有通用兼容性。与 JPEG 不同，PNG 采用无损压缩，因此压缩过程中不会丢失数据。主要的缺点是 PNG 文件通常比 JPEG 文件更大，这意味着它们会增加页面加载速度。
• SVG ：这种格式使用矢量而非像素来构建图像。它不太适合照片，因为文件太大。不过，它非常适合徽标、图表和动画元素。
• WebP ：这种格式正变得越来越流行，应用也越来越广泛——原因显而易见。WebP 擅长在保持图像质量的同时缩减图像尺寸。据 Google 称， WebP 有损文件比 JPEG 文件小 25-34% ，WebP 无损文件比 PNG 文件小 26%。
  一个缺点是 WebP 仍然未被所有浏览器支持，但这种情况肯定很快就会改变。

那么您应该使用哪一个呢？

• JPEG 适用于屏幕截图、博客文章图片以及网站速度至关重要的内容。
• PNG 格式的质量和分辨率更高，但文件通常较大，会导致页面加载速度变慢。如果您愿意牺牲一点速度来获得更高的质量，那么 PNG 格式或许更适合您。
• WebP 比前两者拥有更强大的压缩能力，而且无需牺牲太多图像质量。如果您想要优化页面加载速度并减少带宽占用，WebP 无疑是理想之选。此外，WebP 还支持 GIF 的动画功能和 PNG 的透明背景。WebP 绝对是您的不二之选。
• 当涉及到图标和徽标之类的东西时，SVG 是更好的选择，因为这些文件可以缩放到任意大小而不会丢失分辨率。

最终，哪种格式适合您取决于您​​的个人偏好。您在网站上使用的图片类型以及您希望达到的速度和质量将决定您选择的格式。

顺便说一句，如果可以避免的话，我真的不建议在页面上使用 GIF。它们可能看起来很酷，但会大大降低加载速度。

2. 调整图像大小以用于网页

请务必记住，图片大小和文件大小是两个不同的概念。图片大小指的是图片的宽度和高度（例如 1050 像素 x 1000 像素）。文件大小指的是图片占用的存储空间（例如 350 KB）。

尺寸较大（宽度和高度）的图片确实会降低页面的加载速度。这是因为即使图片大于网站显示的最大宽度，浏览器也必须加载完整的图片。

例如，如果您的博客的最大宽度设置为 650 像素，而您上传了一张宽度为 5,500 像素的图片，浏览器仍然需要下载完整尺寸的图片。这会显著降低页面加载速度。

因此，需要调整图像大小以匹配预期的显示尺寸。

当然，这意味着您需要检查目标显示尺寸的最大宽度和高度。要了解如何操作，请查看我链接中的实用指南。

确定图片的正确尺寸后，就可以调整大小了。我最喜欢的图片调整工具之一是“批量调整照片大小”。

您只需在浏览器中打开它，然后将图像拖过来或从设备上传即可。

 

然后，您可以使用该工具调整图片尺寸。点击“图片尺寸”，设置宽度和高度。

 

调整图像大小后，您可以将其下载到您的页面。

高分辨率图像也会影响页面加载速度。诚然，这些图像看起来很棒，非常适合打印，但上传到网页时，为了获得更快、更灵敏的页面，您不得不牺牲一些图像质量。

在线图像的标准分辨率为每英寸 72 像素 (PPI)。像素 (px) 是指构成桌面和移动设备屏幕上图像的单个点。PPI 指的是屏幕上每英寸空间内有多少个这样的点。

大多数移动设备和桌面屏幕以 72 PPI 显示图像，因此使用更高的分辨率并不一定会使您的图像看起来更好。

总而言之，始终调整图像大小以适应预期的显示尺寸，并将图像分辨率保持在 72 PPI 或更低。

3. 压缩图片以加快加载速度

图像压缩可以减小图像文件的大小，使其更适合在各种设备上快速加载和高效存储。

图片文件大小直接影响页面的整体加载速度。因此，如果页面上的图片文件较大，用户可能需要等待比平时更长的时间才能开始与其交互。这可能会让用户感到沮丧，甚至可能导致他们离开您的网站。

大图像还会增加带宽消耗。带宽是指您的网站与其用户之间传输的数据量。

如果用户访问包含较大图片的页面，则需要传输更多数据。这会导致带宽使用量增加，从而给您的网站托管资源带来压力。

由于许多网络托管服务提供商根据传输的数据量或使用的资源量收费，这可能会增加您的托管成本。这意味着您应该在将图片放到页面上之前对其进行压缩。

然而，压缩图像可能会导致质量损失。这完全取决于您选择的图像格式。正如我之前提到的，JPEG 使用有损压缩，而 PNG 使用无损压缩。因此，虽然 JPEG 通常比 PNG 压缩得更好，但它会损失质量。

这就是 WebP 的用武之地。请记住，它的压缩率比 JPEG 和 PNG 更高，同时仍能在一定程度上保持图像的质量。

一般来说，你应该将图片压缩到 100 KB 或更小。如果你压缩的是一张非常大的图片，那么在不严重降低质量的情况下，可能无法将其压缩到这么小。如果是这样，请在确保图片仍然可用的前提下，尽可能地压缩。

TinyPNG 是最好的免费图像压缩优化工具之一。在浏览器中打开它后，您最多可以将 20 个 JPEG、PNG 或 WebP 文件放入其中。

 

TinyPNG 可以显著压缩图像，压缩过程完成后，您可以轻松下载它们。

 

使用压缩图片是降低页面加载速度并提升网站用户体验的好方法。它还可以减少带宽占用，从而降低托管成本。

4. 撰写描述性替代文本

正如我之前提到的，替代文本在帮助谷歌和其他搜索引擎理解图片内容和语境方面起着至关重要的作用，尤其是在它们无法通过视觉解读图片的情况下。屏幕阅读器也会使用它来向视障用户描述图片。因此，它对于网页的可访问性和用户体验的提升至关重要。

此外，当图像本身无法呈现时，浏览器会显示图像的替代文本。

这意味着您的替代文本需要具有描述性，并且应该在其中使用相关的关键字。这样，您就可以向搜索引擎提供必要的上下文信息，并使您的图片与用户的搜索查询保持一致。这可以增强它们在搜索引擎结果页面 (SERP) 和 Google 图片中的相关性。现在，让我们深入探讨使用它的最佳实践。

替代文本最佳实践

创建替代文本时，一个好方法是想象有人在你闭上眼睛时给你朗读。如果你能清晰地在脑海中勾勒出这个画面，那么替代文本就发挥了作用。

现在，让我们看一个较差的 alt 文本和较好的 alt 文本的示例。

坏的：

下面图片中糟糕的替代文本的一个例子可能是“维多利亚海绵蛋糕”。

 

是的，它确实是维多利亚海绵蛋糕，但它并没有很好地描述图像，不是吗？

好的：

更好的替代文本描述应该是“一块撒了糖的维多利亚海绵蛋糕切片”。这样更能有效地在用户脑海中勾勒出图像，并向谷歌清晰地描述图像。

如果您不确定要使用哪些关键词作为替代文本，那么您应该使用 Semrush 的关键词魔术工具进行一些关键词研究。

该工具有一个功能，可以帮助你找到用于替代文本的关键词。要使用此功能，请登录 Semrush，然后点击左侧菜单中的“关键词魔术工具”。

 

接下来，输入图片的关键词，例如“维多利亚海绵蛋糕”，然后点击“搜索”。

 

然后，点击“高级过滤器”和“SERP 功能”。从下拉菜单中选择“图片”和“图片包”，然后点击“应用”。

 

现在，您将获得大量可用于图像替代文本的关键字变体。

 

现在，在您选择了相关的关键词之后，如何向图像添加替代文本？

如果您使用 WordPress，那么将它们添加到您的图片中非常容易。有两种方法可以做到。

方法 1：

只需从存储的媒体文件中选择一个图像，您就可以选择将其添加到屏幕右侧。

首先，单击屏幕左侧菜单中的“媒体”选项卡。

 

然后，从媒体库中选择您的图像，并在“替代文本”框中输入您的替代文本。

 

方法 2：

这是向已上传到您的页面或帖子的图像添加替代文本的更快方法，即使这些图像已经发布。

在左侧菜单中，点击“帖子”并选择您的帖子：

 

点击帖子中的图片，你会看到图片上方出现选项。点击铅笔图标：

 

接下来，在框中输入您的替代文本，然后点击“更新”。

 

就这样。就这么简单。

5. 使用相关的图像文件名并包含关键字

图片文件名在帮助搜索引擎理解图片内容以及与用户搜索查询的相关性方面起着至关重要的作用。因此，您应该使用描述性名称保存图片，而不是仅仅使用默认名称上传。

例如，假设您将此图像放在页面上，其默认名称为“IMG_785432.jpg”。

 

当 Google 抓取您的网页时，图片并不会提供任何上下文信息。这意味着，当用户搜索您的关键词时，这张图片出现在 Google 图片或常规 SERPS 中的可能性很小。

相反，你应该给它一个描述性的文件名，比如“red-ford-mustang-1967.png”。记住，图片文件名也应该简短，并且标题中的单词应该用连字符分隔，以便谷歌更容易理解。

您还应该将关键字纳入图片标题和描述中，以确保图片出现在相关的搜索结果中。

例如，假设您运营一个电商网站，其中一款产品是棕色羊绒衫。当然，您的网站上会有这件商品的图片。与其将图片命名为“毛衣”，不如选择一个更具描述性的名称，例如“棕色羊绒衫”。这可以提高您的图片在相关用户搜索查询中显示的机会。

编写图像描述提供了一个很好的机会来包含您无法在内容的其他地方包含的长尾关键词。

要查找长尾关键词，您可以使用我们已经讨论过的工具——Semrush 的关键词魔术工具。

找到该工具，然后像我之前演示的那样输入种子关键词。我将以“有领衬衫”为例进行搜索。

确保结果全是长尾关键词的一个好方法是点击“高级过滤器”，然后将最低字数设置为3个及以上。这是因为长尾关键词包含三个或更多单词。

 

点击“应用”后，您将看到一个可供选择的长尾关键词建议列表。

 

选择与您的需求相关的内容并将其纳入您的图像描述中。

6. 使用响应式图像

在抓取和索引网页时，Google 会从移动浏览器的角度进行抓取。然后，它会根据移动版本对网页进行排名。这被称为“移动优先索引”，其出现是因为过去几年移动设备搜索量激增。

事实上，2023年第一季度，移动流量占全球互联网流量的58.33%。这意味着，针对移动设备优化您的网站从未如此重要，图片也同样重要。

由于移动设备屏幕比桌面屏幕小，因此利用响应式图像技术至关重要，它能使图像无缝适应响应式设计。这意味着浏览器可以根据用户所用的设备显示合适的尺寸。

一些内容管理系统 (CMS) 内置了响应式设计，或提供响应式主题和模板。这免去了确保网站适合移动设备的麻烦。这些 CMS 包括：

• WordPress
• Joomla
• Drupal
• 维克斯
• Squarespace

但是，您仍然需要选择图像文件类型并压缩图像，就像对桌面网站所做的那样。

如果您使用 WordPress，则有大量插件可以帮助您压缩和调整图像大小。以下是我推荐的 3 个：

• Smush ：这是一个广泛使用的图像优化插件，可以在保持质量的同时自动压缩和调整图像大小。
• ShortPixel ：这款插件提供无损和有损压缩选项。它可以批量压缩图片，甚至可以提供 WebP 图片以加快加载速度。
• Imagify ：这是另一个用户友好的图像优化插件，可让您轻松压缩和调整图像大小。

如果您打算编写自己的 HTML 代码以使图像具有响应性，那么这可能会变得相当复杂，因此我建议您聘请一名 Web 开发人员或查看 Google 的响应式图像指南 。

7. 通过字幕增强用户体验

图片说明是显示在图片正下方的文字。它通常不仅描述图片，还会提供更多背景信息，如下图所示：

 

我知道您在想什么：“ 这对 SEO 有什么重要性 ？”

答案是，图片说明不会直接影响您的排名，但它们可以通过吸引访问者并鼓励他们在您的页面上花费更多时间来改善您的用户体验。

当用户在您的网页上停留更长时间时，这会向 Google 发出信号，表明您的网页提供了积极的用户体验，并且让用户感到愉悦且有价值。这可能会带来更好的排名。

以下是一些帮助您撰写有效标题的提示：

保持简洁但具有描述性

您的标题应简洁、清晰、切中要点。避免任何不必要的细节，以免让用户感到不知所措。

比如，假设你有一张托斯卡纳美丽风景的图片。你可能会想这样写：“意大利托斯卡纳郁郁葱葱的山谷和丘陵，令人叹为观止，令人心旷神怡。它展现了明媚夏日里如画的蓝天和古朴的村庄。”

然而，尽管用抒情的笔触来描绘这个场景可能很诱人，但你得保持简洁明了。像这样写会更合适：“阳光明媚的日子里，意大利托斯卡纳的风景”。

此标题不会用关于图像的不必要的细节来淹没用户。

但是，你仍然应该使用生动形象的描述性语言，为用户描绘清晰的画面。我知道，我知道。我刚才告诉你标题要简洁，现在我要告诉你要生动形象、描述性强。

其实，这两者并不互相排斥。你仍然可以写出引人入胜的标题，即使不太华丽。

让我们看两个例子：

• 示例 1：“一辆造型优美的银色汽车，车窗采用有色玻璃，并具备空气动力学设计，正沿着一条蜿蜒、阳光普照的沙漠公路行驶。两旁是绵延的金色沙丘，头顶是湛蓝的天空。”
• 例 2：“一辆银色汽车驶过风景如画的沙漠景观”。

看到了吗？第二个示例为用户描绘了一幅生动的图像，同时避免了过多的细节。第一个例子太过冗长，没有带来太多价值。

增加价值

图片说明应该为用户提供额外的信息，以增强他们对图片的理解。这些信息可以包括有趣的事实、历史背景或个人轶事。

例如，“法国巴黎的埃菲尔铁塔。它建于 1887 年至 1889 年，是 1889 年世界博览会的核心”。

您无需为页面上的每一张图片都添加标题。只需添加那些您认为能够提升页面用户体验并为读者提供额外价值的标题即可。

添加关键字

你还应该在图片说明中加入关键词来优化。这有助于搜索引擎将你的图片与符合用户搜索查询的特定关键词关联起来。

它可以增强您的内容的相关性，并增加用户搜索关键字时您的图片出现在 SERP 和 Google 图片中的机会。

要为你的标题寻找关键词，你可以使用我们的老朋友“关键词魔术工具”。按照我之前列出的步骤，找到该工具，输入关键词，然后选择最相关的关键词添加到你的标题中。

8. 利用图像的模式标记

有一种特定类型的架构标记称为 ImageObject。这是一种结构化数据格式，可让您向搜索引擎提供有关您网站上图片的详细信息。

它可以帮助搜索引擎了解图像的上下文和内容，从而可以更好地索引和提高搜索结果的可见性。

这意味着您的图片可能会提供给那些正在积极搜索与您的领域相关的视觉内容的用户。

实现 ImageObject 架构标记可以产生丰富的结果，其中可能包括图像缩略图、标题和其他视觉增强等功能。

图像缩略图是由搜索引擎根据各种因素生成的，包括页面内容、页面包含的图像以及与搜索查询的匹配程度。

这些引人注目的附加内容可以使您的列表对用户更有吸引力，并提高点击率（CTR） 。

它允许您提供详细信息，例如：

• 图片的名称或标题
• 图像内容的描述
• 图片文件的 URL
• 图像缩略图版本的 URL
• 图片的作者或创作者
• 图像创建或发布的日期

当您实施架构标记时，您可能会看到的丰富结果类型包括：

• 图像缩略图 ：图像的小预览或缩略图。
• 标题 ：与图像相关的标题或描述。
• 作者或来源 ：有关图像来源或创建者的信息。
• 发布日期 ：如果适用，则为图像发布或上传的日期。
• 描述 ：与图像相关的简短描述或标题。
• 附加链接 ：指向网站上相关内容或页面的链接。
• 评分和评论 ：如果相关，用户对图像的评分或评论。
• 图像许可信息 ：有关图像许可或使用权的详细信息。

目前，Google 图片支持以下类型的结构化数据：

• 产品
• 视频
• 食谱

假设您运营一个销售鞋子的电商网站。如果您使用架构标记将图片定义为商品，Google 可能会在搜索结果页面 (SERP) 和 Google 图片中的图片包中显示带有价格标签图标（通常称为“徽章”）的图片。为此，您需要在网页中添加商品结构化数据。

 

这意味着用户可以快速判断您的图片是否是他们想要的结果。如果他们打算购买鞋子，产品徽章会告诉他们可以通过点击您的图片来购买。如果没有显示徽章，他们可能会认为您的图片与某些内容（例如关于鞋子的博客文章）相关。

如果您运营一个食谱网站，则可以将食谱架构标记添加到您的页面中。执行此操作后，您的图片可能会以缩略图的形式显示在页面链接旁边。

 

要将 ImageObject 架构标记添加到您的图像中，您可以使用 Schema.org 上提供的结构化数据代码轻松实现。

此代码已预先构建，这意味着您只需输入图片的具体信息，例如图片网址、尺寸和描述。完成后，您可以将代码集成到 <head>HTML 文件的部分。

 

9. 使用独特的原创图像

您应该始终使用原创图片，而不是库存图片。如果您的网站使用与同类网站相同的图片，那么您将无法脱颖而出。此外，您也无法向 Google 发出关于您网站可信度的良好 EEAT 信号。

您应该使用与您正在讨论的主题高度相关且与您的利基相符的图像。

例如，如果您的博客是关于去巴黎旅行的，那么您应该避免使用在数百个其他博客上见过的埃菲尔铁塔的图片。

想想看——你会更信任一篇用巴黎图库照片写的博文，还是更信任一篇作者参观巴黎著名地标的照片写的博文？显然，第二篇博文展现了作者丰富的经验和更高的可信度。

这是另一种思考方式。

当你试图提高排名时，你不会简单地将其他网站的内容复制粘贴到你的网站上。你会花时间精心制作独特的原创内容，为用户提供价值。

同样，库存图片不太可能对你的排名有太大帮助。另一方面，原创图片可能会从其他相关网站获得链接。

例如，如果您创建了一个包含特定主题有用信息的信息图，其他网站在创建该主题的内容时可能会希望链接到该信息图。这有助于您的网站改善其反向链接状况，并可能带来更高的排名。

10. 创建图片站点地图

XML 站点地图可以帮助搜索引擎发现您的网页并进行索引，同时还能帮助它们了解您网站的结构。我喜欢将它们视为搜索引擎的路线图。图片站点地图与之类似，但也存在一些关键区别。

XML 站点地图是您网站上所有页面的完整列表。它包含所有类型内容的 URL，包括博客、文章和产品页面。您还可以将图片 URL 添加到 XML 站点地图中，以便 Google 抓取并索引它们。这称为添加图片站点地图标签。如果您想了解更多信息，请参阅 Google 的站点地图指南。

图片站点地图向 Google 提供了您站点上所有图片的列表。

这意味着它们出现在 Google 图片等图片专用搜索结果中的机会更大，因为 Google 可以找到并索引它们。这有助于扩大您的覆盖范围，吸引那些专门搜索视觉内容的用户。

无论是创建包含图片网址的常规 XML 站点地图，还是创建图片站点地图，都必须添加特定的图片标签。以下是 Google 给出的建议：

 

那么，图片站点地图究竟是什么样的呢？以下是 Google 的一个例子：

 

如果您想手动创建图片站点地图，那么最好遵循 Google 的说明 。

如果您不想手动操作，可以使用 XML-Sitemaps 之类的工具。这是一个免费的在线工具，可以为您生成图片站点地图。但是，如果您的图片托管在 CDN、子域名或外部服务器上，则需要购买付费套餐才能启用它们。

首先，转到我的站点地图生成器，输入您的域名，然后单击“开始”。

 

根据您的网站规模，生成可能需要一些时间。完成后，它应该如下所示：

 

然后，将文件上传到您域名的根文件夹。域名的根文件夹是网站文件夹和文件在服务器上存储的主目录。它的具体位置取决于您的虚拟主机环境。如果您不确定该如何定位，最好联系您的虚拟主机提供商。

将其上传到根文件后，您就可以将其上传到 Google Search Console 了 。

因此，请登录您的 GSC 帐户，然后单击页面左侧的“站点地图”。

 

然后，粘贴您的站点地图 URL 并单击“提交”。

 

11. 使用 Open Graph 元标签

Open Graph (OG) 元标记是控制 URL 在 Facebook、LinkedIn 和 Pinterest 等社交媒体平台上共享时如何显示的代码片段。

它们可以让共享内容更加醒目、更易于点击，从而增加你网站在社交媒体平台上的流量。主要原因如下：

• 它们使社交媒体内容更具视觉吸引力
• 它们让用户快速了解内容的主题
• 它们帮助社交媒体平台理解内容的主题和背景，从而提高您的品牌在 SERP 中的可发现性

当您实施 OG 标签时，它们允许您指定在社交媒体上共享您网站的 URL 时应突出显示哪些图像和信息。

 

OG 元标签通常位于<head>页面 HTML 的一部分，并在属性名称前添加前缀“og:”。例如，Open Graph Facebook 卡片如下所示：

 

为了确保在社交媒体上分享帖子时正确显示所选图像，请确保包含图像标签。

开始使用：

• Facebook OG 标签 ，
• Pinterest OG 标签 ，
• 和 LinkedIn OG 标签 ，

按照我链接的便捷指南中列出的说明进行操作。

说到 Twitter（现称为 X），该平台不使用 Open Graph 协议。它使用自己的版本，称为 Twitter Cards。如果您想了解如何设置它们，请查看此 Twitter Card 指南 。

在 WordPress 中添加 OG 标签

如果您使用 WordPress，那么添加 OG 标签会更加容易。您可以使用 Yoast SEO 插件来完成此操作。如果您还没有安装 Yoast SEO 插件，请立即安装。

编辑要添加 OG 标签的帖子，向下滚动直到看到“Yoast SEO”框。点击顶部的“社交”标签，选择要为其创建 OG 标签的社交媒体平台。然后，填写标题和描述字段，并上传图片。

 

该插件现在将自动为您设置这些标签。

简单又漂亮！

12. 使用延迟加载

延迟加载是一种仅在图片出现在用户视口（可见屏幕）时才加载的技术。这意味着，页面下方的图片会在用户向下滚动时加载，直到出现在视口内。这有助于：

• 提高页面的加载速度，因为它可以防止所有图像同时加载。
• 增强用户体验，以便用户可以更快地访问您的页面。
• 减少通过网络传输的数据量，从而节省带宽。

实现延迟加载对于大多数包含图像的页面很有用，尤其是对于包含大量图像的页面。

在你的网站上实现延迟加载最直接的方法是使用 WordPress 插件。这能让你省去所有可能相当复杂的麻烦。

如果您使用的是 WordPress 5.5 或更高版本，则无需手动为图片添加延迟加载。这是因为从 5.5 版本开始，WordPress 已内置延迟加载功能，会自动为图片添加“loading=lazy”属性。

13. 通过 CDN 提供图片

CDN（内容分发网络）是一个遍布全球的服务器网络。它旨在让用户能够从距离其地理位置最近的 CDN 服务器下载文件，从而高效地向用户提供您网站的内容。

例如，如果您位于伦敦，那么从英国的服务器而不是美国的服务器下载内容会大大加快速度。

这可以提高页面加载速度并显著减少下载时间，从而带来更积极的用户体验。

此外，CDN 可以实时优化图片。这包括压缩、调整大小和缓存图片，从而进一步提升网站性能。使用 CDN 处理图片的其他好处包括：

• 服务器资源消耗减少，从而可以降低托管成本。
• 高需求时期和流量高峰更容易处理，而不会影响图像传送速度。
• 许多 CDN 都具有安全功能，可以防御 DDoS 攻击和其他威胁。
• CDN 通常提供详细的分析来监控图像性能和用户参与度。

为图片使用 CDN 最快捷、最好的方法是在 WordPress 中安装 CDN 插件。Bunny.net 是 WordPress 最好的 CDN 插件之一 ，我还强烈推荐大家了解一下 Cloudflare 的 CDN 提供商。

14.利用浏览器缓存

浏览器缓存涉及在用户浏览器中存储文件，以便在重复访问时无需再次下载这些文件。

由于图像文件可能非常大，缓存这些文件可以显著缩短回访者的页面加载时间，因为图像存储在浏览器的本地缓存中，无需从服务器重新加载。这可以带来更流畅的用户体验。

如果您想了解有关浏览器缓存的更多信息以及如何实现它，那么您可以查看 Google 的浏览器缓存指南 。对于 WordPress 用户来说，最好的浏览器缓存插件是 WP Rocket 。

15. 保持更新并跟随 SEO 趋势发展

与 SEO 的所有方面一样，图片 SEO 的格局也在不断发展，你需要关注当前的最佳实践 。这包括密切关注谷歌算法的更新以及谷歌索引图片方式的变化。

此外，您还应该关注任何可能对图像优化产生影响的新兴技术。影响图像优化的新兴技术包括：

• 人工智能 ：由人工智能驱动的图像优化工具能够自动分析和优化图像，包括微调压缩设置和删除不必要的元数据。
• AR（增强现实） ：随着 AR 的应用越来越广泛，优化 AR 图像也将变得越来越重要。这需要密切关注长宽比、缩放比例、一致性和响应能力等方面。

虽然你现在可能不需要完全掌握所有这些技术，但它们很可能在不久的将来对图片搜索引擎优化 (SEO) 产生重大影响。所以，你应该密切关注这些发展。

如何识别图像中的问题

那么，如何追踪网站上与图片相关的问题，并找出需要改进的地方呢？首先，了解需要分析哪些内容，有助于确保图片质量良好。以下是一些需要注意的事项：

图片链接损坏

图片链接失效意味着您的图片无法显示，因为它们的 URL 拼写错误、图片已不存在或文件路径无效。为什么这会对您的 SEO 造成不利影响？嗯，

• 搜索引擎倾向于青睐内容维护良好的网站。因此，如果图片链接损坏，可能表明您的网站维护不善，质量低下。这可能会导致排名下降。
• 损坏的图片链接会造成糟糕的用户体验。访客会觉得您的网站不专业、不可靠，从而导致跳出率上升，用户参与度降低 。
• 当像谷歌这样的搜索引擎遇到图片链接失效时，它们可能无法正确索引您的图片，甚至根本无法索引。这意味着您的图片可能不会出现在与图片相关的搜索结果中。

但是，如何知道图片链接是否损坏了呢？识别这些问题的最佳方法是使用 Semrush 的站点审核工具。

首先，您需要对您的网站进行审核。

因此，登录 Semrush 并点击屏幕左侧的“站点审核”。

 

然后，输入您的域名并点击“开始审核”。

 

审核完成后，单击页面顶部的“问题”选项卡。

 

然后，在搜索栏中输入“图片”。您现在就可以看到网站上所有与图片相关的问题。

 

我可以看到我的网站目前没有损坏的内部或外部图片。如果有问题，Semrush 会给我一个损坏图片的 URL 列表。我还可以点击“了解更多”来了解有关这些问题及其解决方法的更多信息。

 

缺少替代文本

我已经提到过为什么替代文本极其重要，所以我就不再浪费时间重复了。我真正想教给大家的是如何找到图片中缺失的替代文本。

因此，坚持使用站点审核工具和“问题”选项卡，在搜索框中输入“alt”。

 

我发现我的网站有 189 张图片缺少 alt 属性。

 

点击该问题，您将看到受影响的页面和图片网址。页面网址是图片所在的位置，图片网址是缺少替代文本的实际图片。现在，您可以继续为图片添加缺少的替代文本了。

 

图像尺寸不合适

识别与图像大小相关的问题的最简单方法之一是使用 Google PageSpeed Insights 。

首先，在浏览器中打开它，输入你的 URL。然后点击“分析”。

 

接下来，向下滚动到“诊断”部分。我发现我的网站确实存在与图片大小相关的问题。如果我点击“正确调整图片大小”，就能看到更多关于此问题的信息。

 

该工具会显示那些尺寸不适合当前设备的特定图片。在这里，它显示，如果将这张图片调整到正确的尺寸，我可能会节省 12.8 KB 的带宽。

 

在同一部分中，您可以查看是否有任何图片没有明确的宽度或高度。这意味着这些图片的宽度和高度未在我的网站的 HTML 代码中指定。

 

点击此问题，我可以看到每个受影响图片的缩略图及其网址。这非常有帮助，因为我现在只需要设置这些图片的宽度和高度。这将确保我的页面在不同设备上都能高效加载，从而带来更积极的用户体验，并最终提高排名。

 

移动友好性

Bings 的移动友好性测试工具是检查您网站移动性能的最简单方法。

这款免费的浏览器工具名副其实。它可以告诉你你的网站是否适合移动设备，并提醒你任何影响网站移动性能的问题。

要使用它，只需在浏览器中打开它，输入您的 URL，然后单击“分析”。

该工具将告诉您该页面是否可以在移动设备上使用。

 

如果您的网页存在任何与图片相关的问题，影响了其移动设备友好性，您可以在这里找到这些问题。幸运的是，此页面上的图片没有问题。

图像请求总数和图像字节总数

总图片请求数衡量的是浏览器在渲染网页时尝试加载的图片文件数量。减少此数量可以加快页面加载速度。

图片总字节数表示浏览器加载页面时请求的所有图片文件的总大小。例如，如果有 5 个图片文件，每个文件大小为 100 KB，则图片总字节数为 500 KB。减少图片总字节数可以加快加载时间并减少带宽占用。

GTmetrix 是一款免费的浏览器工具，您可以用它来识别这两个问题。

首先，输入您的 URL 并点击“立即测试”。

 

在下一页，向下滚动到“页面详情”部分。在这里，你会看到一个条形图，显示你输入的网址的“页面请求总数”。

将光标悬停在栏目的“图片”部分，您可以查看图片请求在页面总请求中所占的比例。您还可以确定图片在页面总大小中所占的比例。

 

减少页面上图片请求数量的最佳方法之一是使用我们老朋友的延迟加载。这意味着只有当用户向下滚动并且图片在视口中可见时才会发出图片请求。

您还应该限制页面上的图片数量，只使用绝对必要的图片。如果图片无法提升价值或改善用户体验，最好不要添加。

为了减少图像占用的页面大小百分比，您需要确保选择正确的图像格式并压缩所有图像。

FCP 和加载时间

FCP（首次内容绘制）指标衡量的是网页首次加载时，第一个可见内容显示所需的时间。如果图片是页面上第一个显示的内容，则该指标非常有用。如果图片未经优化，可能会对 FCP 产生显著影响，从而导致负面的用户体验。

加载时间是指图片在页面上加载并渲染所需的时间。你可能已经猜到了，越快越好！

您可以使用 GTmetrix 查看所选页面上图片的 FCP 和总加载时间。点击屏幕顶部附近的“瀑布流”选项卡，然后选择“图片”

 

然后您将看到页面上的图像列表以及它们的 URL 和大小。

 

点击图片旁边的蓝、绿、紫三色块，即可查看更多详细信息，包括该图片的 FCP 和“完全加载”时间。我看到这张图片的 FCP 为“+164ms”，“完全加载”时间为“+1.9s”。

 

一般来说，图片在页面上完全加载的最佳时间是两秒以内。同样，如果图片完全加载的时间超过两秒，最好的办法是减小文件大小。

针对 Google Lens 优化图像

Google Lens 是一款创新的视觉搜索程序。它将搜索功能与 AR、AI 和计算机视觉相结合。它使用人工神经网络来分析图像并解读其内容。

所有 Google Pixel 手机均配备 Google Lens，您也可以通过 Google Photos、Google Assistant 和 Google Maps 等平台访问它。或者，您也可以直接点击 Chrome 搜索栏右侧的 Google Lens 图标。

针对 Google Lens 进行优化非常重要，因为这有助于您的图片在用户进行视觉搜索时出现在 Google 图片中。与传统的基于文本的 SEO 一样，针对 Google Lens 进行优化可以提高您网站的曝光度并带来更多自然流量。这是因为用户可以更轻松地通过图片找到您的产品或服务。

 

那么，您实际上是如何使用它的呢？

假设您在一家餐厅，想了解更多关于酒单上葡萄酒的信息。您可以使用 Google Lens 扫描酒单，Google 会为您提供不同酒款的详细信息。

或者，使用 Google 地图时，您可以扫描街道标志并查看该地区的企业信息。

您还可以：

• 扫描衣服或其他产品，Google 就会向您推荐要购买的商品。
• 扫描图像中嵌入的文本并将其翻译成 100 多种语言。
• 拍摄植物和动物的照片，Google Lens 会为您识别它们。

Google Lens 越来越受欢迎，您需要确保您的图像针对它进行了优化。

为此，您应该遵循我已经提到的提示，例如添加替代文本、减小图像文件大小、包括标题以及使用响应式图像。

但是，我们还来看看您可以采取的一些额外步骤，以确保您的图像已准备好用于 Google Lens。

提供大量图片

如果您运营电商网站，请为每款产品提供多张图片。您需要确保您的产品能够从各个角度进行展示。不要只依赖一张图片。

例如，如果潜在客户使用 Google Lens 扫描商品背面，那么您希望网站上相关产品的背面照片也出现在搜索结果中。如果您只有产品的正面照片，最终可能会失去潜在客户。

通过提供大量产品图片，您可以获得更多潜在客户，并可能提高转化率。

使用高质量图像

为了确保 Google 能够将您的图片与用户的搜索内容匹配，您的图片必须具有高分辨率。如果您使用模糊、低质量的图片，Google 可能无法识别您的图片与用户扫描的商品相匹配。

此外，低分辨率图像会使用户难以正确分析您的产品。

尽可能使用高分辨率图片，但请记住，为了减小图片尺寸，您可能需要在质量上略有妥协。您可能需要尝试几张图片，看看在不过度降低页面加载速度的情况下，可以保持多少质量。

高分辨率图片能够吸引用户，并让他们更好地了解您的产品。因此，在质量和尺寸之间找到一个平衡点至关重要。

包括 IPTC 照片元数据

IPTC（国际报刊电信委员会）照片元数据是用于描述照片的标准。它非常重要，因为它是构建和定义元数据属性最常用的标准。它允许您添加有关图像的可靠且准确的数据。

当图片出现在 Google 图片中时，如果图片被选中，图片旁边会显示图片署名、图片创作者和版权声明（如果已添加这些信息）。如下所示：

 

IPTC 元数据有助于提升您网站的可信度。当用户能够看到图片创作者的姓名和注明日期的版权信息时，就表明该图片是原创的。它还能让用户了解照片的拍摄时间，从而提升其与特定查询的相关性。

向图像添加 IPTC 元数据的最佳方法是使用 Photoshop。如果您想了解如何在 Photoshop 中添加 IPTC 元数据 ，请查看指南。

使用 Google Merchant Center

如果您运营电商网站，那么您应该充分利用 Google Merchant Center 中 Google 的免费产品详情。这样，当用户使用 Google Lens 扫描与您的产品相关的商品时，您的产品就会出现在 Google 图片中。

如果您想设置您的 Google Merchant Center 帐户，请按照 Google Merchant Center 文档中的说明进行操作。

常见问题解答

我是否需要版权许可才能在我的网站上使用图片？

如果您在网站上使用受版权保护的图片，请务必获得适当的许可，以避免潜在的法律问题。或者，您可以使用不受版权保护的图片，或者创建您自己的原创图片。

是否存在在页面上使用过多图像的情况？

绝对没错。如果页面上的图片过多，会导致布局混乱，缺乏吸引力。这不仅会影响用户体验，还很可能导致页面加载速度变慢。务必优先考虑那些真正能提升内容价值的相关图片。

我应该为社交媒体创建可共享的图像吗？

是的，为社交媒体平台创建可分享的图片是提高内容曝光度和参与度的好方法。图片在社交媒体上吸引用户的注意力，并更有可能让他们点击你的内容。

优化的图像可以快速传达有关您的内容的信息并吸引用户。请务必使用高质量的图像并为每个平台使用正确的图像尺寸。