Telegram、 WhatsApp+380637610482
瓦列里·丹尤克
瓦列里·丹尤克开发者为企业开发人工智能工具。高质量,价格实惠。通过 Telegram 联系

在线图片SEO检查:Alt、懒加载、WebP和Srcset——需要修复哪些问题

在线图片SEO检查:alt属性、延迟加载、WebP格式和srcset属性,每张图片的评分范围为0-100分。

您将获得

  • 页面上每张图片均可获得 0-100 分的评分和评论:alt 属性、延迟加载、宽度/高度、WebP/AVIF 格式、srcset 属性——免费
  • 了解你的分数是如何计算的,以及哪些修改能最快地提高分数。
  • 提供主图、响应式图片和 alt 标签的现成代码示例
申请: 15分钟后保存: 手机上Google图片流量和加载时间

简而言之:要检查页面上的图片是否符合 SEO 标准,只需将图片 URL 粘贴到PromoPilot 的免费 SEO 图片检查工具中即可。该工具最多可分析 100 个<img>标签:是否存在 alt 标签、是否设置了loading="lazy" 、是否设置了宽度和高度、是否使用了 WebP、AVIF 或 SVG 格式,以及是否存在 `srcset` 属性。结果会给出 0 到 100 的分数以及每张图片的注释。以下内容将介绍分数的计算方式、需要优先修复的问题以及该工具无法检测到的问题。

我从事网站和网店建设已有 12 年,图片几乎是每个项目的主要瓶颈。一个典型的产品卡片:五张 3MB 的照片,直接从相机导出,图片替代文字为空,文件名是IMG_4512.jpg 。

图片SEO检查会检查哪些内容?

该工具根据五个标准检查页面上的每张图片,并将它们相加得出总分。

它检查什么?他在看什么?为什么这对搜索引擎优化和企业来说很重要?
另类每个<img> Google图片按替代文字排名;方便盲人使用
懒加载loading="lazy"属性应用于第一屏下方的图片。页面不会加载访客尚未滚动浏览过的任何内容。
宽度和高度标签属性中是否指定了尺寸?加载时,方块不会“跳动”——这是 CLS 指标。
格式通过文件扩展名选择 WebP、AVIF 或 SVG 格式。现代格式的文件大小明显小于 JPG 和 PNG。
源集是否有针对不同屏幕尺寸的图片选项?手机接收到的是小文件,而不是显示器版本。

每张图片都会收到一系列评论,页面最终会获得一个评分。这很方便:您不仅可以看到哪里出了问题,还能知道是哪张图片出了问题。

如何在线查看网站上的图片?

只需 4 个步骤即可检查图像:粘贴 URL,等待最多 100 张图片被扫描,查看评分,并更正任何评论。

  1. 打开图像SEO检测器。
  2. 插入页面地址,最好是包含大量照片的页面:产品卡、类别、博客文章、作品集。
  3. 点击“检查” ,等待所有图像扫描完毕。
  4. 查看每张图片的评分和评论列表。
  5. 请修复问题并再次检查页面。

工具页面如下所示:地址字段、检查项列表和常见问题解答。

PromoPilot 的免费图片 SEO 检查页面:URL 字段、alt 属性检查、延迟加载、WebP/AVIF 和 srcset 属性。

评分是如何计算的?首先应该纠正什么问题?

评分初始值为100分,每出现一个问题都会扣分,扣分幅度取决于页面上不合格图片的比例。了解规则后,很容易就能找到提升分数的方法。

考试美好的评论
另类带有 alt 属性的图片比例低于 50% — -30;低于 80% — -15;低于 100% — -5最重要的一点
懒加载低于 50% - -15;低于 80% - -8前三张图片不予考虑。
宽度和高度低于 50% - -15;低于 80% - -8仅使用 CSS 的尺寸不予考虑。
WebP、AVIF 或 SVG低于30% - -10格式由扩展名决定。
栅格图像的源集低于30% - -10 SVG 不需要 srcset 属性。

这是我的工作单:

  1. Alt 属性。最贵的物品,也是最容易修复的物品。请写出图中所示的内容: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку" ,而不是alt="рюкзак купить дёшево рюкзак" 。对于装饰性元素,请使用空白的alt="" 。
  2. 宽度和高度。在属性中指定实际尺寸,并在 CSS 中添加img { max-width: 100%; height: auto; } ——图像将保持响应式,布局将不再跳动。
  3. 延迟加载适用于首屏以下的所有内容。但是,它对首页主图不利:首页主图需要立即加载并具有更高的优先级。
  4. WordPress或 AVIF。WordPress从 5.8 版本开始支持 WebP 上传,从 6.5 版本开始支持 AVIF 上传。
  5. 设置大照片的源文件,这样手机就不会下载显示器版本。

以下是一个正文中主图和自适应图片的示例:

<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">

如何为图片编写好的alt标签?

alt 标签是评估中最关键的要素,也是最容易出错的地方:要么留空,要么堆砌关键词。一个简单的原则:用一句话向看不到图片的人描述图片内容。

图片糟糕的备用不错的替代方案
产品图片рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
团队合影photo1 Мастера мастерской Nord за работой над сумкой
图表或示意图график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
装饰图标иконка空的alt="" — 无需读取

对于产品目录来说,使用模板创建替代文字非常方便:产品名称 + 颜色或款式 + 角度。这样,同一张产品卡片上的五张照片就可以拥有五种不同的、实用的描述,而不是五种相同的描述。

文件名也很重要: kozhanyj-ryukzak-nord-korichnevyj.webp比IMG_4512.jpg更好。没必要仅仅为了这个就重命名旧文件,但上传新文件时请使用描述性名称。

对比:图片SEO检测器及其替代方案

工具什么免费?限制它适合哪些人群?
PromoPilot — 图片 SEO 检查器图片的替代文字、延迟加载、宽度/高度、格式、srcset;评分(0-100)和评论最多可生成 100 张图片,文件大小不作估算。快速解析任何页面上的图像
Google PageSpeed Insights作为速度测试一部分的图像审核:格式、大小、延迟加载由于与其他几十项检查混杂在一起,alt 几乎无法理解。评估图像对速度的影响
挤压在浏览器中压缩和转换单张图片不检查页面,可处理文件准备单个图像
Screaming Frog SEO Spider网站内所有图片均未添加替代文字。需要安装,免费版本对地址数量有限制。数百页的替代审计

结论:在线检查工具可以显示特定页面上的图像存在哪些问题,PageSpeed 可以显示速度损失,而 Squoosh 或转换器可以帮助修复文件本身。

PromoPilot 提供87 种免费 SEO 工具,包括图像压缩工具和 WebP 转换器,这些工具可以直接在浏览器中使用,无需将文件上传到服务器。要了解页面整体大小,请查看我们页面速度分析系列文章。

图像验证看不到什么?

让我们坦诚地谈谈这个工具的局限性——了解这些局限性对于准确解读评分至关重要:

  • 文件大小不予考虑——图像不会被下载;格式由扩展名决定。
  • <picture>标签不会被解析:即使<source>旁边有 AVIF 或 WebP, <img>中的 JPG 也会被标记。
  • 报告中不包含CSS 添加的背景图片和 JavaScript 添加的图片。
  • 仅在 CSS 中指定的尺寸将不予考虑。
  • 一个页面上没有一个<img>图片,就会得到 50 分——这不是“一半的错误”,而是“没有评分”。

免费工具何时会不够用?

优化前后的图片对比:空alt属性和体积较大的JPG图片与描述、WebP格式、指定尺寸和srcset格式的图片对比

修改单个页面的替代文本只需十分钟。但如果商店有五千件商品,手动修改是不可能的。以下情况需要专业人员:

  • 整个目录的 alt 属性应根据名称、颜色和角度自动生成;
  • 图像从相机加载时未进行压缩,因此需要自动处理流程:压缩、WebP、多种尺寸;
  • 网站主题显示照片时没有宽度、高度和 srcset 属性,需要修复模板;
  • 想通过Google图片搜索产品来获取流量吗?

我能为您的网站做些什么?

我是 Valeriy Danyuk,一名拥有 12 年经验的开发人员和 SEO 专家,服务过 200 多个客户,其中包括众多拥有数千张照片的在线商店。

搜索引擎优化和审核

商店和目录

会计和自动化

请在Telegram上给我发送产品卡片的链接——我会根据图片告诉你你能赢得多少钱。

结果

  1. 在线 SEO 图片检查工具可以分析页面上的多达 100 张图片,并根据每张图片给出 0 到 100 的分数以及相应的评论。
  2. alt 和宽度/高度尺寸得分最高,其次是延迟加载、WebP/AVIF 和 srcset。
  3. 主图不需要延迟加载,需要fetchpriority="high" 。
  4. 对于大型目录,照片处理是自动化的——或者选择一个已经完成这项工作的平台,例如1001site 。

使用免费的图片 SEO 检查器检查您网站上加载量最大的页面——从 alt 属性开始。

来源

  • PromoPilot 的图片 SEO 检查器页面 - 检查项目、评估规则、限制和常见问题解答。
  • Google搜索中心 - 图片搜索推荐。
  • Google PageSpeed Insights 和 Squoosh - 功能描述。

参考文献和资料来源

问答

为什么 alt 标签对 SEO 很重要?

Alt 文本用于向搜索引擎和盲人屏幕阅读器描述图像。 Google图片会使用 Alt 文本进行排名,并且在页面上,它有助于解释照片的内容。装饰性元素可以留空 alt=""。

图片大小如何影响核心网页指标?

大尺寸图片会降低 LCP(首屏最大元素的渲染时间,通常是一张照片)的速度。现代的 WebP 和 AVIF 格式、压缩、正确的尺寸以及 srcset 属性都能有所帮助,避免延迟加载并为主图片设置较高的加载优先级也同样有效。

该工具会检查文件重量吗?

不。该工具不会下载图片,因此无法估算文件大小;它根据文件扩展名来判断文件格式。要了解图片和整个页面的大小,请使用 PageSpeed Analysis 或 PageSpeed Insights。

我们查看了网站,但是没有人来修复它?

这个免费工具可以发现问题。我会分析报告,确定优先级并解决问题:SEO 审核、速度优化、代码标记优化,以及在不损失排名的情况下将网站迁移到新网站。