Кароткі адказ: каб праверыць выявы на старонцы для 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 |
|---|---|---|
| Фота тавару | рюкзак купить рюкзак недорого | Кожаный рюкзак 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 | Аўдыты малюнкаў у складзе праверкі хуткасці: фармат, памер, адкладзеная загрузка | Змяшаныя з дзясяткамі іншых праверак, амаль не разбірае | Ацэнцы ўплыву карцінак на хуткасць |
| 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 - апісанні магчымасцяў.
