立即尝试的 10 个可操作的图像优化技巧

在发布帖子之前，您是否进行了严格的检查，以确保您的内容没有任何拼写错误或语法错误？ 当然，你知道。

您是否也通过清单来运行您的图像？ 不？

那么，你并不孤单。

虽然大多数博主都非常努力地优化他们的内容，但图像搜索引擎优化往往是事后才想到的。

是时候改变这种状况了。

您可以而且应该利用网站上图像的力量。 就像生活中的其他事情一样，一旦你知道怎么做，这就很容易了。

整个网站的一次性行动项目

让我们从您只需为您的网站执行一次的这 4 个任务开始，为您的图像 SEO 打一针强心针。

1.创建图像站点地图

在您网站的站点地图中包含图片，就像您将包含您网站的所有帖子和页面（或者至少是那些需要被搜索引擎索引或发现的帖子和页面）一样。

Google 的图片站点地图指南指出，您可以选择将图片和帖子全部包含在同一个站点地图中，或者为图片创建单独的站点地图。

但是，如果您使用 CDN 托管图像，它们可能不会包含在为您的网站生成的通用站点地图中，因为此类通用站点地图通常仅包含属于同一域的文件。 因此，请考虑为此类情况创建一个单独的图像站点地图。

此外，如果您的站点使用 JavaScript 代码访问图像，Google 可能也无法找到这些图像，除非您将它们列在站点地图中。

详细了解 Google 推荐图片站点地图的原因。

如何创建图像站点地图？

默认情况下，大多数 WordPress SEO 插件（例如 RankMath 或 Yoast）会创建一个站点地图，其中包含图像以及帖子和页面（在同一站点地图中）。 您还可以选择排除或包含特色图片，因为这些图片有时往往很“花哨”，如果被编入索引则不一定会增加价值。

2.使用CDN

使用图像内容分发网络可以帮助您更快地加载图像。 提供高质量的图像会极大地降低您的网站速度——当然这对 SEO 来说从来都不是一件好事。

如果您不确定什么是图像 CDN，或者 CDN，这里有一个非常快速的解释 –

什么是 CDN？

CDN 是内容分发网络的缩写。 确实如此。

CDN 是世界各地不同数据中心的连接服务器网络。

当用户访问您的网站时，距离该访问者位置最近的数据中心会提供您的内容。 这显然使它更快。

例如，假设您网站的内容位于西海岸的服务器上。 来自东海岸的访问者登陆您的网站并浏览您的网站。

现在，从西海岸一路获取内容到东海岸将花费时间并降低您的网站速度。 相反，如果您使用 CDN，您的内容可能位于纽约的数据中心，从而可以更快地加载您的网站。

Google 非常重视网站速度，您也应该如此。 使用 CDN 可以帮助显着提高网站的性能。

当然，除了真正简化的解释之外，还有更多内容。 如果您渴望了解有关 CDN 的更多信息，请阅读我们详细的 CDN 指南。 阅读本文以获取最佳免费 CDN 解决方案列表。

什么是图像 CDN？

图像 CDN 与我刚才描述的常规 CDN 非常相似——但它具有转换图像、修改其大小、格式和质量的附加功能，因此图像针对正在查看的设备进行了优化.

有关更多信息，Google 在这里总结了基础知识。

以下是一些流行的图像 CDN 服务提供商 –

Optimole – 以优化的方式压缩、转换、存储和传送图像。 Optimole 可以使用其在 WordPress.org 上具有一流评级的 WordPress 插件轻松地与您的 WordPress 网站集成。 在此处阅读我们详细的 Optimole 评论以了解更多信息。

Quicq – 承诺加快图像传输性能。 在这里阅读我们详细的 Quicq 评论。

还有许多您可能想要考虑的图像 CDN 提供商——MaxCDN、Cloudinary、Filestack、Imgix 和 Imagekit。

3.启用延迟加载

延迟加载顾名思义——当访问者实际向下滚动或导航到该区域并“需要”该图像时，图像会及时加载到访问者的浏览器中。

你如何启用延迟加载？

在 WordPress 5.5 版中添加了所有上传到媒体库的图像的延迟加载作为默认功能（通过向具有宽度和高度属性的img标签添加 loading=”lazy” 属性）。 后来，WordPress 5.7 版继续包含iframe标签的延迟加载。

但是，如果您愿意，您仍然可以选择使用 WordPress 插件，例如免费的 a3 Lazy Load 插件 –

• 禁用 WordPress 的默认延迟加载行为或
• 通过支持延迟加载来增强 WordPress 的延迟加载功能
  • 媒体库外的图像
  • 可能不支持此 WordPress 属性的浏览器
  • WordPress 无法延迟加载的 iframe 或视频

4.启用浏览器缓存

浏览器缓存是指浏览器在本地保存下载的资源，然后从那里提供这些资源，而不是在用户重新访问该网站时再次下载它们。

如何启用浏览器缓存？

如果您不热衷于涉猎代码，最好将其留给 WP Rocket 或 W3 Total Cache 等缓存插件。 如果您不怕编码，请按照这些说明来 DIY 浏览器缓存。

每个图像的可重复操作项

这是一份包含 6 个行动项目的列表，它们应该成为您的内容清单的一部分。 在发布任何带有图片的帖子之前，请确保遵守所有这些图片优化要求。

5.选择正确的图像格式

“与 PNG 相比，WebP 无损图像的尺寸要小 26%。 WebP 有损图像比同类 JPEG 图像小 25-34%”

谷歌关于 WebP 的笔记

Google 支持多种格式的图像，但是，相对较新且鲜为人知的 WebP 格式是理想的选择。 JPG 通常用于照片。 PNG 通常用于插图和徽标（因为 PNG 允许透明背景）。

谷歌根据一项比较 WebP、PNG 和 JPG 图像的研究结果，建议使用 WebP 来提高性能。

说服了吗？ 以下是 Google 关于如何使用 WebP 图像的一些提示。

6. 正确命名你的图片

图片的文件名可以帮助搜索引擎“阅读和理解”您的图片。 随机命名一个图像文件，比如一个棕色笔记本电脑包，因为 MYPRODUCT202541.jpg 根本没有帮助。

相反，将其命名为“light-brown-laptop-bag.jpg”可为搜索引擎提供有关图像内容的线索。

同样，一如既往，避免将关键字塞入图像文件名中。 相反，尽可能保持自然和“人性化”。

7. 压缩你的图片

您需要在不影响质量的情况下将图像文件的大小保持在尽可能小的水平。

虽然图像没有固定的限制或建议的文件大小，但我见过的大多数网站都使用文件大小在 50KB 到 100KB 之间的图像。

您可以使用免费的 WordPress 插件，例如 WPSmush、TinyPNG、OptiMole 或 EWWW Image Optimizer 来压缩您网站上的图像。

8. 添加有意义的 Alt 标签

每个图像都有一个名为“alt”的标签，字面意思是替代文本。 对于 SEO 和可访问性，Alt 标签是图像最重要的方面之一。

让您的图像易于访问

视障用户使用的屏幕阅读器工具可大声朗读您网站上的文本内容。 对于图像，替代文本由此类工具读出。

因此，如果您的替代文字没有正确描述图像，那么网站访问者将毫无意义。

您可能还想考虑使用辅助功能检查器工具来评估您网站的辅助功能是否需要改进。

让你的图片对搜索引擎友好

谷歌无法“读取”您的图片，因此它使用您的替代文字来破译图片。 此外，当浏览器由于某种原因无法加载图像时，它只会显示它的替代文本。

添加 alt 标签时要避免的一些事情 –

• 不要试图在您的替代文本中塞入一长串关键字——Google 足够聪明，可以看穿它。
• 避免在同一帖子或页面上为图片使用重复的 alt 标签——这样做只会惹恼谷歌。

使用 Image Block，在 WordPress 中向图像添加 alt 标签很容易。 如果您想为网站上的所有图像批量更新 alt 标签，您可能只需要插件。

旁注——自 2022 年 8 月 6 日起，谷歌已弃用图片标题和说明。换句话说，谷歌现在完全忽略了这些图片标签。

如果您已经为图像指定了这些标签，则无需返回并删除它们。 如果你有这些额外的数据，没有缺点，但也没有优势了。

9. 避免使用 GIF 动画（就像瘟疫一样）

动画 GIF 可能会导致文件过大、臃肿。

相反，使用 MP4 等视频有助于显着减小文件大小。 使用 WebP 视频会更好。 参考谷歌的例子来证明。

10.使用补充内容的图像

您应该确保您的图像（和替代文本）与图像前后的文本内容一致。 否则，它可能会变得混乱并被搜索引擎误解。

例如，在描述面食食谱的两个段落之间嵌入宇宙飞船的图像是不自然的。

综上所述

总而言之，你需要做的就是高效地传递你的图片，帮助谷歌找到你的图片，并准确地理解你的图片。

这些简单的图像优化技术可以帮助产生如此多的 SEO 果汁。 你真的没有理由忽视这些。 稍微注意图像搜索引擎优化可以帮助显着改善您网站的用户体验。 它产生的有机流量是一个受欢迎的奖励。

请留下评论并告诉我们您如何为您的 WordPress 网站优化图像。 您尝试过并喜欢（或讨厌）的任何图像优化 WordPress 插件？