前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

图像 SEO:图像优化技巧(图像优化是指什么)

您是否希望在网上获得优势?如果你的图片 SEO 不达标,你可能会错过流量、用户参与度和销售。

在决定为特定搜索查询排名的网站时,Google 会考虑 200 多个因素,自今年早些时候 Google 泄露以来,我们对这些因素有了更多的了解。虽然仅优化图像不会使弱内容排名靠前,但它可以帮助您从不优化图像的竞争对手中脱颖而出。

好消息?图像优化并不是特别复杂。对当前图像流程进行一些更改可以帮助您的网站获得更多流量和潜在客户,从而带来更多销售额。

关键要点

  • Image SEO 使用优化技术来帮助您的网站排名更高并提高知名度。
  • 描述性的、相关的替代文本、压缩文件大小和针对移动设备进行优化对于图像优化仍然是必不可少的,但您还需要针对 Google Lens 和多模态搜索等新工具进行优化。
  • 优化图像可以使您的网站加载速度更快,提供更好的用户体验,并使您的网站更易于访问。
  • 压缩图像文件、确保您的图像适合移动设备以及构建图像站点地图是您可以采取的简单步骤来增强您的图像 SEO。
  • 您还应该关注技术 SEO 技术,例如使用内容分发网络、延迟加载和浏览器缓存。

目录

  • 关键要点
  • 什么是图像 SEO?
  • 为什么图像优化很重要?
  • 您网站的图像优化技巧确保您的图像选择符合您的受众需求选择正确的图像文件类型调整图像大小压缩您的图像优化图像文件名添加描述性替换文本确保图像适合移动设备构建图像站点地图使用 Schema 标记利用技术 SEO 机会针对 Google Lens 进行优化
  • 如何查找图像优化问题
  • 常见问题
  • 结论

什么是图像 SEO?

图像 SEO 涉及使用久经考验的图像优化策略来提高您在 SERP 中的在线知名度。视觉内容非常受欢迎,并出现在搜索广告、知识面板和丰富网页摘要等位置。

Google 还在其常规搜索结果、文本结果图像、Google Discover 中,当然还有 Google 图片中显示图像。

Google Lens(一款为搜索提供上下文的生成式 AI 应用程序)也运行图像 SEO。人们每月使用它进行近 120 亿次搜索,因此您希望这些用户可以看到您的图像。

图像 SEO 很容易上手,包括选择正确的格式、调整图像大小和使用图像压缩。

为什么图像优化很重要?

当您使用图像优化来提高 Google 中的知名度时,它会带来更多流量,但还有许多其他好处。

图像优化:

  • 改善用户体验:经过充分优化且显示正确的图像通过使您的网站更易于导航来改善用户体验 (UX)。例如,大图像可以占据整个屏幕或覆盖页面上的其他元素。你不希望那样。
  • 提供更快的加载时间: 对于 SEO,速度很重要。图片很大或格式不正确会降低您的网站速度,从而损害您的排名并惹恼网站访问者。 平均加载时间为 2.5 秒,但 0-2 秒是理想的。
  • 使您的网站更易于访问:一些优化步骤(例如添加 alt 标签)可以使使用屏幕阅读器的用户更轻松地浏览您的网站。Web 可访问性对网站访问者和 SEO 都很重要。

虽然这可能感觉像是永无止境地追求改进 SEO 的又一步,但它可以显着影响排名和 UX。

下面,NP Digital 的高级 SEO 策略师 Nikki Brandemarte 强调了图像 SEO 不断发展的性质及其重要性:

“优化图像的 SEO 最佳实践仍然适用——使用描述性、关键字丰富的替代文本、压缩文件大小等内容是必不可少的。但现在我们也必须专注于优化新的景观,如Google Lens和多模式搜索,它们结合了文本和图像。要做到这一点,专注于实施结构化数据并将图像无缝集成到当前内容中,以补充和提高用户理解”。

那么,您如何确保图像不会阻碍您的网站呢?通过坚持使用经过验证的技术并适应新工具。

您网站的图像优化技巧

当然,您需要专注于技术 SEO。但图像 SEO 最佳实践还包括页面 SEO,例如架构标记、页面速度以及高质量、原创、引人入胜的图像。

我在下面讨论的提示从两个角度涵盖了你,所以如果你准备好确保你的图片对 SEO 友好,这就是你需要了解的内容。

确保您的图像选择符合您的受众需求

我相信你在书面内容上投入了很多精力;您的图像也应该得到同样的关注和关注。图片应该是原创的、高质量的,并在视觉上引导您的观众浏览内容。看看我过去的一个资产中的信息图:

他们还应该根据内容类型满足用户需求。

例如,JPEG 适用于电子商务图像,因为它们的文件大小较小。这意味着您可以显示大量照片而不会降低网站速度。或者,如果您想让信息更容易吸收,您可以使用信息图表。

此外,如果您正在考虑使用 AI,则有利有弊。是的,它可以创建出色的图像,但不要太过分。您需要小心 AI 生成的图像,因为 Google 的索引算法优先考虑内容的真实性和用户体验。如果您仅依赖 AI,您的图像可能无法正确索引。

无论您使用哪种图像格式,请记住,在不影响质量的情况下使用小图像文件是最好的。通常,500 KB 或更小的 KB 允许更快的加载速度。我将讨论您接下来必须使用的一些不同图像格式。

选择正确的图像文件类型

使用错误的图像文件类型可能会导致图像模糊或未对齐。Google 支持大量不同的图像格式,例如:

  • 基本原则
  • GIF
  • JPEG 格式
  • PNG
  • WebP
  • SVG
  • AVIF 公司

您应该选择哪一个?

WebP 在大多数情况下都是一个不错的选择,因为它加载速度快并提供更好的用户体验。

但是,Google 最近宣布它支持用于 Google 搜索、图像和 Discover 的 AVIF 文件。AVIF 是另一种广泛使用的压缩技术,类似于 WebP。

WebP 和 AVIF 通过缩短其他文件格式的加载时间来帮助 SEO,但 JPEG 和 PNG 在某些情况下仍然有用。例如,JPEG 适用于特色博客图像和类似图像,而 PNG 则提供多功能性、细节和透明度。

调整图像大小

加快网站速度的最佳方法之一是调整图像大小,但这并不意味着牺牲质量。确保您的图像针对性能进行了优化,并在所有设备上都能正常显示。在大多数情况下,最多 2,500 像素通常足以用于网站图像。

但您还需要考虑:

  • 设备兼容性。
  • 视区 (网站的可见区域) 大小。
  • 如果您需要出色的主图,请以 1600 x 500 像素为目标。
  • 对于背景图像,您通常可以使用较低的分辨率;这同样适用于缩略图。

如果您在社交媒体上发帖或将图像用于装饰目的,您可能会获得较低的像素数。每个社交媒体网站都有不同的指导方针,因此检查平台以获取最新详细信息是一个好主意。

压缩您的图像

图像压缩会使大型图像文件更小,因此它们更容易加载到 Internet 上或存储在您的设备上。如果做得好,图像压缩可以在大小和图像质量之间取得完美的平衡。

图像压缩的两种类型是有损压缩和无损压缩。JPEG 使用的有损压缩基本上会丢弃一些数据,而无损压缩会保留所有数据。(正如我上面提到的,PNG 使用无损。

因此,您使用的压缩类型取决于您选择的图像类型。

下面是一个压缩图像的示例:

左侧的图像比右侧的无损图像略微更具颗粒感,但文件大小要小得多。

目标是在大小和质量之间取得适当的平衡。

在决定压缩图像的程度时,请考虑您的用户。在大多数情况下,他们不太可能关心博客文章中的图像是否不那么清晰。但是,如果您向客户发送新徽标,那就另当别论了。

关键是根据您的文件格式使用压缩类型,并根据图像的使用方式选择文件格式。

现在,你如何压缩图像?有几种工具。

我喜欢 Resizing.app,它是一个免费的 Chrome 扩展程序,让您只需单击一下即可转换文件格式以及裁剪和调整图像大小。其他照片压缩工具包括 Photoshop 和 PicResize。

优化图像文件名

Google 使用 URL 路径和文件名来更好地理解您的图像。这意味着以逻辑方式组织图像 URL,并在文件名中包含关键术语。

这样做可以帮助您保持井井有条并帮助 Google 理解您的图像:双赢。

文件名不必很复杂。我通常使用 alt 文本作为文件名,使将帖子上传到 WordPress 更容易。例如,这是我最近一篇关于发展品牌语气的博客文章。

我在图像文件名中使用了从博客标题派生的关键字。很简单,对吧?

添加描述性替换文本

替代文本(又名替代文本)是对图像的书面描述,用于描述图像是什么及其用途。屏幕阅读器使用这些数据向用户描述图片,而 Google 则使用这些数据来确定图片是否与搜索查询相关。

以下是 Google 的一个例子:

要向 WordPress 添加替代文本,请添加插件或按照以下步骤手动包含它:

  • 点击 媒体 并选择 鑫安图书馆 从菜单中。
  • 找到要添加替代文本的图像。
  • 转到 附件详细信息 窗格,然后转到 替换文本 字段。
  • 添加您的文本。

使其具有描述性并尽可能准确。谷歌说你应该写 “有用的、信息丰富的内容,适当地使用关键词,并与页面内容的上下文相吻合”。避免用关键字使 alt 文本过载,因为这可能会被视为垃圾邮件。

专业提示 - 如果您想了解竞争对手如何使用 alt 标签,请导航到他们的网站,右键单击图像,然后选择“检查”。您将在他们网站的代码中看到 alt 标签。

确保图像适合移动设备

如果您使用了正确的文件类型并压缩了图像,那么它们应该非常适合移动设备。然而,有时事情并不总是按照我们预期的方式显示。

超过 60% 的互联网流量来自移动设备,因此您希望确保图像不会破坏移动体验。

因此,我建议您从多个不同的移动设备上查看您的网站,以确保图像看起来最好。请记住,平板电脑、iPhone 和 Android 设备都可能以不同的方式显示您的图像。

这就是为什么您需要使用 CSS 根据设备自动调整其大小或分辨率的响应式图像。您还可以使用 Responsinator 或 Browser Stack 等工具来模拟图像在不同设备上的显示方式。

您还可以使用 Google Chrome Inspect 来检查您的图像。右键单击图像,点击检查,然后在代码窗口打开时查找右上角的设置图标。从菜单中选择“设备”,然后选择要模拟的设备。您的图像将出现在左侧的窗口中,就像在您选择的设备上一样。

构建图像站点地图

图片站点地图是一种 XML 站点地图,可让搜索引擎查找您的网站图片并将其编入索引。

它看起来像这样:

图像站点地图为搜索引擎提供有关要索引的图像的信息,并包括 URL、标题和标题等详细信息。

你可以有多个 XML 站点地图,所以如果你想专门将一个专门用于图像和视频,那很好。请记住,站点地图的最大大小为 50 MB 未压缩或 50,000 个 URL。

使用 Schema 标记

架构标记,也称为结构化数据,是一种帮助搜索引擎更好地理解您的数据的代码。

想象一下,您想收集食谱来制作一本家庭食谱书,并且您发送了一份表格,要求您的家人分享他们的食谱,以便它们采用相同的格式。

从本质上讲,这就是 schema 构成的作用。它会格式化您的数据,以便 Google 可以理解它是列表、食谱、图像等。这是它的样子:

以及它产生的图像:

Schema.org 列出了与图像关联的属性。您可以准确完成的字段越多,您的架构就越优化。

利用技术 SEO 机会

到目前为止,你做得很好,但不要忘记你可以利用一些额外的技术 SEO 机会来支持图像 SEO。以下是其中的一些。

  • 延迟加载会加快加载时间,因为网页仅在需要时加载,而不是同时加载所有内容。这缩短了初始页面加载时间,以保持用户的参与度并提高性能。但是,请注意不要意外地从 Google 中隐藏内容。查看 Google 的指南来修复和测试延迟加载的内容。
  • 内容交付网络使用全球互连服务器网络帮助加快速度,因此用户无论身在何处都可以获得更快的下载时间。
  • 最后,浏览器缓存将以前访问的数据存储在用户的设备上,从而减少回访的加载时间。

您可以使用 Total Cache 或 WPRocket 等插件将浏览器缓存添加到 WordPress。

针对 Google Lens 进行优化

正在努力寻找合适的词语?Google 智能镜头可让您在桌面设备或移动设备上使用相机、屏幕截图或图片进行搜索。

Google Lens 会将您的图片与其他图片进行比较,并根据它们与原始图片中的项目的相似度和相关性对它们进行排名。

例如,也许您已经在网上的图片中看到了一些华丽的公寓床上用品,并想追踪该品牌或在哪里购买。只需截取屏幕截图,将其上传到 Google Lens,或使用该应用程序,您就会获得结果。

您可以通过以下方式增加出现在 Google Lens 中的机会:

  • 使用本文中的提示(高质量、上下文相关且相关的图像、替代文本、结构化数据以及针对移动设备进行优化等)
  • 在 Google 购物上列出您的产品。
  • 填写您的 Google 商家资料以提高本地知名度。
  • 包括描述性文件名和 alt 文本。

如何查找图像优化问题

定期的技术 SEO 审计可以帮助您发现诸如删除图像或 URL 不正确等问题。图片加载延迟会降低你的页面速度,我已经提到了加载时间变慢会影响你的排名。

您可以使用 Ubersuggest 进行站点诊断以查找潜在问题或 ScreamingFrog。常见问题包括:

  • 内部图像链接损坏:这些链接没有转到预期位置,导致 404 错误。
  • 图像加载缓慢:使用 TinyPNG 或 ImageOptim 等图像压缩工具在保持质量的同时减小文件大小。
  • 缺少替代文本: 确保所有图像都具有准确描述其内容的描述性替代标签。
  • 缺少响应式图像:通过添加 元素和 srcset 属性来优化各种屏幕大小的图像。

常见问题

什么是图像优化?

图像优化是调整图像格式、大小和质量以及优化文件名和替代文本的过程,以提高搜索结果中的图像性能和用户体验

为什么图像优化 SEO 很重要?

图像优化在提高您的排名的同时,还可以改善用户体验和可访问性。

SEO 的最佳图像格式是什么?

没有最适合 SEO 的特定格式。通常,您希望图像尽可能小,同时保持尽可能多的质量。在大多数情况下,我推荐 WebP 或 AVIF。

如何为 SEO 优化图像?

您可以通过确保图像适合移动设备、压缩和调整大图像大小、添加描述性文件名和替代文本以及构建图像站点地图来改进图像 SEO。

结论

Google 为我们提供了很多有关优化我们的网站和图像优化的信息。很容易被所有的小细节所淹没。

以上提示将帮助您充分利用您的图像;但是,我建议确保您的视觉内容为用户带来价值。避免使用图片、关键字填充 alt 标签或包含不相关的视觉对象。

你还需要了解图像 SEO 的技术方面。利用内容分发网络,使用延迟加载来错开加载时间,并使用浏览器缓存来改善整体用户体验。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言