Īsā atbilde: lai pārbaudītu lapas attēlu SEO, ielīmējiet to URL PromoPilot bezmaksas SEO attēlu pārbaudītājā. Rīks analizēs līdz 100 <img> tagiem: vai ir alt tags, vai ir iestatīts loading="lazy", vai ir iestatīts platums un augstums, vai tiek izmantots WebP, AVIF vai SVG un vai ir srcset. Rezultāts ir vērtējums no 0 līdz 100 un komentāri par katru attēlu. Zemāk jūs atradīsiet, kā tiek aprēķināts vērtējums, kas vispirms jālabo un ko rīks neredz.
Esmu veidojis tīmekļa vietnes un veikalus jau 12 gadus, un attēli ir galvenā problēma gandrīz katrā no tiem. Tipiska produkta kartīte: piecas 3 MB fotogrāfijas tieši no kameras, tukšs alt teksts un faila nosaukums ir IMG_4512.jpg.
Ko pārbauda attēla SEO pārbaude?
Rīks aplūko katru attēlu lapā, pamatojoties uz pieciem kritērijiem, un saskaita tos kopā, lai izveidotu kopējo vērtējumu.
| Ko tas pārbauda? | Ko viņš skatās? | Kāpēc tas ir svarīgi SEO un biznesam? |
|---|---|---|
| Alt | Vai katram <img> | Google attēlu rangs pēc alt; pieejamība neredzīgajiem |
| Slinka ielāde | Atribūts loading="lazy" tiek lietots attēliem zem pirmā ekrāna. | Lapa neielādē neko tādu, līdz ko apmeklētājs vēl nav ritinājis. |
| Platums un augstums | Vai tagu atribūtos ir norādīti izmēri? | Bloki ielādes laikā "nelec" — šī ir CLS metrika. |
| Formāts | WebP, AVIF vai SVG pēc faila paplašinājuma | Mūsdienu formāti ir ievērojami mazāki nekā JPG un PNG. |
| Srcset | Vai dažādiem ekrāniem ir attēlu opcijas? | Tālrunis saņem mazo failu, nevis monitora versiju. |
Katram attēlam tiek pievienots komentāru saraksts, un lapa saņem gala vērtējumu. Tas ir ērti: var redzēt ne tikai to, kas ir nepareizi, bet arī to, kurš attēls ir vainīgs.
Kā pārbaudīt attēlus tīmekļa vietnē tiešsaistē?
- Atvērt attēlu SEO pārbaudītāju.
- Ievietojiet lapas adresi, vēlams, tādu, kurā ir daudz fotoattēlu: produkta karte, kategorija, emuāra raksts, portfolio.
- Noklikšķiniet uz "Pārbaudīt" un gaidiet, līdz visi attēli ir skenēti.
- Skatiet katra attēla vērtējumu un komentāru sarakstu.
- Lūdzu, novērsiet problēmas un vēlreiz pārbaudiet lapu.
Lūk, kā izskatās rīka lapa: adreses lauks, pārbaužu saraksts un bieži uzdotie jautājumi.
Kā tiek aprēķināts vērtējums un kas vispirms jālabo?
Vērtējums sākas ar 100 punktiem, un par katru problēmu tiek atskaitīti soda punkti atkarībā no lapas attēlu procentuālās daļas, kas to neiztur. Zinot noteikumus, ir viegli saprast, kas dos vislielāko ieguvumu.
| Pārbaude | Naudas sods | Komentārs |
|---|---|---|
| Alt | Mazāk nekā 50 % attēlu ar alt — – – 30; mazāk nekā 80 % — – 15; mazāk nekā 100 % — – 5 | Visnozīmīgākais punkts |
| Slinka ielāde | mazāk nekā 50 % — −15; mazāk nekā 80 % — −8 | Pirmie trīs attēli netiek ņemti vērā. |
| Platums un augstums | mazāk nekā 50 % — −15; mazāk nekā 80 % — −8 | CSS tikai paredzētās dimensijas netiek ņemtas vērā. |
| WebP, AVIF vai SVG | mazāk nekā 30% - 10 | Formātu nosaka paplašinājums |
| Srcset rastra attēliem | mazāk nekā 30% - 10 | SVG nav nepieciešams srcset |
Lūk, mans darba pasūtījums:
- Alt. Visdārgākā prece un visvieglāk salabojamā. Uzrakstiet, kas parādīts:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", nevisalt="рюкзак купить дёшево рюкзак". Dekoratīviem elementiem izmantojiet tukšualt="". - Platums un augstums. Atribūtos norādiet faktiskos izmērus un CSS pievienojiet
img { max-width: 100%; height: auto; }— attēls paliks atsaucīgs un izkārtojums pārtrauks lēkāt. - Slinkā ielāde attiecas uz visu, kas atrodas zem locījuma. Tomēr tā ir kaitīga varoņa attēlam: tas ir jāielādē nekavējoties un ar prioritāti.
- WebP vai AVIF. WordPress atbalsta WebP augšupielādes kopš 5.8 versijas un AVIF kopš 6.5 versijas.
- Srcset lieliem fotoattēliem, lai tālrunis nelejupielādētu monitora versiju.
Pareiza galvenā attēla un adaptīvā fotoattēla piemērs tekstā:
<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">Kā uzrakstīt labu alt tagu attēlam?
Alt tags ir vissvarīgākais novērtēšanas elements, un tieši tajā visbiežāk tiek pieļautas kļūdas: vai nu atstājot to tukšu, vai arī piepildot to ar atslēgvārdiem. Vienkāršs noteikums: aprakstiet attēlu kādam, kurš to neredz, vienā teikumā.
| Attēls | Nederīgs alt | Labs alts |
|---|---|---|
| Produkta fotoattēls | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Komandas foto | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagramma vai diagramma | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Dekorācijas ikona | иконка | tukšs alt="" — nav nepieciešams to lasīt |
Kataloga izveidei ir ērti izveidot alt tagus, izmantojot veidni: produkta nosaukums + krāsa vai variants + leņķis. Tādā veidā piecām fotogrāfijām vienā kartītē būs pieci dažādi, noderīgi apraksti, nevis pieci identiski.
Svarīgs ir arī faila nosaukums: kozhanyj-ryukzak-nord-korichnevyj.webp ir labāks par IMG_4512.jpg. Nav jēgas pārdēvēt vecus failus tikai šī iemesla dēļ, bet augšupielādējiet jaunus failus ar aprakstošiem nosaukumiem.
Salīdzinājums: attēlu SEO pārbaudītājs un alternatīvas
| Rīks | Kas ir bez maksas? | Ierobežojumi | Kam tas ir piemērots? |
|---|---|---|---|
| PromoPilot — attēlu SEO pārbaudītājs | Alt, slinkā ielāde, platums/augstums, formāti, srcset; vērtējums no 0 līdz 100 un komentāri katram attēlam | Līdz 100 attēliem, faila lielums nav aprēķināts | Ātri parsējiet attēlus no jebkuras lapas |
| Google PageSpeed Insights | Attēlu auditi ātruma testa ietvaros: formāts, izmērs, lēna ielāde | Apvienojumā ar desmitiem citu pārbaužu, alt tik tikko saprot | Attēlu ietekmes uz ātrumu novērtēšana |
| Squoosh | Viena attēla saspiešana un konvertēšana pārlūkprogrammā | Nepārbauda lapu, darbojas ar failiem | Atsevišķu attēlu sagatavošana |
| Kliedzoša varde SEO zirneklis | Attēlu saraksts bez alternatīvā teksta visā vietnē | Nepieciešama instalēšana, bezmaksas versijai ir adrešu ierobežojums | Alternatīvu audits simtiem lappušu |
Secinājums: Tiešsaistes pārbaudītājs parāda, kas nav kārtībā ar attēliem konkrētā lapā, PageSpeed parāda, cik tas maksā ātrumā, un Squoosh vai pārveidotājs palīdz labot pašus failus.
PromoPilot piedāvā 87 bezmaksas SEO rīkus, tostarp attēlu saspiešanas rīku un WebP pārveidotāju, kas darbojas tieši pārlūkprogrammā, neaugšupielādējot failus serverī. Lai izprastu kopējo lapas izmēru, skatiet mūsu rakstu lapas ielādes ātruma analīzes sērijā.
Ko attēla pārbaude neredz?
Būsim godīgi par rīka ierobežojumiem — ir svarīgi tos zināt, lai precīzi interpretētu vērtējumu:
- Faila lielums netiek ņemts vērā — attēli netiek lejupielādēti; formātu nosaka paplašinājums.
- Birka
<picture>netiek parsēta: JPG fails failā<img>tiks atzīmēts pat tad, ja blakus esošajā<source>ir AVIF vai WebP. - Fona attēli no CSS un attēli, kas pievienoti, izmantojot JavaScript, pārskatā nav iekļauti.
- Izmēri, kas norādīti tikai CSS, netiek ņemti vērā.
- Lapa bez neviena
<img>elementa saņem 50 punktus — tā nav "puse kļūdu", bet gan "nekas, ko vērtēt".
Kad bezmaksas rīks nav pietiekams?
Alternatīvā teksta labošana vienā lapā aizņem desmit minūtes. Bet, ja veikalā ir pieci tūkstoši produktu, to nav iespējams izdarīt manuāli. Jums ir nepieciešams speciālists, ja:
- alt jāģenerē automātiski no visa kataloga nosaukuma, krāsas un leņķa;
- attēli tiek ielādēti no kameras bez saspiešanas, un ir nepieciešama automātiska plūsma: saspiešana, WebP, vairāki izmēri;
- Vietnes tēma rāda fotoattēlus bez platuma, augstuma un srcset, un veidne ir jālabo;
- Vai vēlaties iegūt trafiku no Google attēliem produktu vaicājumiem?
Ko es varu darīt jūsu tīmekļa vietnes labā?
Esmu Valērijs Daņuks, izstrādātājs un SEO speciālists ar 12 gadu pieredzi un vairāk nekā 200 klientiem, tostarp daudziem tiešsaistes veikaliem ar tūkstošiem fotoattēlu.
SEO un audits
- Pilnībā gatava tīmekļa vietnes SEO audits: es pārbaudu attēlus visā vietnē, iestatu automātisku konvertēšanu un alt tekstu veidnēs.
- Ar mākslīgo intelektu darbināts SEO emuārs, kas piesaista organiskos klientus — automātiski katram rakstam parāda alt un WebP attēlus.
Veikali un katalogi
- 300 vienību katalogs tikai dažu minūšu laikā, izmantojot MCP un Claude — ar katras vienības aprakstiem un fotoattēliem.
- Tiešsaistes veikals vietnē WooCommerce ar atbilstošu attēlu apstrādi.
- Veikala pārvietošana no Instagram uz tīmekļa vietni — produktu fotoattēli un apraksti tiek pārvietoti līdzi.
- Produktus, fotoattēlus un tekstu var pārsūtīt uz 1001site, izmantojot saiti no jūsu vecās vietnes vai sociālajiem medijiem.
Grāmatvedība un automatizācija
- Grāmatvedība + uzskaite + veikals ar 30 000 precēm.
- Telegram robots ar mākslīgo intelektu tiešsaistes mērču veikalam.
Atsūti man saiti uz produkta karti Telegram — es tev pateikšu, cik daudz tu vari laimēt, pamatojoties uz attēliem.
Rezultāts
- Tiešsaistes SEO attēlu pārbaudītājs analizē līdz 100 attēliem lapā un piešķir tiem vērtējumu no 0 līdz 100, kā arī komentārus par katru.
- Visvairāk punktu tiek piešķirti alt un platuma/augstuma izmēriem, kam seko slinkā ielāde, WebP/AVIF un srcset.
- Galvenajam attēlam nav nepieciešama slinka ielāde — tam ir nepieciešams
fetchpriority="high". - Lieliem katalogiem fotoattēlu apstrāde tiek automatizēta vai arī tiek izvēlēta platforma, kurā tas jau ir izdarīts, piemēram, 1001site.
Pārbaudiet savas vietnes apjomīgāko lapu ar bezmaksas attēlu SEO pārbaudītāju — sāciet ar alt.
Avoti
- PromoPilot attēlu SEO pārbaudītāja lapa — pārbaudes, novērtēšanas noteikumi, ierobežojumi un bieži uzdotie jautājumi.
- Google meklēšanas centrs — attēlu ieteikumi meklēšanai.
- Google PageSpeed Insights un Squoosh — funkciju apraksti.
