Короткий ответ: чтобы проверить изображения на странице для SEO, вставьте её адрес в бесплатную Проверку SEO изображений PromoPilot. Инструмент разберёт до 100 тегов <img>: есть ли alt, стоит ли loading="lazy", заданы ли width и height, используются ли WebP, AVIF или SVG и есть ли srcset. Итог — оценка от 0 до 100 и замечания по каждой картинке. Ниже — как считается балл, что чинить первым и чего инструмент не видит.
Я 12 лет делаю сайты и магазины, и картинки — главный «тормоз» почти каждого из них. Типичная карточка товара: пять фото по 3 МБ прямо с камеры, alt пустой, а имя файла — IMG_4512.jpg.
Что проверяет Проверка SEO изображений?
Инструмент смотрит на каждую картинку страницы по пяти признакам и складывает их в общую оценку.
| Что проверяет | Что смотрит | Зачем это для SEO и бизнеса |
|---|---|---|
| Alt | Есть ли текстовое описание у каждого <img> |
Google Картинки ранжируют по alt; доступность для незрячих |
| Lazy loading | Атрибут loading="lazy" у картинок ниже первого экрана |
Страница не грузит то, до чего посетитель ещё не долистал |
| Width и height | Заданы ли размеры в атрибутах тега | Блоки не «прыгают» при загрузке — это метрика CLS |
| Формат | WebP, AVIF или SVG по расширению файла | Современные форматы весят заметно меньше JPG и PNG |
| Srcset | Есть ли варианты картинки для разных экранов | Телефон получает маленький файл, а не версию для монитора |
Каждая картинка получает список замечаний, а страница — итоговый балл. Это удобно: видно не только «что-то не так», но и какая именно картинка виновата.
Как проверить изображения на сайте онлайн?
- Откройте Проверку SEO изображений.
- Вставьте адрес страницы — лучше той, где много фото: карточка товара, категория, статья блога, портфолио.
- Нажмите «Проверить» и дождитесь сканирования всех изображений.
- Посмотрите оценку и список замечаний по каждой картинке.
- Исправьте проблемы и проверьте страницу снова.
Так выглядит страница инструмента: поле адреса, список проверок и FAQ.
Как считается оценка и что исправить первым?
Оценка стартует со 100 баллов, и за каждую проблему снимаются штрафы — в зависимости от того, какая доля картинок страницы её не прошла. Зная правила, легко понять, что даст больший прирост.
| Проверка | Штраф | Комментарий |
|---|---|---|
| Alt | меньше 50% картинок с alt — −30; меньше 80% — −15; меньше 100% — −5 | Самый весомый пункт |
| Lazy loading | меньше 50% — −15; меньше 80% — −8 | Первые три картинки не учитываются |
| Width и height | меньше 50% — −15; меньше 80% — −8 | Размеры только в CSS не засчитываются |
| WebP, AVIF или SVG | меньше 30% — −10 | Формат определяется по расширению |
| Srcset у растровых картинок | меньше 30% — −10 | SVG не нужен srcset |
Отсюда мой порядок работы:
- Alt. Самый дорогой пункт и самый простой в исправлении. Пишите, что изображено:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", а неalt="рюкзак купить дёшево рюкзак". Для декоративных элементов — пустойalt="". - Width и height. Укажите реальные размеры в атрибутах, а в CSS добавьте
img { max-width: 100%; height: auto; }— картинка останется адаптивной, а макет перестанет прыгать. - Lazy loading для всего, что ниже первого экрана. А вот главной картинке (hero) он вреден: её нужно грузить сразу и с приоритетом.
- WebP или AVIF. WordPress поддерживает загрузку WebP с версии 5.8, AVIF — с версии 6.5.
- Srcset для крупных фото, чтобы телефон не качал версию для монитора.
Пример правильной главной картинки и адаптивного фото в тексте:
<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 — самый весомый пункт оценки, и именно в нём чаще всего ошибаются: либо оставляют пустым, либо набивают ключами. Простое правило — опишите картинку человеку, который её не видит, одним предложением.
| Картинка | Плохой alt | Хороший alt |
|---|---|---|
| Фото товара | рюкзак купить рюкзак недорого |
Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Фото команды | photo1 |
Мастера мастерской Nord за работой над сумкой |
| Схема или график | график |
Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Иконка-украшение | иконка |
пустой alt="" — читать её незачем |
Для каталога удобно собирать alt по шаблону: название товара + цвет или вариант + ракурс. Тогда у пяти фото одной карточки будут пять разных, полезных описаний, а не пять одинаковых.
Имя файла тоже имеет значение: kozhanyj-ryukzak-nord-korichnevyj.webp лучше, чем IMG_4512.jpg. Переименовывать старые файлы ради этого не стоит, а вот новые загружайте сразу с понятными именами.
Сравнение: Проверка SEO изображений и альтернативы
| Инструмент | Что бесплатно | Ограничения | Кому подходит |
|---|---|---|---|
| PromoPilot — Проверка SEO изображений | Alt, lazy loading, width/height, форматы, srcset; оценка 0–100 и замечания по каждой картинке | До 100 img, вес файлов не оценивает | Быстрый разбор картинок любой страницы |
| Google PageSpeed Insights | Аудиты изображений в составе проверки скорости: формат, размер, отложенная загрузка | Смешаны с десятками других проверок, alt почти не разбирает | Оценке влияния картинок на скорость |
| Squoosh | Сжатие и конвертация одной картинки в браузере | Не проверяет страницу, работает с файлами | Подготовке отдельных изображений |
| Screaming Frog SEO Spider | Список картинок без alt по всему сайту | Нужна установка, у бесплатной версии лимит адресов | Аудиту alt на сотнях страниц |
Вывод: онлайн-проверка показывает, что не так с картинками конкретной страницы, PageSpeed — во сколько это обходится по скорости, а Squoosh или конвертер помогают исправить сами файлы.
В каталоге PromoPilot 87 бесплатных SEO-инструментов, среди них — сжатие изображений и конвертер в WebP, которые работают прямо в браузере, без загрузки файлов на сервер. А чтобы понять, сколько весит вся страница, загляните в статью нашей серии про анализ скорости загрузки страницы.
Чего не видит проверка изображений?
Честно о границах инструмента — их стоит знать, чтобы правильно читать оценку:
- Вес файлов не учитывается — картинки не скачиваются; формат определяется по расширению.
- Тег
<picture>не разбирается: JPG в<img>будет помечен, даже если в<source>рядом есть AVIF или WebP. - Фоновые картинки из CSS и изображения, которые добавляет JavaScript, в отчёт не попадают.
- Размеры, заданные только в CSS, не засчитываются.
- Страница без единого
<img>получает 50 баллов — это не «половина ошибок», а «нечего оценивать».
Когда бесплатного инструмента мало?
Исправить alt на одной странице — десять минут. Но если в магазине пять тысяч товаров, вручную это не сделать. Специалист нужен, если:
- alt нужно генерировать автоматически из названия, цвета и ракурса для всего каталога;
- картинки загружаются с камеры без сжатия, и нужен автоматический конвейер: сжатие, WebP, несколько размеров;
- тема сайта выводит фото без width, height и srcset, и чинить нужно шаблон;
- хотите получать трафик из Google Картинок по товарным запросам.
Что я могу сделать для вашего сайта?
Я Валерий Данюк, разработчик и SEO-специалист: 12 лет и 200+ клиентов, много интернет-магазинов с тысячами фотографий.
SEO и аудит
- SEO-аудит сайта под ключ: проверяю картинки по всему сайту, настраиваю автоматическую конвертацию и alt в шаблонах.
- SEO-блог с ИИ, который приводит клиентов из органики — иллюстрации с alt и в WebP у каждой статьи автоматически.
Магазины и каталоги
- Каталог на 300 товаров за пару минут через MCP и Claude — с описаниями и фото для каждой позиции.
- Интернет-магазин на WooCommerce с правильной обработкой изображений.
- Перенос магазина из Instagram на сайт — фото товаров переезжают вместе с описаниями.
- На 1001site товары, фото и тексты можно перенести по ссылке со старого сайта или из соцсетей.
Учёт и автоматизация
Пришлите ссылку на карточку товара в Telegram — скажу, сколько можно выиграть на картинках.
Итог
- Проверка SEO изображений онлайн разбирает до 100 картинок страницы и выставляет оценку 0–100 с замечаниями по каждой.
- Больше всего баллов дают alt и размеры width/height; затем lazy loading, WebP/AVIF и srcset.
- Главной картинке lazy loading не нужен — ей нужен
fetchpriority="high". - Для больших каталогов обработку фото автоматизируют — или выбирают платформу, где это уже сделано, например 1001site.
Проверьте самую «тяжёлую» страницу своего сайта в бесплатной Проверке SEO изображений — и начните с alt.
Источники
- Страница инструмента «Проверка SEO изображений» PromoPilot — проверки, правила оценки, ограничения и FAQ.
- Google Search Central — рекомендации по изображениям для поиска.
- Google PageSpeed Insights и Squoosh — описания возможностей.
