Краткиот одговор: за да проверите слики на страница за SEO, залепете ја нејзината URL адреса во бесплатниот SEO Image Checker на PromoPilot. Алатката ќе анализира до 100 <img> ознаки: дали има alt ознака, дали е поставено loading="lazy", дали се поставени ширината и висината, дали се користи WebP, AVIF или SVG и дали има srcset. Резултатот е оценка од 0 до 100 и коментари за секоја слика. Подолу ќе најдете како се пресметува оценката, што прво да се поправи и што алатката не гледа.
Градам веб-страници и продавници веќе 12 години, а сликите се главното тесно грло во речиси секоја од нив. Типична картичка за производ: пет фотографии од 3MB директно од камерата, празен алтернативен текст и името на датотеката е IMG_4512.jpg.
Што проверува Image SEO Check?
Алатката ја разгледува секоја слика на страницата врз основа на пет критериуми и ги собира заедно за да формира вкупен резултат.
| Што проверува? | Што гледа тој? | Зошто е ова важно за SEO и бизнисот? |
|---|---|---|
| Alt | Дали има текстуален опис за секоја <img> | Google Images рангиран според alt; пристапност за слепи лица |
| Мрзеливо вчитување | Атрибутот loading="lazy" се применува на сликите под првиот екран. | Страницата не вчитува ништо до кое посетителот сè уште не дошол. |
| Ширина и висина | Дали димензиите се наведени во атрибутите на ознаката? | Блоковите не „скокаат“ при вчитување - ова е CLS метрика |
| Формат | WebP, AVIF или SVG според екстензијата на датотеката | Современите формати се значително помали од JPG и PNG. |
| Срцет | Дали постојат опции за слики за различни екрани? | Телефонот ја прима малата датотека, а не верзијата на мониторот. |
Секоја слика добива список на коментари, а страницата добива конечен резултат. Ова е практично: можете да видите не само што не е во ред, туку и која слика е виновна.
Како да проверите слики на веб-страница преку интернет?
- Отворете ја Проверката на SEO слики.
- Внесете ја адресата на страницата, по можност таква со многу фотографии: картичка на производ, категорија, блог статија, портфолио.
- Кликнете на „Провери“ и почекајте сите слики да бидат скенирани.
- Погледнете ја оценката и листата на коментари за секоја слика.
- Ве молиме поправете ги проблемите и проверете ја страницата повторно.
Еве како изгледа страницата со алатки: поле за адреса, список на проверки и често поставувани прашања.
Како се пресметува рејтингот и што треба прво да се корегира?
Оценувањето започнува од 100 поени, а казни се одбиваат за секое прашање, во зависност од процентот на слики на страницата што не го поминале. Знаејќи ги правилата, лесно е да се открие што ќе донесе најголем поттик.
| Испитување | Добро | Коментар |
|---|---|---|
| Alt | Помалку од 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 |
Еве го мојот работен редослед:
- Alt. Најскапиот предмет и најлесниот за поправка. Напишете што е прикажано:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", неalt="рюкзак купить дёшево рюкзак". За декоративни елементи, користете празноalt="". - Ширина и висина. Наведете ги вистинските димензии во атрибутите и додадете
img { max-width: 100%; height: auto; }во CSS - сликата ќе остане прилагодлива, а распоредот ќе престане да скока. - Мрзеливото вчитување се однесува на сè што е подолу на превиткувањето. Сепак, тоа е штетно за имиџот на херојот: треба да се вчита веднаш и со приоритет.
- 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 ознаката е најважниот елемент на евалуацијата и најчесто се прават грешки таму: или оставајќи ја празна или преполнувајќи ја со клучни зборови. Едноставно правило: опишете ја сликата на некој што не може да ја види во една реченица.
| Слика | Лош алтернативен | Добар алтернативен |
|---|---|---|
| Фотографија од производ | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Тимска фотографија | photo1 | Мастера мастерской Nord за работой над сумкой |
| Дијаграм или графикон | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Декоративна икона | иконка | празно alt="" — нема потреба да го читате |
За каталог, практично е да се креираат 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 треба да се генерира автоматски од името, бојата и аголот за целиот каталог;
- сликите се вчитуваат од камерата без компресија и потребен е автоматски цевковод: компресија, WebP, повеќе големини;
- Темата на веб-страницата прикажува фотографии без ширина, висина и srcset, а шаблонот треба да се поправи;
- Сакате да добиете сообраќај од Google Images за барања за производи?
Што можам да направам за вашата веб-страница?
Јас сум Валериј Данјук, развивач и SEO специјалист со 12 години искуство и над 200 клиенти, вклучувајќи бројни онлајн продавници со илјадници фотографии.
SEO и ревизија
- SEO ревизија на веб-страница „клуч на рака“: Проверувам слики низ целата страница, поставувам автоматска конверзија и алтернативен текст во шаблони.
- SEO блог управуван од вештачка интелигенција кој привлекува органски клиенти — автоматски прикажува alt и WebP слики за секоја статија.
Продавници и каталози
- Каталог од 300 артикли за само неколку минути преку MCP и Claude — со описи и фотографии за секој артикл.
- Онлајн продавница на WooCommerce со соодветна обработка на слики.
- Преместување на продавница од Instagram на веб-страницата — фотографиите и описите на производите се менуваат.
- Производите, фотографиите и текстот може да се префрлат на 1001site преку линк од вашата стара веб-страница или социјалните медиуми.
Сметководство и автоматизација
- Сметководство + книговодство + продавница за 30.000 производи.
- Telegram бот со вештачка интелигенција за онлајн продавница за сосови.
Испрати ми линк до картичката на производот во Telegram - ќе ти кажам колку можеш да добиеш врз основа на сликите.
Резултат
- Онлајн SEO проверувачот на слики анализира до 100 слики на страница и доделува оценка од 0 до 100, заедно со коментари за секоја.
- Најмногу поени се даваат на alt и димензиите за ширина/висина, проследени со мрзеливо вчитување, WebP/AVIF и srcset.
- Главната слика не треба мрзеливо вчитување - ѝ треба
fetchpriority="high". - За големи каталози, обработката на фотографии е автоматизирана - или се избира платформа каде што ова веќе е направено, на пример, 1001site.
Проверете ја најтешката страница на вашиот сајт со бесплатниот Image SEO Checker — започнете со alt.
Извори
- Страница за проверка на SEO слики на PromoPilot - проверки, правила за евалуација, ограничувања и често поставувани прашања.
- Централен пребарувач Google - Препораки за слики за пребарување.
- Google PageSpeed Insights и Squoosh - Описи на функции.
