Telegram, WhatsApp+380637610482
Valeri Danjuk
Valeri DanjukarendajaTehisintellekti tööriistade arendamine ettevõtetele. Kõrge kvaliteet. Taskukohane.Kirjuta Telegrami

Veebipõhine piltide SEO kontrollija: Alt, laisk laadimine, WebP ja Srcset – mida parandada

Veebipõhiste piltide SEO-kontrolli: alt-aken, laisk laadimine, WebP ja srcset, iga pildi hinnang 0–100

Mida sa saad

  • Hinnang 0–100 ja kommentaarid iga lehe pildi kohta: alt, laisk laadimine, laius/kõrgus, WebP/AVIF, srcset — tasuta
  • Skoori arvutamise mõistmine ja millised muudatused seda kõige kiiremini parandavad
  • Valmis koodinäited põhipildi, responsiivsete piltide ja alt-siltide jaoks
Rakenda: 15 minuti pärastSalvestab: Google Imagesi liiklus ja laadimisajad teie telefonis

Lühike vastus: lehe piltide SEO kontrollimiseks kleepige nende URL PromoPiloti tasuta SEO pildikontrollijasse. Tööriist analüüsib kuni 100 <img> silti: kas on olemas alt silt, kas loading="lazy" on seatud, kas laius ja kõrgus on seatud, kas kasutatakse WebP, AVIF või SVG formaati ja kas on olemas srcset. Tulemuseks on iga pildi kohta hinne vahemikus 0 kuni 100 ja kommentaarid. Altpoolt leiate, kuidas skoori arvutatakse, mida kõigepealt parandada ja mida tööriist ei näe.

Olen veebilehti ja poode ehitanud 12 aastat ning pildid on peaaegu igaühe peamiseks kitsaskohaks. Tüüpiline tootekaart: viis 3 MB fotot otse kaamerast, tühi alt-tekst ja failinimi on IMG_4512.jpg.

Mida pildi SEO kontroll kontrollib?

Tööriist vaatab iga lehel olevat pilti viie kriteeriumi alusel ja liidab need kokku, et moodustada üldskoor.

Mida see kontrollib? Mida ta vaatab? Miks on see SEO ja ettevõtte jaoks oluline?
Alt Kas iga <img> Google Imagesi edetabel alt-valiku järgi; ligipääsetavus pimedatele
Laisk laadimine Atribuut loading="lazy" rakendatakse esimese ekraani all olevatele piltidele. Leht ei lae midagi, milleni külastaja poleks veel kerinud.
Laius ja kõrgus Kas mõõtmed on sildi atribuutides täpsustatud? Plokid laadimisel ei "hüppa" - see on CLS-i mõõdik
Formaat WebP, AVIF või SVG faililaiendi järgi Kaasaegsed formaadid on märgatavalt väiksemad kui JPG ja PNG.
Srcset Kas erinevate ekraanide jaoks on pildivalikuid? Telefon saab väikese faili, mitte monitoriversiooni.

Iga pildi kohta lisatakse kommentaaride loend ja leht saab lõpphinde. See on mugav: näete mitte ainult seda, mis on valesti, vaid ka seda, milline pilt on vigane.

Kuidas kontrollida pilte veebis?

Kontrollige pilte neljas etapis: kleepige URL, oodake kuni 100 pildi skannimist, vaadake hinnangut ja parandage kõik kommentaarid.

  1. Ava pildi SEO kontrollija.
  2. Sisesta lehe aadress, eelistatavalt selline, millel on palju fotosid: tootekaart, kategooria, ajaveebi artikkel, portfoolio.
  3. Klõpsake nuppu "Kontrolli" ja oodake, kuni kõik pildid on skannitud.
  4. Vaadake iga pildi hinnangut ja kommentaaride loendit.
  5. Palun parandage vead ja kontrollige lehte uuesti.

Nii näeb välja tööriista leht: aadressiväli, kontrollide loend ja KKK.

PromoPiloti tasuta pildi SEO kontrollimise leht: URL-i väli, alt-akna kontroll, laisk laadimine, WebP/AVIF ja srcset

Kuidas hinnangut arvutatakse ja mida tuleks kõigepealt parandada?

Hinnang algab 100 punktist ja iga vea eest arvestatakse maha karistuspunkte, olenevalt lehel olevate piltide protsendist, mis sellele ei vasta. Reegleid teades on lihtne aru saada, mis annab suurima tõuke.

Läbivaatus Trahv Kommentaar
Alt Alla 50% piltidest, mille puhul on alt — -30; alla 80% — -15; alla 100% — -5 Kõige olulisem punkt
Laisk laadimine vähem kui 50% - −15; vähem kui 80% - −8 Esimesi kolme pilti arvesse ei võeta.
Laius ja kõrgus vähem kui 50% - −15; vähem kui 80% - −8 Ainult CSS-i mõõtmeid ei arvestata.
WebP, AVIF või SVG vähem kui 30% - -10 Vormingu määrab laiend
Srcset rasterpiltide jaoks vähem kui 30% - -10 SVG ei vaja srcset'i

Siin on minu töökorraldus:

  1. Alternatiiv. Kõige kallim ja lihtsamini parandatav ese. Kirjutage, mis on näidatud: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", mitte alt="рюкзак купить дёшево рюкзак". Dekoratiivsete elementide jaoks kasutage tühja alt="" välja.
  2. Laius ja kõrgus. Määrake atribuutides tegelikud mõõtmed ja lisage CSS-i img { max-width: 100%; height: auto; } – pilt jääb reageerivaks ja paigutus lõpetab hüppamise.
  3. Laikne laadimine kehtib kõige kohta, mis asub lehe allosas. See on aga kahjulik põhipildile: see tuleb laadida kohe ja prioriteetselt.
  4. WebP või AVIF. WordPress on toetanud WebP üleslaadimisi alates versioonist 5.8 ja AVIF-i alates versioonist 6.5.
  5. Suurte fotode jaoks Srcset, et telefon ei laadiks monitoriversiooni alla.

Näide sobivast põhipildist ja adaptiivsest fotost tekstis:

<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">

Kuidas kirjutada pildile head alt-silti?

Alt-silt on hindamise kõige olulisem element ja just seal tehakse kõige sagedamini vigu: kas jäetakse see tühjaks või topitakse märksõnadega. Lihtne reegel: kirjelda pilti ühe lausega kellelegi, kes seda ei näe.

Pilt Halb alternatiiv Hea alternatiiv
Toote foto рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Meeskonna foto photo1 Мастера мастерской Nord за работой над сумкой
Diagramm või diagramm график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Kaunistuse ikoon иконка tühi alt="" — seda pole vaja lugeda

Kataloogi jaoks on mugav luua alt-silte malli abil: toote nimi + värv või variant + nurk. Nii on ühel kaardil viiel fotol viis erinevat ja kasulikku kirjeldust, mitte viis identset.

Failinimi on samuti oluline: kozhanyj-ryukzak-nord-korichnevyj.webp on parem kui IMG_4512.jpg. Vanu faile pole mõtet ainult selleks ümber nimetada, vaid laadige üles uued kirjeldavate nimedega failid.

Võrdlus: pildi SEO kontrollija ja alternatiivid

Tööriist Mis on tasuta? Piirangud Kellele see sobib?
PromoPilot — pildi SEO kontrollija Alt, laisk laadimine, laius/kõrgus, vormingud, srcset; hinnang 0–100 ja kommentaarid iga pildi kohta Kuni 100 pilti, faili suurust ei ole hinnatud Parsige kiiresti pilte mis tahes lehelt
Google PageSpeed Insights Kiirustesti osana toimuvad pildiauditid: vorming, suurus, laisk laadimine Segatuna kümnete teiste kontrollidega, saab alt vaevu aru Piltide mõju kiirusele hindamine
Squoosh Ühe pildi tihendamine ja teisendamine brauseris Ei kontrolli lehte, töötab failidega Üksikute piltide ettevalmistamine
Karjuv konn SEO ämblik Saidil olevate piltide loend ilma alt-tekstita Paigaldamine on vajalik, tasuta versioonil on aadresside arv piiratud Alt-audit sadadel lehekülgedel

Kokkuvõte: Veebipõhine kontrollija näitab, mis konkreetse lehe piltidega valesti on, PageSpeed näitab, kui palju see kiiruses maksab, ja Squoosh või muundur aitab faile ise parandada.

PromoPilot pakub 87 tasuta SEO tööriista, sh piltide tihendamise tööriista ja WebP-muundurit, mis töötavad otse brauseris ilma faile serverisse üles laadimata. Lehekülje üldise suuruse mõistmiseks vaadake meie artiklit lehe laadimiskiiruse analüüsi sarjas.

Mida pildi kontrollimine ei näe?

Olgem tööriista piirangute osas ausad – hinnangu täpseks tõlgendamiseks on oluline neid teada:

  • Faili suurust ei arvestata – pilte ei laadita alla; vormingu määrab faililaiend.
  • Silti <picture> ei parsita: JPG-fail failis <img> sildistatakse isegi siis, kui selle kõrval olevas <source> -is on AVIF või WebP.
  • CSS-ist pärit taustapilte ja JavaScripti abil lisatud pilte aruandesse ei kaasata.
  • Ainult CSS-is määratud mõõtmeid ei arvestata.
  • Leht, millel puudub üksainus <img> saab 50 punkti – see pole küll "pool vigadest", aga "pole midagi hinnata".

Millal tasuta tööriistast ei piisa?

Pildid enne ja pärast optimeerimist: tühjad alt-aknad ja rasked JPG-d versus kirjeldused, WebP, määratud mõõtmed ja srcset

Ühe lehe alt-teksti parandamine võtab kümme minutit. Aga kui poes on viis tuhat toodet, on seda käsitsi võimatu teha. Teil on vaja spetsialisti, kui:

  • alt peaks genereeritama automaatselt kogu kataloogi nime, värvi ja nurga põhjal;
  • pildid laaditakse kaamerast ilma tihendamiseta ja vaja on automaatset konveierit: tihendamine, WebP, mitu suurust;
  • Veebisaidi teema kuvab fotosid ilma laiuse, kõrguse ja lähtekoodita ning malli tuleb parandada;
  • Kas soovite tootepäringute jaoks liiklust Google Imagesist saada?

Mida ma saan teie veebisaidi heaks teha?

Olen Valeriy Danyuk, arendaja ja SEO spetsialist 12-aastase kogemuse ja üle 200 kliendiga, sealhulgas arvukate veebipoodidega tuhandete fotodega.

SEO ja audit

Kauplused ja kataloogid

Raamatupidamine ja automatiseerimine

Saada mulle Telegram tootekaardi link – ma ütlen sulle piltide põhjal, kui palju sa võid võita.

Tulemus

  1. Veebipõhine SEO pildikontroll analüüsib lehel kuni 100 pilti ja määrab igale pildile hinde vahemikus 0 kuni 100 koos kommentaaridega.
  2. Kõige rohkem punkte antakse alt ja laiuse/kõrguse mõõtmetele, millele järgnevad laisk laadimine, WebP/AVIF ja srcset.
  3. Põhipilt ei vaja laisat laadimist – see vajab fetchpriority="high".
  4. Suurte kataloogide puhul fotode töötlemine automatiseeritakse – või valitakse platvorm, kus see on juba tehtud, näiteks 1001site.

Kontrolli oma saidi kõige mahukamat lehte tasuta Image SEO Checkeriga – alusta alt-elemendist.

Allikad

  • PromoPiloti pildi SEO kontrollija leht – kontrollid, hindamisreeglid, piirangud ja KKK.
  • Google Search Central – pildisoovitused otsinguks.
  • Google PageSpeed Insights ja Squoosh - funktsioonide kirjeldused.

Viited ja allikad

Küsimused ja vastused

Miks on alt-sildid SEO jaoks olulised?

Alt-tekst kirjeldab pilti otsingumootorite ja pimedate ekraanilugejate jaoks. Google Images kasutab alt-teksti paremusjärjestuse loomiseks ja lehel aitab see selgitada foto sisu. Dekoratiivsed elemendid võib jätta tühjaks, kui alt="" on märgitud.

Kuidas pildi suurus mõjutab veebi põhinäitajaid?

Suured pildid aeglustavad LCP-d – esimesel ekraanil kuvatava suurima elemendi, mis on sageli foto, renderdamisaega. Kaasaegsed WebP- ja AVIF-vormingud, tihendamine, õiged mõõtmed ja srcset aitavad kõik kaasa, nagu ka laisa laadimise vältimine ja põhipildile kõrge laadimisprioriteedi määramine.

Kas tööriist kontrollib viili kaalu?

Ei. Tööriist ei laadi pilte alla, seega ei hinda see faili suurust; see määrab vormingu laiendi põhjal. Piltide ja kogu lehe suuruse väljaselgitamiseks kasutage PageSpeed Analysis'i või PageSpeed Insightsi.

Kontrollisime veebilehte, aga kedagi pole, kes seda parandaks?

See tasuta tööriist paljastab probleemid. Analüüsin aruannet, sean prioriteediks ja parandan need: SEO audit, kiirendamine, märgistus ja uuele saidile migreerimine ilma edetabelit kaotamata.