Телеграм, WhatsApp+380637610482
Валериј Дањук
Валериј ДањукпрограмерРазвој вештачке интелигенције за предузећа. Висококвалитетни. Приступачни.Pišite na Telegram

Онлајн провера SEO оптимизације за слике: Alt, лење учитавање, WebP и Srcset – шта поправити

Провера SEO оптимизације слика на мрежи: alt, lazy loading, WebP и srcset, оцена од 0 до 100 за сваку слику

Шта ћете добити

  • Оцена од 0 до 100 и коментари за сваку слику на страници: alt, лење учитавање, ширина/висина, WebP/AVIF, srcset — бесплатно
  • Разумевање како се ваш резултат израчунава и које измене ће га најбрже побољшати
  • Готови примери кода за главну слику, респонзивне слике и alt ознаке
Примени: за 15 минутаСачувано: Саобраћај Google сликама и време учитавања на телефону

Кратак одговор: да бисте проверили слике на страници за SEO, налепите њен URL у бесплатни PromoPilot-ов SEO Image Checker. Алат ће анализирати до 100 <img> ознака: да ли постоји alt ознака, да ли је подешено loading="lazy", да ли су подешене ширина и висина, да ли се користе WebP, AVIF или SVG и да ли постоји srcset. Резултат је оцена од 0 до 100 и коментари за сваку слику. Испод ћете пронаћи како се оцена израчунава, шта прво треба поправити и шта алат не види.

Већ 12 година правим веб странице и продавнице, а слике су главно уско грло у скоро свакој од њих. Типична картица производа: пет фотографија од 3 МБ директно из фотоапарата, празан алтернативни текст и назив датотеке је IMG_4512.jpg.

Шта проверава SEO провера слика?

Алат прегледа сваку слику на страници на основу пет критеријума и сабира их како би формирао укупни резултат.

Шта проверава? Шта он гледа? Зашто је ово важно за 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 поена, а казне се одузимају за сваки проблем, у зависности од процента слика на страници које је не испуњавају. Познавајући правила, лако је схватити шта ће донети највећи подстицај.

Испит Добро Коментар
Алтернативно Мање од 50% слика са alt — -30; мање од 80% — -15; мање од 100% — -5 Најзначајнија тачка
Лење учитавање мање од 50% - −15; мање од 80% - −8 Прве три слике се не узимају у обзир
Ширина и висина мање од 50% - −15; мање од 80% - −8 Димензије само за CSS се не узимају у обзир.
WebP, AVIF или SVG мање од 30% - 10 Формат је одређен екстензијом
Srcset за растерске слике мање од 30% - 10 SVG-у није потребан srcset

Ево мог радног налога:

  1. Алт. Најскупља ставка и најлакше се поправља. Напишите шта је приказано: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", а не alt="рюкзак купить дёшево рюкзак". За декоративне елементе користите празан alt="".
  2. Ширина и висина. Наведите стварне димензије у атрибутима и додајте img { max-width: 100%; height: auto; } у CSS — слика ће остати прилагодљива, а распоред ће престати да скаче.
  3. Лење учитавање се односи на све испод прегиба. Међутим, штети главној слици: она мора бити учитана одмах и са приоритетом.
  4. WebP или AVIF. WordPress подржава WebP отпремања од верзије 5.8, а AVIF од верзије 6.5.
  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">

Како написати добар алт таг за слику?

Алт ознака је најважнији елемент евалуације и ту се најчешће праве грешке: или се оставља празна или се пуни кључним речима. Једноставно правило: опишите слику некоме ко је не може видети у једној реченици.

Слика Лоша алтернатива Добра алтернатива
Фотографија производа рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Тимска фотографија photo1 Мастера мастерской Nord за работой над сумкой
Дијаграм или графикон график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Декоративна икона иконка празан alt="" — нема потребе да се чита

За каталог је згодно креирати алт ознаке користећи шаблон: назив производа + боја или варијанта + угао. На овај начин, пет фотографија на једној картици ће имати пет различитих, корисних описа, уместо пет идентичних.

Име датотеке је такође важно: kozhanyj-ryukzak-nord-korichnevyj.webp је боље од IMG_4512.jpg. Нема смисла преименовати старе датотеке само због овога, већ отпремите нове са описним именима.

Поређење: Провера SEO-а за слике и алтернативе

Алат Шта је бесплатно? Ограничења За кога је погодно?
PromoPilot — Провера SEO оптимизације за слике Alt, лење учитавање, ширина/висина, формати, srcset; оцена 0–100 и коментари за сваку слику До 100 слика, величина датотеке није процењена Брзо анализирајте слике са било које странице
Google PageSpeed Insights Ревизије слика као део теста брзине: формат, величина, лењо учитавање Помешан са десетинама других провера, алт једва разуме Процена утицаја слика на брзину
Сквоош Компресујте и конвертујте једну слику у прегледачу Не проверава страницу, ради са датотекама Припрема појединачних слика
Вриштећа жаба SEO паук Листа слика без алтернативног текста на целом сајту Инсталација је потребна, бесплатна верзија има ограничење адреса Алтернативна ревизија на стотинама страница

Закључак: Онлајн провера показује шта није у реду са сликама на одређеној страници, PageSpeed показује колико кошта брзина, а Squoosh или конвертор помаже у поправљању самих датотека.

PromoPilot има 87 бесплатних SEO алата, укључујући алат за компресију слика и WebP конвертер који раде директно у прегледачу, без отпремања датотека на сервер. Да бисте разумели укупну величину странице, погледајте наш чланак у нашој серији анализа брзине учитавања странице.

Шта верификација слике не види?

Будимо искрени у вези са ограничењима алата – важно их је знати да бисмо тачно протумачили оцену:

  • Величина датотеке се не узима у обзир — слике се не преузимају; формат је одређен екстензијом.
  • Ознака <picture> није анализирана: JPG у <img> ће бити означена чак и ако се поред ње налази AVIF или WebP у <source>.
  • Позадинске слике из CSS- а и слике додате помоћу JavaScript-а нису укључене у извештај.
  • Димензије наведене само у CSS-у се не узимају у обзир.
  • Страница без иједног <img> добија 50 поена - ово није „половина грешака“, већ „нема шта да се оцени“.

Када бесплатан алат није довољан?

Слике пре и после оптимизације: празне alt и тешке JPG слике наспрам описа, WebP, наведених димензија и srcset-а

Исправљање алтернативног текста на једној страници траје десет минута. Али ако продавница има пет хиљада производа, немогуће је то урадити ручно. Потребан вам је стручњак ако:

  • alt треба да се генерише аутоматски из имена, боје и угла за цео каталог;
  • слике се учитавају са камере без компресије, а потребан је аутоматски цевовод: компресија, WebP, више величина;
  • Тема веб странице приказује фотографије без ширине, висине и srcset-а, а шаблон треба поправити;
  • Желите да добијете саобраћај са Google слика за упите о производима?

Шта могу да урадим за ваш веб-сајт?

Ја сам Валериј Дањук, програмер и SEO специјалиста са 12 година искуства и преко 200 клијената, укључујући бројне онлајн продавнице са хиљадама фотографија.

SEO и ревизија

Продавнице и каталози

Рачуноводство и аутоматизација

Пошаљите ми линк до картице производа у Telegram - рећи ћу вам колико можете освојити на основу слика.

Резултат

  1. Онлајн SEO провера слика анализира до 100 слика на страници и додељује оцену од 0 до 100, заједно са коментарима за сваку.
  2. Највише поена се даје димензијама alt и ширина/висина, а следе их лење учитавање, WebP/AVIF и srcset.
  3. Главној слици није потребно лење учитавање - потребно јој је fetchpriority="high".
  4. За велике каталоге, обрада фотографија је аутоматизована — или се бира платформа где је то већ урађено, на пример, 1001site.

Проверите најоптерећенију страницу вашег сајта помоћу бесплатног алата Image SEO Checker — почните са alt.

Извори

  • PromoPilot-ова страница за проверу SEO оптимизације слика - провере, правила евалуације, ограничења и честа питања.
  • Google центар за претрагу - Препоруке слика за претрагу.
  • Google PageSpeed Insights и Squoosh - Описи функција.

Референце и извори

Питања и одговори

Зашто су алт ознаке важне за SEO?

Алтернативни текст описује слику за претраживаче и читаче екрана за слепе. Google Images користи алтернативни текст за потребе рангирања, а на страници помаже у објашњењу садржаја фотографије. Декоративни елементи могу бити остављени са празним alt="".

Како величина слике утиче на основне показатеље веба?

Велике слике успоравају LCP — време рендеровања највећег елемента на првом екрану, што је често фотографија. Модерни WebP и AVIF формати, компресија, исправне димензије и srcset помажу, као и избегавање лењег учитавања и подешавање високог приоритета учитавања за главну слику.

Да ли алат проверава тежину датотеке?

Не. Алат не преузима слике, тако да не процењује величину датотеке; одређује формат на основу екстензије. Да бисте сазнали величину слика и целе странице, користите Анализу брзине учитавања странице или Увиде у брзину учитавања странице.

Проверили смо веб страницу, али нема никога да је поправи?

Овај бесплатни алат открива проблеме. Анализираћу извештај, одредити приоритете и решити их: SEO ревизија, убрзање, маркирање и миграција на нови сајт без губитка рангирања.