Prečo viazať obrázky na otázku používateľa (AIO/SGE kontext)
AI Overviews (SGE) aj klasické výsledky vyhľadávania stavajú odpoveď na zámere otázky (intent) a na prepojení entít. Obrázky s kvalitným alt a titulkom (popis/legendou) formulovanými voči otázke zvyšujú šancu, že systém vyhodnotí vizuál ako priamo relevantný dôkaz či ilustračný prvok odpovede. Výsledkom je lepší „citation fit”, vyššia miera zobrazenia v AI prehľadoch a sekundárne aj vyšší CTR v klasickom SERPe.
Rozdiel: alt atribút vs. titulok vs. figcaption
alt: textový náhradný popis pre asistívne technológie a pre prípady, keď sa obrázok nenačíta. V AIO/SGE slúži ako signál kontextu a entity, nie na kľúčové slová bez súvisu.- titulok (atribút
titlena<img>): zvyčajne iba tooltip po nabehnutí kurzora. Optimalizačný vplyv je sekundárny, no môže pridať jemný kontext. <figcaption>: viditeľný popis pod obrázkom. Je dôležitý pre čitateľa aj modely, ktoré sledujú okolitý text ako súčasť odpovede na otázku.
Formula „otázka → odpoveď → evidencia (obrázok)“
Pri každom vizuáli si položte otázku, ktorú rieši používateľ. Potom napíšte alt a figcaption tak, aby:
- explicitne reflektovali formu otázky (čo, ako, prečo, kedy, ktorý),
- obsahovali konkrétne entity (produkt, model, miesto, osoba, metrika),
- naznačili výsledok alebo kľúčový údaj, ktorý obrázok prináša (číslo, krok, porovnanie).
Štruktúra HTML pre AIO-ready vizuály
Šablóny alt popisov podľa typu otázky
- „Ako…?” (How-to): „Ako [dokončiť úlohu] v [nástroj/proces]: krok [n] vizuálne zobrazený”
- „Čo je…?” (Definition): „Čo je [pojem]: ilustračný príklad/[diagram] s vyznačenými [kľúčovými časťami]”
- „Prečo…?” (Reasoning): „Prečo [jav nastáva]: porovnanie [A vs. B] s vyznačeným [dôvodovým faktorom]”
- „Ktorý je lepší…?” (Comparison): „Porovnanie [produkt A] vs. [produkt B] pri [kritériu]: graf výsledkov”
- „Kedy…?” (Temporal): „Kedy [aktivita je optimálna]: časová os s [milníkmi]”
Príklady dobrých a zlých alt textov
| Situácia | Zlý alt | Dobrý alt |
|---|---|---|
| How-to krok 3 | „Krok 3” | „Ako nastaviť kanonický URL v CMS: krok 3 – výber šablóny a uloženie” |
| Porovnanie | „Graf porovnania” | „Ktorý formát je rýchlejší: WebP vs. AVIF – priemerný čas načítania na LTE” |
| Definícia | „Obrázok entít” | „Čo je entita v SEO: schéma vzťahov medzi dotazom, stránkou a značkou” |
Prepojenie s entitami a schémou (ImageObject, QA/HowTo)
Obrázky naviazané na otázku podporíte štruktúrovanými dátami. Použite ImageObject a ak je stránka Q&A alebo návod, prepojte obrázok priamo s Question/Answer alebo HowToStep.
Interné prelinkovanie a kotvy k otázkam
Každý obrázok by mal mať:
- kotvu v DOM blízko textovej odpovede na otázku,
- popis vo
<figcaption>, ktorý parafrázuje titulok sekcie, - link v blízkom texte (napr. „Pozrite si porovnávací graf…”) smerujúci na kotvu obrázka.
Generovanie programovo: CMS polia a redakčné workflow
- Polia v CMS: Otázka, Typ otázky, Primárna entita, Alt (auto), Figcaption (editor), Licencia/autor.
- Automatická šablóna alt: generujte podľa typu otázky a vložených entít, editor doladí nuance.
- Validačné pravidlá: dĺžka 80–140 znakov, zákaz výplňových slov, povinné entity.
Multijazyčnosť a skloňovanie (slovenčina)
Alt text musí zodpovedať prirodzenej morfológii dotazu. Pri pádoch, diakritike a variančnej duplicite:
- Udržte konzistentnú entitu (napr. „AI Overviews”),
- Pripodobnite vetnú konštrukciu k forme otázky používateľa (napr. „Ako nastaviť…”, nie „Nastavenie…”),
- Vyhnite sa anglicizmom, ak cieľový jazyk stránky je SK.
Technické zásady: výkon, kvalita, formáty
- Formát: AVIF/WebP s fallbackom JPEG, bez straty čitateľnosti textu v grafoch.
- Responsive:
srcsetasizes,loading="lazy",decoding="async". - Rozmery: vždy explicitné
width/heightpre CLS. - Prístupnosť: alt zmysluplný aj bez kontextu; ak je obrázok čisto dekoratívny, použite prázdny
alt="".
Licencie, atribúcia a dôveryhodnosť (E-E-A-T)
V legendách uvádzajte autora, zdroj a dátum zberu údajov. Pri grafoch doplňte metodiku (vzorka, obdobie, metrika). Zvyšujete tak dôveryhodnosť a pravdepodobnosť prevzatia obrázka ako „citácie” v AI prehľadoch.
Príklad „Q&A” bloku s obrázkom
Ako písať alt texty viazané na otázku v AIO/SGE?
Začnite formou otázky používateľa, premenujte ju na krátku vetu, pridajte kľúčové entity a výsledok, ktorý obrázok ukazuje.
Antivzorce (čomu sa vyhnúť)
- Keyword stuffing: opakovanie kľúčových slov bez odpovede na otázku.
- Neurčité popisy: „graf”, „obrázok”, „ilustrácia” bez obsahu.
- Nesúlad s otázkou: alt hovorí o A, figcaption o B.
- Chýbajúce entity: nespomenuté produkty, modely, metriky.
- Príliš dlhé alt: romány znižujú čitateľnosť a zmysel pre prístupnosť.
Kontrolný zoznam pred publikovaním
- Je alt napísaný ako miniodpoveď na otázku?
- Sedia entity v alt, figcaption a okolitom texte?
- Je figcaption užitočný bez obrázka (kontext pre čitateľa)?
- Má obrázok správnu licenciu, atribúciu a dátum?
- Sú nastavené
srcset,sizes,width/heightaloading? - Je obrázok prepojený interným odkazom z textu odpovede?
Meranie dopadu v praxi
- AI Overviews/SGE coverage: sledujte zobrazenia URL a citácie obrázkov v prehľadoch.
- CTR na sekciách s vizuálmi: porovnanie s/bez figcaptionu viazaného na otázku.
- Engagement: scroll-depth k figure, kliky na lightbox, čas pri sekcii.
- Replikovateľnosť: koľko altov vzniklo šablónou vs. manuálne a ich výkon.
Programová validácia (príklady pravidiel)
- Dĺžka: 60–140 znakov (výnimky pre technické diagramy).
- Povinné časti: forma otázky (Ako/Čo/Prečo/Ktorý/Kedy) + entita + výsledok/údaj.
- Zákaz: prázdne alt, samotné „Obrázok”, 3× rovnaké slovo za sebou.
Mini knižnica šablón (copy-paste)
„Ako [úloha] v [nástroj]: krok [n] – [konkrétny úkon na obrazovke]”„Čo je [pojem]: diagram s [časti/atribúty] a príkladom [X]”„Prečo [jav]: porovnanie [A vs. B] a vplyv na [metrika]”„Ktorý [produkt/model] je lepší pri [kritérium]: výsledky testu [metóda]”„Kedy [aktivita] prináša najviac [výsledok]: časová os s [milníky]”
Implementačný príklad s interným prelinkovaním
V texte: „Pozrite si porovnávací graf WebP vs. AVIF.”
Časté otázky editorov
- Je titulok povinný? Nie, no
figcaptionje výrazne užitočný.titlepoužívajte striedmo. - Musí alt kopírovať figcaption? Nie. Alt je stručnejší a funkčný bez kontextu; figcaption môže byť bohatší.
- Koľko obrázkov na otázku? Ideálne jeden hlavný a prípadné detailné pod-vizuály s jasnými nadpismi.
Zhrnutie
Obrázky optimalizované pre AIO/SGE fungujú najlepšie, keď odpovedajú na konkrétnu otázku, pracujú s entitami a sú technicky bezchybné. Kombinácia správneho alt, kvalitného figcaption, schémy ImageObject a interného prelinkovania výrazne zvyšuje pravdepodobnosť, že budú použité ako ilustračná evidencia v AI Overviews – a že pomôžu používateľovi rýchlejšie pochopiť odpoveď.
