Trumpas atsakymas: norėdami patikrinti puslapio vaizdus dėl SEO, įklijuokite jo URL į nemokamą „PromoPilot“ SEO vaizdų tikrintuvą. Įrankis išanalizuos iki 100 <img> žymų: ar yra alt žyma, ar nustatyta loading="lazy", ar nustatyti plotis ir aukštis, ar naudojamas WebP, AVIF ar SVG ir ar yra srcset. Rezultatas yra įvertinimas nuo 0 iki 100 ir komentarai apie kiekvieną vaizdą. Žemiau rasite, kaip apskaičiuojamas įvertinimas, ką pirmiausia reikia ištaisyti ir ko įrankis nemato.
Jau 12 metų kuriu svetaines ir parduotuves, ir beveik kiekvienoje iš jų pagrindinė kliūtis yra vaizdai. Tipinė produkto kortelė: penkios 3 MB nuotraukos tiesiai iš fotoaparato, tuščias alternatyvus tekstas ir failo pavadinimas IMG_4512.jpg.
Ką tikrina vaizdo SEO patikra?
Įrankis kiekvieną puslapio vaizdą vertina pagal penkis kriterijus ir juos susumuoja, kad sudarytų bendrą balą.
| Ką jis tikrina? | Į ką jis žiūri? | Kodėl tai svarbu SEO ir verslui? |
|---|---|---|
| Alt | Ar kiekvienam <img> | Google vaizdų reitingas pagal alt; prieinamumas akliesiems |
| Atidėliotinas įkrovimas | Atributas loading="lazy" taikomas paveikslėliams po pirmuoju ekranu. | Puslapyje neįkeliama nieko, ko lankytojas dar nebūtų nuslinkęs. |
| Plotis ir aukštis | Ar matmenys nurodyti žymės atributuose? | Blokai kraunant „nešokinėja“ – tai CLS metrika |
| Formatas | WebP, AVIF arba SVG pagal failo plėtinį | Šiuolaikiniai formatai yra pastebimai mažesni nei JPG ir PNG. |
| Srcset | Ar yra vaizdo parinkčių skirtingiems ekranams? | Telefonas gauna mažą failą, o ne monitoriaus versiją. |
Kiekvienam paveikslėliui pateikiamas komentarų sąrašas, o puslapis gauna galutinį įvertinimą. Tai patogu: galite matyti ne tik kas negerai, bet ir kuris paveikslėlis yra kaltas.
Kaip patikrinti nuotraukas internetinėje svetainėje?
- Atidaryti vaizdų SEO tikrintuvą.
- Įrašykite puslapio adresą, geriausia tokį, kuriame būtų daug nuotraukų: produkto kortelė, kategorija, tinklaraščio straipsnis, portfolio.
- Spustelėkite „Patikrinti“ ir palaukite, kol bus nuskaityti visi vaizdai.
- Peržiūrėkite kiekvieno paveikslėlio įvertinimą ir komentarų sąrašą.
- Prašome ištaisyti problemas ir dar kartą patikrinti puslapį.
Štai kaip atrodo įrankio puslapis: adreso laukas, patikrinimų sąrašas ir DUK.
Kaip apskaičiuojamas įvertinimas ir ką pirmiausia reikėtų ištaisyti?
Įvertinimas prasideda nuo 100 taškų, o už kiekvieną klaidą skiriamos baudos, priklausomai nuo to, kiek procentų puslapio vaizdų jo neatitinka. Žinant taisykles, lengva suprasti, kas duos didžiausią postūmį.
| Egzaminas | Bauda | Komentaras |
|---|---|---|
| Alt | Mažiau nei 50 % vaizdų su alt — -30; mažiau nei 80 % — -15; mažiau nei 100 % — -5 | Svarbiausias punktas |
| Atidėliotinas įkrovimas | mažiau nei 50 % – −15; mažiau nei 80 % – −8 | Pirmos trys nuotraukos neįvertintos |
| Plotis ir aukštis | mažiau nei 50 % – −15; mažiau nei 80 % – −8 | Į CSS skirtus matmenis neatsižvelgiama. |
| WebP, AVIF arba SVG | mažiau nei 30 % - -10 | Formatas nustatomas pagal plėtinį |
| Srcset rastriniams vaizdams | mažiau nei 30 % - -10 | SVG nereikia srcset |
Štai mano darbo tvarka:
- Alt. Brangiausias daiktas ir lengviausiai pataisomas. Parašykite, kas parodyta:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", o nealt="рюкзак купить дёшево рюкзак". Dekoratyviniams elementams naudokite tuščiąalt="". - Plotis ir aukštis. Atributuose nurodykite faktinius matmenis ir prie CSS pridėkite
img { max-width: 100%; height: auto; }– vaizdas išliks pritaikomas prie ekrano, o išdėstymas nebešokinės. - Atidėtas įkėlimas taikomas viskam, kas yra po matoma riba. Tačiau tai kenkia pagrindinio paveikslėlio sričiai: jį reikia įkelti nedelsiant ir prioriteto tvarka.
- „WebP“ arba AVIF. WordPress palaiko „WebP“ įkėlimus nuo 5.8 versijos, o AVIF – nuo 6.5 versijos.
- Didelėms nuotraukoms skirtas „Srcset“, kad telefonas neatsiųstų monitoriaus versijos.
Tinkamo pagrindinio paveikslėlio ir adaptyvios nuotraukos pavyzdys tekste:
<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">Kaip parašyti gerą alt žymę paveikslėliui?
„Alt“ žymė yra svarbiausias vertinimo elementas, ir būtent joje dažniausiai daromos klaidos: ji paliekama tuščia arba prikimšta raktiniais žodžiais. Paprasta taisyklė: aprašykite paveikslėlį vienu sakiniu tam, kas jo nemato.
| Paveikslėlis | Blogas alt | Geras alt |
|---|---|---|
| Produkto nuotrauka | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Komandos nuotrauka | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagrama arba lentelė | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Dekoracijos piktograma | иконка | tuščias alt="" — nereikia jo skaityti |
Katalogui patogu kurti alt žymas naudojant šabloną: produkto pavadinimas + spalva arba variantas + kampas. Tokiu būdu penkios nuotraukos vienoje kortelėje turės penkis skirtingus, naudingus aprašymus, o ne penkis vienodus.
Failo pavadinimas taip pat svarbus: kozhanyj-ryukzak-nord-korichnevyj.webp yra geriau nei IMG_4512.jpg. Nėra prasmės pervadinti senų failų vien dėl to, verta įkelti naujus su aprašomaisiais pavadinimais.
Palyginimas: vaizdų SEO tikrintuvas ir alternatyvos
| Įrankis | Kas yra nemokama? | Apribojimai | Kam tai tinka? |
|---|---|---|---|
| „PromoPilot“ – vaizdų SEO tikrintuvas | Alt, vėlyvas įkėlimas, plotis/aukštis, formatai, srcset; įvertinimas nuo 0 iki 100 ir komentarai kiekvienam paveikslėliui | Iki 100 vaizdų, failo dydis nenurodytas | Greitai išanalizuokite vaizdus iš bet kurio puslapio |
| Google PageSpeed“ įžvalgos | Vaizdų auditai kaip greičio testo dalis: formatas, dydis, vėlyvas įkėlimas | Sumaišytas su dešimtimis kitų patikrinimų, alt vos supranta | Vaizdų poveikio greičiui vertinimas |
| Squoosh | Vieno vaizdo suglaudinimas ir konvertavimas naršyklėje | Netikrina puslapio, veikia su failais | Atskirų vaizdų ruošimas |
| Rėkianti varlė SEO voras | Svetainės paveikslėlių be alternatyvaus teksto sąrašas | Būtina įdiegti, nemokama versija turi adresų limitą | Alternatyvus auditas šimtuose puslapių |
Išvada: internetinis tikrintuvas parodo, kas negerai su konkretaus puslapio vaizdais, „PageSpeed“ rodo, kiek tai kainuoja greičiu, o „Squoosh“ arba konverteris padeda patiems pataisyti failus.
„PromoPilot“ siūlo 87 nemokamas SEO priemones, įskaitant vaizdų glaudinimo įrankį ir „WebP“ keitiklį, kurie veikia tiesiai naršyklėje, neįkeliant failų į serverį. Norėdami suprasti bendrą puslapio dydį, peržiūrėkite mūsų straipsnį puslapio įkėlimo greičio analizės serijoje.
Ko nemato vaizdo patvirtinimas?
Būkime sąžiningi dėl įrankio apribojimų – svarbu juos žinoti, kad būtų galima tiksliai interpretuoti įvertinimą:
- Failo dydis neatsižvelgiamas – vaizdai neatsisiunčiami; formatas nustatomas pagal plėtinį.
- Žymė
<picture>nėra analizuojama: JPG failas<img>faile bus pažymėtas, net jei šalia esančiame<source>yra AVIF arba WebP. - Fono paveikslėliai iš CSS ir paveikslėliai, pridėti naudojant „JavaScript“, į ataskaitą neįtraukti.
- Matmenys, nurodyti tik CSS, neatsižvelgiami.
- Puslapis be nė vieno
<img>gauna 50 taškų – tai ne „pusė klaidų“, o „nėra ko vertinti“.
Kada nepakanka nemokamo įrankio?
Vieno puslapio alternatyvaus teksto pataisymas trunka dešimt minučių. Tačiau jei parduotuvėje yra penki tūkstančiai produktų, to padaryti rankiniu būdu neįmanoma. Jums reikia specialisto, jei:
- „alt“ turėtų būti generuojamas automatiškai iš viso katalogo pavadinimo, spalvos ir kampo;
- vaizdai iš kameros įkeliami be suspaudimo, todėl reikalingas automatinis srautas: suspaudimas, „WebP“, keli dydžiai;
- Svetainės tema rodo nuotraukas be pločio, aukščio ir šaltinio kodo, todėl šabloną reikia pataisyti;
- Norite gauti srautą iš Google vaizdų, susijusių su produktų užklausomis?
Ką galiu padaryti dėl jūsų svetainės?
Esu Valerijus Daniukas, programuotojas ir SEO specialistas, turintis 12 metų patirtį ir daugiau nei 200 klientų, įskaitant daugybę internetinių parduotuvių su tūkstančiais nuotraukų.
SEO ir auditas
- „Visiškas svetainės SEO auditas“: patikrinu visos svetainės vaizdus, nustatau automatinį konvertavimą ir alternatyvų tekstą šablonuose.
- Dirbtiniu intelektu paremtas SEO tinklaraštis, pritraukiantis organinius klientus – automatiškai rodo alt ir WebP vaizdus kiekvienam straipsniui.
Parduotuvės ir katalogai
- 300 prekių katalogas vos per kelias minutes per MCP ir Claude – su kiekvienos prekės aprašymais ir nuotraukomis.
- Internetinė parduotuvė WooCommerce platformoje su tinkamu vaizdų apdorojimu.
- Parduotuvės perkėlimas iš Instagram į svetainę – produktų nuotraukos ir aprašymai juda kartu.
- Produktus, nuotraukas ir tekstą į 1001site galima perkelti naudojant nuorodą iš senos svetainės arba socialinių tinklų.
Apskaita ir automatizavimas
- Apskaita + buhalterija + parduotuvė, kurioje yra 30 000 produktų.
- Telegram robotas su dirbtiniu intelektu internetinei padažų parduotuvei.
Atsiųsk man nuorodą į produkto kortelę Telegram programoje – pasakysiu, kiek gali laimėti pagal nuotraukas.
Rezultatas
- Internetinis SEO vaizdų tikrintuvas analizuoja iki 100 puslapio vaizdų ir priskiria jiems balą nuo 0 iki 100 bei kiekvienam prideda komentarus.
- Daugiausia taškų skiriama „alt“ ir pločio/aukštumo matmenims, po jų seka „atidusis įkėlimas“, „WebP/AVIF“ ir „srcset“.
- Pagrindiniam paveikslėliui nereikia tingaus įkėlimo – jam reikia
fetchpriority="high". - Dideliems katalogams nuotraukų apdorojimas automatizuotas arba pasirenkama platforma, kurioje tai jau padaryta, pavyzdžiui, 1001site.
Patikrinkite sunkiausią savo svetainės puslapį naudodami nemokamą vaizdų SEO tikrintuvą – pradėkite nuo alt.
Šaltiniai
- „PromoPilot“ vaizdų SEO tikrinimo puslapis – patikrinimai, vertinimo taisyklės, apribojimai ir DUK.
- Google paieškos centras – vaizdų rekomendacijos paieškai.
- Google PageSpeed Insights“ ir „Squoosh“ – funkcijų aprašymai.
