Slike na strani imajo dvojno vlogo, ki jo je vredno izkoristiti: bralnikom zaslona in iskalniku opišejo, kaj je na sliki (prek alt besedila), z optimizacijo (oblika, velikost) pa pospešijo nalaganje strani. Dobro urejene slike tako izboljšajo dostopnost, prinesejo obisk iz iskanja slik in podprejo hitrost.
Alt besedilo: dostopnost in SEO
Alt besedilo (nadomestno besedilo) je opis slike, ki ga preberejo bralniki zaslona in iskalnik. Slabovidnim pove, kaj je na sliki, iskalniku pa pomaga sliko razumeti in jo prikazati v iskanju slik - za trgovino dodaten vir obiska.
Slike kot vir obiska (Google Slike in Lens)
Iskanje slik ni postranska reč: Google Slike predstavljajo približno četrtino vseh iskanj, vse več pa je tudi vizualnega iskanja prek Google Lens (po novem vgrajenega v nakupovanje), kjer ima velik del poizvedb jasen nakupni namen. Za trgovino je to dragocen kanal: obiskovalec, ki vašo sliko najde v iskanju slik in klikne, je izdelek že videl in je bliže nakupu kot tipičen obisk iz iskanja. Dobro optimizirana slika (jasno alt besedilo, opisno ime datoteke, dovolj velika in hitra) ima zato realno možnost, da pripelje kupce naravnost na produktno stran.
Kako napisati dobro alt besedilo
- Jedrnato in opisno: praviloma do okoli 125 znakov; opišite, kaj je na sliki in kako se navezuje na vsebino strani.
- Brez "slika ..." na začetku: bralnik zaslona že naznani, da gre za sliko, zato ne začenjajte s "slika" ali "fotografija".
- Ključna beseda naravno: vključite relevantno ključno besedo (ime izdelka, barva, material), a brez nabijanja.
- Okrasne slike: če slika ničesar ne sporoča (zgolj okras), ji dajte prazno alt besedilo (alt=""), da jo bralnik zaslona preskoči.
Primer za izdelek: namesto "slika" raje "Črna platnena superga z belim podplatom, profil".
Imena datotek
Imena slikovnih datotek naj bodo kratka in opisna: crna-platnena-superga.jpg je boljše od IMG00023.JPG. Tudi to iskalniku pomaga razumeti vsebino slike.
Oblika in hitrost
Velike slike upočasnijo stran, kar škodi izkušnji in posredno SEO (hitrost je dejavnik). Zato slike stisnite in uporabite sodobne oblike, kot sta WebP ali AVIF, ki ob visoki kakovosti zasedejo bistveno manj. Dodajte še lenivo nalaganje (lazy load), da se slike nižje na strani naložijo šele, ko jih obiskovalec doseže.
Kako to uredite v Magentu
Alt besedilo nastavite pri vsaki sliki izdelka v galeriji medijev, podobno pri sliki kategorije. Pri velikem katalogu ročno pisanje ni izvedljivo - takrat z namenskim SEO modulom ustvarite vzorec, ki alt besedilo samodejno sestavi iz lastnosti izdelka (ime, kategorija, znamka) in ga množično doda na vse slike. Za sodobne oblike (WebP), samodejno stiskanje ob nalaganju in lenivo nalaganje je običajno potreben modul za optimizacijo slik, saj jedrni Magento tega ne ponuja v celoti.
Kako merite, ali deluje
V Google Search Console v poročilu o uspešnosti preverite zavihek za slike (Google Slike) - pokaže, koliko obiska prihaja iz iskanja slik. S pregledovalnikom (crawler) poiščite slike brez alt besedila in jih dopolnite. Hitrost in težo slik spremljajte z orodjem za merjenje hitrosti (npr. PageSpeed).
