Die kort antwoord: om beelde op 'n bladsy vir SEO na te gaan, plak die URL daarvan in PromoPilot se gratis SEO Image Checker. Die instrument sal tot 100 <img> -etikette analiseer: of daar 'n alt-etiket is, of loading="lazy" gestel is, of die breedte en hoogte gestel is, of WebP, AVIF of SVG gebruik word, en of daar 'n srcset is. Die resultaat is 'n telling van 0 tot 100 en kommentaar op elke beeld. Hieronder vind u hoe die telling bereken word, wat eerste reggestel moet word en wat die instrument nie sien nie.
Ek bou al 12 jaar lank webwerwe en winkels, en beelde is die grootste knelpunt in byna elkeen van hulle. 'n Tipiese produkkaart: vyf 3MB-foto's direk vanaf die kamera, 'n leë alt-teks, en die lêernaam is IMG_4512.jpg.
Wat kontroleer die Beeld SEO-kontrole?
Die instrument kyk na elke beeld op die bladsy gebaseer op vyf kriteria en tel dit bymekaar om 'n algehele telling te vorm.
| Wat kontroleer dit? | Waarna kyk hy? | Waarom is dit belangrik vir SEO en besigheid? |
|---|---|---|
| Alt | Is daar 'n teksbeskrywing vir elke <img> | Google Images rangskik volgens alt; toeganklikheid vir blindes |
| Lui laai | Die loading="lazy" kenmerk word toegepas op beelde onder die eerste skerm. | Die bladsy laai niks waarna die besoeker nog nie geblaai het nie. |
| Breedte en hoogte | Word die afmetings in die etiket-eienskappe gespesifiseer? | Blokke "spring" nie wanneer hulle laai nie - dit is 'n CLS-metriek |
| Formaat | WebP, AVIF of SVG volgens lêeruitbreiding | Moderne formate is merkbaar kleiner as JPG en PNG. |
| Srcset | Is daar beeldopsies vir verskillende skerms? | Die foon ontvang die klein lêer, nie die monitorweergawe nie. |
Elke beeld ontvang 'n lys van kommentare, en die bladsy ontvang 'n finale telling. Dit is gerieflik: jy kan nie net sien wat verkeerd is nie, maar ook watter beeld fout is.
Hoe om beelde op 'n webwerf aanlyn na te gaan?
- Maak Beeld SEO Kontroleerder oop.
- Voeg die bladsyadres in, verkieslik een met baie foto's: produkkaart, kategorie, blogartikel, portefeulje.
- Klik "Kontroleer" en wag totdat al die beelde geskandeer is.
- Bekyk die gradering en lys van kommentare vir elke beeld.
- Los asseblief die probleme op en kyk weer na die bladsy.
Só lyk die gereedskapbladsy: adresveld, lys van kontroles en algemene vrae.
Hoe word die gradering bereken en wat moet eerste reggestel word?
Die gradering begin by 100 punte, en strafpunte word vir elke uitgawe afgetrek, afhangende van die persentasie beelde op die bladsy wat dit druip. As jy die reëls ken, is dit maklik om uit te vind wat die grootste hupstoot sal lewer.
| Eksamen | Goed | Kommentaar |
|---|---|---|
| Alt | Minder as 50% van beelde met alt — -30; minder as 80% — -15; minder as 100% — -5 | Die belangrikste punt |
| Lui laai | minder as 50% - −15; minder as 80% - −8 | Die eerste drie foto's word nie in ag geneem nie |
| Breedte en hoogte | minder as 50% - −15; minder as 80% - −8 | Slegs CSS-dimensies word nie in ag geneem nie. |
| WebP, AVIF of SVG | minder as 30% - -10 | Die formaat word bepaal deur die uitbreiding |
| Bronstel vir rasterbeelde | minder as 30% - -10 | SVG benodig nie srcset nie |
Hier is my werkopdrag:
- Alt. Die duurste item en die maklikste om reg te maak. Skryf wat gewys word:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", niealt="рюкзак купить дёшево рюкзак"nie. Vir dekoratiewe elemente, gebruik 'n leëalt="". - Breedte en hoogte. Spesifiseer die werklike afmetings in die attribute, en voeg
img { max-width: 100%; height: auto; }by die CSS—die beeld sal responsief bly, en die uitleg sal ophou spring. - Lui laai is van toepassing op alles onder die vou. Dit is egter nadelig vir die heldebeeld: dit moet onmiddellik en met prioriteit gelaai word.
- WebP of AVIF. WordPress ondersteun WebP-oplaaie sedert weergawe 5.8, en AVIF sedert weergawe 6.5.
- Stel Srcset in vir groot foto's sodat die foon nie die monitorweergawe aflaai nie.
'n Voorbeeld van 'n gepaste hoofbeeld en aanpasbare foto in die teks:
<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">Hoe skryf ek 'n goeie alt-tag vir 'n beeld?
Die alt-etiket is die belangrikste element van evaluering, en dit is waar foute die meeste gemaak word: óf om dit leeg te laat óf dit met sleutelwoorde te vul. 'n Eenvoudige reël: beskryf die beeld vir iemand wat dit nie in een sin kan sien nie.
| Prentjie | Slegte alt | Goeie alt |
|---|---|---|
| Produkfoto | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Spanfoto | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram of grafiek | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Dekoratiewe ikoon | иконка | leë alt="" — daar is geen nodigheid om dit te lees nie |
Vir 'n katalogus is dit gerieflik om alt-etikette te skep met behulp van 'n sjabloon: produknaam + kleur of variant + hoek. Op hierdie manier sal vyf foto's op 'n enkele kaart vyf verskillende, nuttige beskrywings hê, eerder as vyf identiese beskrywings.
Die lêernaam maak ook saak: kozhanyj-ryukzak-nord-korichnevyj.webp is beter as IMG_4512.jpg. Daar is geen punt om ou lêers net hiervoor te hernoem nie, maar laai nuwes op met beskrywende name.
Vergelyking: Beeld SEO-kontroleerder en alternatiewe
| Gereedskap | Wat is gratis? | Beperkings | Vir wie is dit geskik? |
|---|---|---|---|
| PromoPilot — Beeld SEO-kontroleerder | Alt, lui laai, breedte/hoogte, formate, bronstel; gradering 0–100 en kommentaar vir elke beeld | Tot 100 afbeeldings, lêergrootte word nie beraam nie | Ontleed vinnig beelde van enige bladsy |
| Google PageSpeed Insights | Beeldoudits as deel van die spoedtoets: formaat, grootte, lui laai | Gemeng met dosyne ander tjeks, verstaan alt skaars | Evaluering van die impak van beelde op spoed |
| Squoosh | Komprimeer en omskep 'n enkele beeld in 'n blaaier | Kontroleer nie die bladsy nie, werk met lêers | Voorbereiding van individuele beelde |
| Skreeuende Padda SEO Spinnekop | Lys van beelde sonder alt-teks dwarsdeur die webwerf | Installasie is vereis, die gratis weergawe het 'n beperking op adresse | Alt-oudit op honderde bladsye |
Gevolgtrekking: 'n Aanlyn kontroleerder wys wat fout is met die beelde op 'n spesifieke bladsy, PageSpeed wys hoeveel dit in spoed kos, en Squoosh of 'n omskakelaar help om die lêers self reg te stel.
PromoPilot het 87 gratis SEO-gereedskap, insluitend 'n beeldkompressie-instrument en 'n WebP-omskakelaar wat direk in die blaaier werk, sonder om lêers na die bediener op te laai. Om die algehele bladsygrootte te verstaan, kyk na ons artikel in ons bladsyspoed-analisereeks.
Wat sien beeldverifikasie nie?
Kom ons wees eerlik oor die instrument se beperkings – dis belangrik om dit te ken om die gradering akkuraat te interpreteer:
- Lêergrootte word nie in ag geneem nie — beelde word nie afgelaai nie; die formaat word deur die uitbreiding bepaal.
-
<picture>-etiket word nie ontleed nie: JPG in<img>sal gemerk word selfs al is daar AVIF of WebP in<source>langsaan. - Agtergrondbeelde van CSS en beelde wat deur JavaScript bygevoeg is, word nie in die verslag ingesluit nie.
- Dimensies wat slegs in CSS gespesifiseer word, word nie in ag geneem nie.
- 'n Bladsy sonder 'n enkele
<img>kry 50 punte - dit is nie "die helfte van die foute" nie, maar "niks om te gradeer nie".
Wanneer is 'n gratis hulpmiddel nie genoeg nie?
Dit neem tien minute om die alt-teks op 'n enkele bladsy reg te stel. Maar as die winkel vyfduisend produkte het, is dit onmoontlik om dit handmatig te doen. Jy benodig 'n spesialis as:
- alt moet outomaties gegenereer word vanaf die naam, kleur en hoek vir die hele katalogus;
- beelde word sonder kompressie vanaf die kamera gelaai, en 'n outomatiese pyplyn is nodig: kompressie, WebP, veelvuldige groottes;
- Die webwerftema vertoon foto's sonder breedte, hoogte en bronstel, en die sjabloon moet reggestel word;
- Wil jy verkeer van Google Images vir produknavrae kry?
Wat kan ek vir jou webwerf doen?
Ek is Valeriy Danyuk, 'n ontwikkelaar en SEO-spesialis met 12 jaar ondervinding en meer as 200 kliënte, insluitend talle aanlynwinkels met duisende foto's.
SEO en oudit
- Sleutelklaar webwerf SEO-oudit: Ek kontroleer beelde oor die hele webwerf, stel outomatiese omskakeling en alt-teks in sjablone op.
- 'n KI-aangedrewe SEO-blog wat organiese kliënte inbring — vertoon outomaties alt- en WebP-beelde vir elke artikel.
Winkels en katalogusse
- 'n Katalogus van 300 items in net 'n paar minute via MCP en Claude — met beskrywings en foto's vir elke item.
- 'n Aanlynwinkel op WooCommerce met behoorlike beeldverwerking.
- Die skuif van 'n winkel van Instagram na die webwerf — produkfoto's en beskrywings beweeg aan.
- Produkte, foto's en teks kan na 1001site oorgedra word via 'n skakel vanaf jou ou webwerf of sosiale media.
Rekeningkunde en outomatisering
- Rekeningkunde + boekhouding + winkel vir 30 000 produkte.
- Telegram bot met KI vir 'n aanlyn souswinkel.
Stuur vir my 'n skakel na die produkkaart in Telegram - ek sal jou vertel hoeveel jy kan wen gebaseer op die foto's.
Resultaat
- Die aanlyn SEO-beeldkontroleerder analiseer tot 100 beelde op 'n bladsy en ken 'n telling van 0 tot 100 toe, saam met kommentaar vir elkeen.
- Die meeste punte word toegeken aan alt- en breedte/hoogte-afmetings, gevolg deur lui laai, WebP/AVIF en srcset.
- Die hoofbeeld hoef nie lui gelaai te word nie - dit benodig
fetchpriority="high". - Vir groot katalogusse word fotoverwerking outomaties gedoen—of 'n platform word gekies waar dit reeds gedoen word, byvoorbeeld 1001site.
Kontroleer jou webwerf se swaarste bladsy met die gratis Beeld SEO Kontroleerder — begin met die alt.
Bronne
- PromoPilot se Beeld SEO Kontroleerder bladsy - kontroles, evalueringsreëls, beperkings en algemene vrae.
- Google Soek Sentraal - Beeldaanbevelings vir soektog.
- Google PageSpeed Insights en Squoosh - Funksiebeskrywings.
