Kontrola SEO obrázkov
Overí alt texty, zdroje, rozmery a deklarácie načítania obrázkov.
Musí mať každý obrázok dlhý alt s kľúčovým slovom?
Posudzujte účel obrázka na konkrétnom mieste. Fotografia opravy môže vysvetľovať postup, dekorovať sekciu alebo fungovať ako odkaz; každý prípad potrebuje inú textovú alternatívu.
Pri fotografii nad zlomom sledujte aj Core Web Vitals. Rozmery rezervujú miesto a spôsob načítania ovplyvňuje LCP. Open Graph potrebuje samostatný obrázok na zdieľanie. Prístupnosť určuje, či obrázok potrebuje opis alebo prázdny alt text.
Ako postupovať krok za krokom
- Skontrolujte, čo by človeku chýbalo bez daného obrázka.
- Napíšte alt podľa tohto významu, bez zoznamu kľúčových slov.
- Overte dostupnosť src a vhodnú veľkosť variantu pre zariadenie.
- Rezervujte priestor pomocou rozmerov alebo pomeru strán.
- Lazy loading posúďte podľa polohy; hlavný vizuál neodkladajte automaticky.
Ako napísať alt text k produktovej fotografii
Výuková ukážka; adresy example.com sú ilustračné.
Pred úpravou
<img src="city-bike.jpg" width="800" height="600">Po úprave
<img src="city-bike.jpg" alt="Blue city bicycle with a rear rack" width="800" height="600">Pravidlo image-alt zachytí chýbajúci atribút. Popis po úprave pomôže človeku, ktorý obrázok nevidí. Pri čisto dekoratívnom obrázku je správne alt=""; tento príklad ukazuje produkt.
Častý omyl
Doplniť rovnaký alt na všetky fotografie síce vyplní atribút, ale nevysvetlí ich obsah. Prázdny alt dekorácie nie je automaticky chyba. Audit bez vizuálneho porozumenia nevie overiť vecnú presnosť popisu.
Vyskúšajte report na našom webe.
Pozrite si ukážku reportu a potom zadajte vlastnú URL. Získate nálezy, HTML dôkazy a plán opráv pre svoju stránku.
Spustiť vlastný audit
Kedy obrázok potrebuje alt text a kedy prázdny alt
Rovnaká fotografia môže vysvetľovať postup alebo iba zdobiť úvod. Alt píšte podľa toho, aká informácia by na danom mieste bez obrázka chýbala.
- Informatívny obrázok opíšte stručne a vecne.
- Čisto dekoratívnemu obrázku ponechajte alt="".
- Pri zložitom grafe vysvetlite podstatné údaje aj v okolitom texte.
Ako pomenovať obrázkový odkaz alebo tlačidlo
Ak je logo jediným obsahom odkazu na homepage, jeho alternatíva tvorí názov odkazu. Pri tlačidle s ikonou nestačí opis farby alebo tvaru.
- Overte, čo čítačka oznámi pri odkaze obsahujúcom len obrázok.
- Názov nech vysvetľuje cieľ alebo vykonanú akciu.
- Ak vedľa ikony už je úplný text, nezdvojujte ho zbytočným opisom.
Ako zvoliť rozmery obrázka bez posunu obsahu
Malý náhľad nepotrebuje pôvodnú viacmegapixelovú fotografiu. Zároveň musí zostať čitateľný na displeji s vyššou hustotou; posúďte skutočnú zobrazovanú veľkosť.
- Použite vhodné responzívne varianty a správne sizes.
- Rezervujte priestor pomocou rozmerov alebo pomeru strán.
- Na mobile skontrolujte detaily aj zbytočne veľký prenos dát.
Kedy použiť lazy loading obrázkov
Dôležitý obrázok v prvom výhľade môže byť prvkom LCP. Jeho zbytočne odložené načítanie spomalí zobrazenie; obrázky hlbšie na stránke posudzujte samostatne.
- Hlavný viditeľný obrázok neodkladajte automaticky cez lazy loading.
- Pri obrázkoch pod prvým výhľadom zvážte odložené načítanie.
- Výsledok overte meraním Core Web Vitals a pohľadom na reálne vykreslenie.
Zdroj web.dev — optimize LCP ↗
Čím potvrdiť výsledok
Po úprave skontrolujte štruktúru HTML, načítanie na mobile a textový názov obrázkového odkazu. Výkon potvrďte meraním; malý súbor s nesprávnym významom stále potrebuje obsahovú opravu.
Primárna dokumentácia www.w3.org ↗
Časté otázky
Musí mať každý obrázok dlhý alt s kľúčovým slovom?
Alt závisí od účelu. Informačný obrázok potrebuje stručný význam, dekorácia spravidla prázdny alt a obrázkový odkaz opis cieľa alebo funkcie. Opakovanie kľúčových slov zhoršuje čítanie. Pri produktovom variante pomenujte viditeľný rozdiel, ak je dôležitý pre výber, napríklad farbu alebo prevedenie.
Kedy môžete úlohu uzavrieť
Otestujte zmysel stránky bez obrázkov. Rozmery rezervujú priestor a hlavný obrázok sa načíta primerane rýchlo; veľkosť súboru sama osebe nepotvrdzuje dobré LCP.
Súvisiace SEO návody
Overte konkrétnu stránku.
Fukamo ukáže nálezy, dôkazy a ďalší krok.
679 pravidiel + merania SEO, AI čitateľnosti, výkonu a prístupnosti zadarmo.