Stutta svarið: til að athuga myndir á síðu fyrir SEO, límdu slóðina þeirra inn í ókeypis SEO Image Checker frá PromoPilot. Tólið greinir allt að 100 <img> merki: hvort alt merki sé til staðar, hvort loading="lazy" sé stillt, hvort breidd og hæð séu stillt, hvort WebP, AVIF eða SVG séu notuð og hvort srcset sé til staðar. Niðurstaðan er einkunn frá 0 til 100 og athugasemdir við hverja mynd. Hér að neðan finnur þú hvernig einkunnin er reiknuð út, hvað þarf að laga fyrst og hvað tólið sér ekki.
Ég hef verið að smíða vefsíður og verslanir í 12 ár og myndir eru helsti flöskuhálsinn í næstum öllum þeirra. Dæmigert vörukort: fimm 3MB myndir beint úr myndavélinni, auður alt-texti og skráarnafnið er IMG_4512.jpg.
Hvað athugar myndaleitarprófið?
Tólið skoðar hverja mynd á síðunni út frá fimm viðmiðum og leggur þau saman til að mynda heildareinkunn.
| Hvað athugar það? | Hvað er hann að horfa á? | Af hverju er þetta mikilvægt fyrir SEO og viðskipti? |
|---|---|---|
| Alt | Er til textalýsing fyrir hverja <img> | Röðun Google Mynda eftir aðgengi fyrir blinda |
| Latur hleðsla | ` loading="lazy" eigindinn er notaður á myndir fyrir neðan fyrsta skjáinn. | Síðan hleður ekki neinu sem gesturinn hefur ekki enn flett að. |
| Breidd og hæð | Eru víddir tilgreindir í eiginleikum taggsins? | Blokkir „hoppa“ ekki við hleðslu - þetta er CLS mælikvarði |
| Snið | WebP, AVIF eða SVG eftir skráarendingu | Nútíma snið eru mun minni en JPG og PNG. |
| Srcset | Eru til myndavalkostir fyrir mismunandi skjái? | Síminn tekur við litlu skránni, ekki skjáútgáfunni. |
Hver mynd fær lista yfir athugasemdir og síðan fær lokaeinkunn. Þetta er þægilegt: þú getur ekki aðeins séð hvað er að, heldur einnig hvaða mynd er að.
Hvernig á að athuga myndir á vefsíðu á netinu?
- Opnaðu myndaleitarforritið fyrir leitarvélabestun.
- Settu inn síðuslóðina, helst eina með mörgum myndum: vörukort, flokk, blogggrein, eignasafn.
- Smelltu á „Athuga“ og bíddu eftir að allar myndirnar hafi verið skannaðar.
- Skoðaðu einkunn og lista yfir athugasemdir við hverja mynd.
- Vinsamlegast lagfærið vandamálin og skoðið síðuna aftur.
Svona lítur verkfærasíðan út: heimilisfangsreitur, listi yfir athuganir og algengar spurningar
Hvernig er einkunnin reiknuð út og hvað ætti að leiðrétta fyrst?
Einkunnin byrjar á 100 stigum og viðurlög eru dregin frá fyrir hvert mál, allt eftir því hversu margar myndir á síðunni standast ekki einkunnina. Þekktir reglurnar er auðvelt að átta sig á hvað mun skila mestum árangri.
| Próf | Fínt | Athugasemd |
|---|---|---|
| Alt | Minna en 50% mynda með alt — -30; minna en 80% — -15; minna en 100% — -5 | Mikilvægasti punkturinn |
| Latur hleðsla | minna en 50% - −15; minna en 80% - −8 | Fyrstu þrjár myndirnar eru ekki teknar með í reikninginn |
| Breidd og hæð | minna en 50% - −15; minna en 80% - −8 | Ekki er tekið tillit til vídda sem eingöngu eru notaðar í CSS. |
| WebP, AVIF eða SVG | minna en 30% - -10 | Sniðið er ákvarðað af viðbótinni |
| Srcset fyrir rastermyndir | minna en 30% - -10 | SVG þarf ekki srcset |
Hér er verkefnapöntunin mín:
- Alt. Dýrasti hluturinn og auðveldastur í viðgerð. Skrifaðu það sem sýnt er:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", ekkialt="рюкзак купить дёшево рюкзак". Fyrir skreytingar, notaðu auttalt="". - Breidd og hæð. Tilgreindu raunverulegar víddir í eigindunum og bættu
img { max-width: 100%; height: auto; }við CSS-kóðann — myndin mun haldast móttækileg og útlitið mun hætta að hoppa. - Lazy loading á við um allt fyrir neðan fellinguna. Hins vegar er það skaðlegt fyrir aðalímyndina: það þarf að hlaða því inn strax og með forgangi.
- WebP eða AVIF. WordPress hefur stutt WebP upphleðslur frá útgáfu 5.8 og AVIF frá útgáfu 6.5.
- Srcset fyrir stórar myndir svo að síminn sæki ekki skjáútgáfuna.
Dæmi um viðeigandi aðalmynd og aðlögunarmynd í textanum:
<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">Hvernig á að skrifa góðan alt-tag fyrir mynd?
Alt-taggið er mikilvægasti þátturinn í mati og það er þar sem mistök eru oftast gerð: annað hvort er það skilið eftir autt eða fyllt með leitarorðum. Einföld regla: lýsið myndinni fyrir einhverjum sem sér hana ekki í einni setningu.
| Mynd | Ólöglegt alt | Gott alt |
|---|---|---|
| Vörumynd | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Liðsmynd | photo1 | Мастера мастерской Nord за работой над сумкой |
| Skýringarmynd eða töflu | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Skrautlegt táknmynd | иконка | tómt alt="" — það er engin þörf á að lesa það |
Fyrir vörulista er þægilegt að búa til alt-tags með því að nota sniðmát: vöruheiti + litur eða afbrigði + sjónarhorn. Þannig munu fimm myndir á einu korti hafa fimm mismunandi, gagnlegar lýsingar, frekar en fimm eins.
Skráarnafnið skiptir líka máli: kozhanyj-ryukzak-nord-korichnevyj.webp er betra en IMG_4512.jpg. Það er enginn tilgangur í að endurnefna gamlar skrár bara til þess, heldur hlaðið inn nýjum með lýsandi nöfnum.
Samanburður: Myndaleitarvél fyrir leitarvélabestun og valkostir
| Tól | Hvað er ókeypis? | Takmarkanir | Fyrir hverja hentar þetta? |
|---|---|---|---|
| PromoPilot — Mynd SEO Athugari | Alt, hæg hleðsla, breidd/hæð, snið, upprunasetning; einkunn 0–100 og athugasemdir fyrir hverja mynd | Allt að 100 myndir, skráarstærð er ekki áætluð | Greina myndir fljótt af hvaða síðu sem er |
| Google PageSpeed Insights | Myndaúttektir sem hluti af hraðaprófinu: snið, stærð, hæg hleðsla | Blandið saman við tugi annarra ávísana skilur alt varla | Að meta áhrif mynda á hraða |
| Squoosh | Þjappa og umbreyta einni mynd í vafra | Athugar ekki síðuna, virkar með skrár | Undirbúningur einstakra mynda |
| Öskrandi froskur SEO kónguló | Listi yfir myndir án alt-texta á vefnum | Uppsetning er nauðsynleg, ókeypis útgáfan hefur takmörk á netföngum | Alt endurskoðun á hundruðum síðna |
Niðurstaða: Vefforrit sýnir hvað er að myndunum á tiltekinni síðu, PageSpeed sýnir hversu mikið það kostar í hraða og Squoosh eða breytir hjálpar til við að laga skrárnar sjálfar.
PromoPilot býður upp á 87 ókeypis SEO verkfæri, þar á meðal myndþjöppunartól og WebP breyti sem virka beint í vafranum, án þess að hlaða skrám upp á netþjóninn. Til að skilja heildarstærð síðunnar, skoðaðu greinina okkar í greiningarseríunni okkar um síðuhraða.
Hvað sér myndastaðfesting ekki?
Verum hreinskilin varðandi takmörk tólsins — það er mikilvægt að þekkja þau til að túlka einkunnina rétt:
- Skráarstærð er ekki tekin með í reikninginn — myndir eru ekki sóttar; sniðið er ákvarðað af viðbótinni.
- Merkið
<picture>er ekki greint: JPG í<img>verður merkt jafnvel þótt AVIF eða WebP sé í<source>við hliðina á því. - Bakgrunnsmyndir úr CSS og myndir sem bætt er við með JavaScript eru ekki með í skýrslunni.
- Stærðir sem eingöngu eru tilgreindar í CSS eru ekki teknar með í reikninginn.
- Síða án einustu
<img>fær 50 stig - þetta er ekki „helmingurinn af mistökunum“ heldur „ekkert til að gefa einkunn“.
Hvenær er ókeypis tól ekki nóg?
Það tekur tíu mínútur að leiðrétta alt-textann á einni síðu. En ef verslunin er með fimm þúsund vörur er ómögulegt að gera það handvirkt. Þú þarft sérfræðing ef:
- alt ætti að vera búið til sjálfkrafa út frá nafni, lit og sjónarhorni fyrir allan vörulistann;
- Myndir eru hlaðnar inn úr myndavélinni án þjöppunar og sjálfvirk leiðsla er nauðsynleg: þjöppun, WebP, margar stærðir;
- Þemað á vefsíðunni birtir myndir án breiddar, hæðar og upprunagildis (srcset) og sniðmátið þarf að laga;
- Viltu fá umferð frá Google Myndum fyrir vörufyrirspurnir?
Hvað get ég gert fyrir vefsíðuna þína?
Ég heiti Valeriy Danyuk, forritari og SEO sérfræðingur með 12 ára reynslu og yfir 200 viðskiptavini, þar á meðal fjölmargar netverslanir með þúsundir mynda.
SEO og endurskoðun
- Tilbúin SEO endurskoðun á vefsíðu: Ég athuga myndir á allri síðunni, set upp sjálfvirka umbreytingu og alt texta í sniðmátum.
- Gervigreindarknúið SEO blogg sem laðar að sér lífræna viðskiptavini — birtir sjálfkrafa alt og WebP myndir fyrir hverja grein.
Verslanir og vörulistar
- 300 vara vörulisti á örfáum mínútum í gegnum MCP og Claude — með lýsingum og myndum fyrir hverja vöru.
- Netverslun á WooCommerce með réttri myndvinnslu.
- Að færa verslun af Instagram yfir á vefsíðuna — myndir og lýsingar á vörum eru að færast áfram.
- Hægt er að flytja vörur, myndir og texta yfir á 1001site með hlekk af gömlu vefsíðunni þinni eða samfélagsmiðlum.
Bókhald og sjálfvirkni
- Bókhald + bókhald + geymsla fyrir 30.000 vörur.
- Telegram spjallþjónn með gervigreind fyrir sósuverslun á netinu.
Sendu mér tengil á vörukortið í Telegram - ég skal segja þér hversu mikið þú getur unnið út frá myndunum.
Niðurstaða
- Vefmyndaskoðunartækið fyrir leitarvélabestun greinir allt að 100 myndir á síðu og gefur hverri mynd einkunn frá 0 til 100, ásamt athugasemdum.
- Flest stig eru gefin fyrir alt og breidd/hæð víddir, þar á eftir koma lazy loading, WebP/AVIF og srcset.
- Aðalmyndin þarf ekki lata hleðslu - hún þarf
fetchpriority="high". - Fyrir stóra vörulista er myndvinnsla sjálfvirk — eða valinn er vettvangur þar sem þetta er þegar gert, til dæmis 1001site.
Athugaðu þyngstu síðuna á vefnum þínum með ókeypis Image SEO Checker — byrjaðu á alt.
Heimildir
- Síða PromoPilot fyrir myndaleitarforrit - athuganir, matsreglur, takmarkanir og algengar spurningar.
- Google Search Central - Myndatillögur fyrir leit.
- Google PageSpeed Insights og Squoosh - Lýsingar á eiginleikum.
