Príklad
Predstav si portál s článkami (napr. blog, spravodaj alebo LMS). Redaktor vytvorí článok „Ako testovať API“.
Vyplní:
- title: „Ako testovať API – praktický návod“
- description: „Nauč sa testovať API krok za krokom s praktickými príkladmi.“
- keywords: „API testovanie, REST API, testovanie API“
Na prvý pohľad všetko vyzerá správne.
Ale v praxi môže nastať:
- title sa skráti v Google výsledkoch
- description sa nezobrazí vôbec (Google použije iný text)
- stránka má duplicitný title s inou stránkou
- keywords sa ignorujú alebo sú neaktuálne
Tester teda netestuje len „či sa to dá vyplniť“, ale či sa to správne používa a interpretuje v reálnom svete (prehliadač, vyhľadávač, sociálne siete).
Ako otestovať
1. Základná kontrola meta dát v HTML
- Over, že
titlesa zobrazuje v<title>tagu stránky. - Skontroluj prítomnosť
<meta name="description">. - Over, či sa meta dáta menia podľa konkrétnej stránky (nie sú globálne rovnaké).
- Skontroluj, že neexistujú duplicity (viac
<title>alebo viac description).
2. Dĺžka a formát meta dát
- Title: cca 50–60 znakov (inak sa skracuje).
- Description: cca 150–160 znakov.
- Over, že text nie je useknutý alebo nelogicky ukončený.
- Skontroluj diakritiku a špeciálne znaky (napr. & → &).
3. Unikátnosť a duplicity
- Over, že každá stránka má unikátny title a description.
- Otestuj viac stránok (napr. články, kategórie, homepage).
- Skontroluj, či sa pri kopírovaní článku nemenia meta dáta automaticky.
4. Dynamické generovanie meta dát
- Over fallback (ak redaktor nič nevyplní → generuje sa z nadpisu/obsahu).
- Skontroluj šablóny (napr. „{title} | názov webu“).
- Otestuj rôzne typy stránok (detail článku, listing, profil).
5. Zobrazenie vo vyhľadávačoch (reálny dopad)
- Použi nástroje ako Google Search Console alebo náhľad snippetu.
- Over, či Google používa tvoju description (nie vždy ju rešpektuje).
- Skontroluj, ako vyzerá výsledok vo vyhľadávaní (snippet).
6. Sociálne siete (Open Graph, Twitter Cards)
- Over
og:title,og:description,og:image. - Skontroluj náhľad pri zdieľaní (Facebook, LinkedIn).
- Otestuj fallback – čo sa zobrazí bez OG tagov.
7. Keywords – realita vs. očakávania
- Over, že
meta keywordsexistujú (ak systém umožňuje). - Uvedom si: moderné vyhľadávače ich ignorujú.
- Testuj skôr konzistenciu (či zodpovedajú obsahu).
8. Lokalizácia a jazykové mutácie
- Over meta dáta pre rôzne jazyky.
- Skontroluj
hreflangatribúty. - Otestuj fallback jazyk (ak preklad chýba).
9. SEO edge cases (čo sa často zabúda)
- Prázdne meta dáta (čo sa zobrazí?).
- Extrémne dlhé title/description.
- HTML tagy alebo skripty v meta dátach.
- Duplicitné URL (canonical vs. meta dáta).
10. Integrácia s CMS workflow
- Over, kto môže meta dáta upravovať (autor vs. editor).
- Skontroluj, či sa zmeny prejavia po publikovaní.
- Otestuj verzovanie – či sa meta dáta vrátia pri rollbacku.
