SEO Príručka Krok 2: On-Page & Meta Tagy

To je Krok 2 z 13-krokovej SEO Príručky. On-page meta tagy ovládajú, čo vyhľadávače zobrazujú o vašej stránke — a či na ňu používajúci kliknú.

---

Technické SEO (Krok 1) zabezpečuje, že vyhľadávače nájdu vašu stránku. On-page optimalizácia zabezpečuje, že ju aj pochopia — a prezentujú atraktívne vo výsledkoch. Každý vyhľadávací výsledok, ktorý vidíte na Googli, je postavený na meta tagoch na stránke. Ak ich neovládate, Google háda. A Google háda zle.

Rozdiel medzi 2% a 8% klikateľnosťou je často len v lepšom title tagu a popise. Na stránke s 1 000 mesačnými zobrazeniami, to predstavuje 60 ďalších návštevníkov za mesiac — zadarmo.

Čo Pokrýva On-Page SEO

On-page optimalizácia sa rozprestiera v 8 oblastiach:

1. Title Tagy — Modrý odkaz vo vyhľadávacích výsledkoch
2. Meta Popisy — Šedý text pod odkazom
3. Open Graph & Sociálne — Ako vyzerajú vaše stránky pri zdieľaní
4. Hierarchia Nadpisov — Štruktúra obsahu, ktorá signalizuje relevanciu
5. Štruktúrované Dáta — Bohaté výsledky (hviezdičky, ceny, FAQ)
6. Optimalizácia Obrázkov — Alt text, názvy súborov a lenivá načítanie
7. Interný Anchor Text — Čo hovoria vaše vlastné odkazy o vašich stránkach
8. Žurnalistická & Článková Značka — Google News, Discover a AI crawleri

1. Title Tagy

Title tag je jeden z najvplyvnejších prvkov na stránke. Je to modrý klikateľný odkaz vo vyhľadávacích výsledkoch, text na karte prehliadača a priamy faktor pre hodnotenie.

Pravidlá pre výkonné title tagy:

• 50-60 znakov (Google skracuje na ~60)
• Hlavné kľúčové slovo blízko začiatku
• Jedinečné na každej stránke vašej stránky
• Pútavé pre ľudí, nie len pre algoritmy
• Názov značky na konci (ak to priestor umožňuje)

Fórmy, ktoré fungujú:

| Typ Stránky | Fórmula | Príklad | |-------------|---------|---------| | Hlavná stránka | [Brand] — [Hodnota] | LANGR — Automatizácia SEO pre rastúce podniky | | Produkt | [Produkt] — [Výhoda] | [Brand] | Pro Plan — Denné sledovanie SEO | LANGR | | Blog | [Téma]: [Sľub] ([Rok]) | Title Tags: Kompletný Sprievodca (2026) | | Kategória | [Kategória] — [Kontext] | [Brand] | Bežecké topánky — Kolekcia pre mužov | Nike |

Bežné chyby:

• Rovnaký názov na viacerých stránkach (duplicitné názvy)
• Preplnenie kľúčovými slovami: "SEO SEO Príručka SEO Tipy SEO Pomoc"
• Príliš krátke: "Domov" alebo "Produkty"
• Úplne chýbajúce (Google generuje jeden z vášho obsahu — zvyčajne zle)

Rýchly zisk: Exportujte všetky svoje title tagy (Screaming Frog alebo skontrolujte Search Console). Nájdite duplicity a stránky s názvami pod 30 znakov. Opraviť najprv tieto.

2. Meta Popisy

Meta popisy priamo neovplyvňujú hodnotenie, ale dramaticky ovplyvňujú klikateľnosť. Sú vašou reklamou v organických výsledkoch.

Pravidlá:

• 120-155 znakov (mobilné zariadenia skracujú skôr)
• Zahrňte svoje hlavné kľúčové slovo (Google zvýrazňuje zodpovedajúce výrazy)
• Zahrňte výzvu na akciu ("Zistite ako", "Začnite", "Pozrite sa na ceny")
• Jedinečné na stránke (duplicitné nahrádza Google automatickým výňatkom)
• Zodpovedajte vyhľadávaciemu zámeru (informačné, transakčné, navigačné)

Fórmula: [Čo stránka ponúka] + [kľúčová výhoda] + [CTA]

Príklad: "Zistite 8 meta tagov, ktoré priamo ovplyvňujú hodnotenie. Akčné tipy s príkladmi pred/po. Začnite optimalizovať ešte dnes."

Kedy Google ignoruje váš popis: Google prepisuje ~70% meta popisov, aby lepšie zodpovedali konkrétnemu dotazu. Nemôžete tomu zabrániť, ale dobre napísaný popis sa stále používa častejšie ako zlý. Objavuje sa tiež pri sociálnych zdieľaniach a náhľadoch odkazov.

Rýchly zisk: Napíšte popisy pre vašich 20 najnavštevovanejších stránok ako prvé. Prioryzujte stránky, kde Search Console ukazuje vysoké zobrazenia, ale nízku CTR.

3. Open Graph & Sociálne Meta

Keď niekto zdieľa váš odkaz na Facebooku, LinkedIn, Twitter/X, alebo v správe, Open Graph tagy ovládajú náhľadovú kartu, ktorá sa objaví.

Základné OG tagy:

<meta property="og:title" content="Názov vašej stránky" />
<meta property="og:description" content="Pútavý popis pre sociálne siete" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

Pre Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Názov vašej stránky" />
<meta name="twitter:description" content="Popis pre Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Požiadavky na obrázky:

• Minimálne 1200x630px pre veľké karty
• Pod 8MB veľkosti súboru
• Používajte text na obrázkoch striedmo (pravidlo 20%)
• Testujte pomocou Facebook Debugger a Twitter Card Validator

Rýchly zisk: Vytvorte jeden kvalitný OG obrázkový šablón pre vašu značku. Použite ho ako predvolený, potom vytvorte vlastné obrázky pre vašich 10 najlepších stránok.

4. Hierarchia Nadpisov

Nadpisy (H1-H6) dávajú vyhľadávačom obrys obsahu. Signalizujú, o čom je vaša stránka a ktoré sekcie sú najdôležitejšie.

Pravidlá:

• Presne jeden H1 na stránku (vaša hlavnú tému/kľúčové slovo)
• H2 pre hlavné sekcie (tie sa často stávajú odpoveďami na vybrané úryvky)
• H3 pre podsekcie v rámci H2
• Nikdy preskakujte úrovne (H1 → H3 bez H2)
• Používajte kľúčové slová prirodzene v nadpisoch, nie násilne
• Front-loadujte dôležité slová (skenery čítajú prvé 3 slová)

Vplyv na SEO:

• Google používa text H2/H3 pre vybrané úryvky a "Ľudia sa tiež pýtajú"
• Text nadpisu ovplyvňuje hodnotenie pasáže (Google môže nezávisle hodnotiť sekciu vašej stránky)
• Čítačky obrazovky a AI crawleri používajú nadpisy na pochopenie štruktúry stránky

Príklad štruktúry:

H1: Ako si vybrať bežecké topánky
  H2: Typy nôh a pronoácie
    H3: Prepronácia
    H3: Neutrálna
    H3: Subpronácia
  H2: Kategórie topánok
    H3: Behanie po cestách
    H3: Behanie po chodníku
  H2: Kedy vymeniť vaše topánky

Rýchly zisk: Skontrolujte vaše najlepší stránky — ak majú viaceré H1, žiadne H1, alebo nadpisy, ktoré sú len "Sekcia 1", "Sekcia 2", okamžite ich opravte.

5. Štruktúrované Dáta (Schema Markup)

Štruktúrované dáta hovoria vyhľadávačom presne to, čo váš obsah predstavuje. Umožňuje bohaté výsledky — vylepšené záznamy so hviezdičkami, cenami, FAQ, krokmi ako, a viac.

Typy schém s vysokým ROI:

| Schéma | Bohatý výsledok | Najlepšie pre | |--------|------------------|---------------| | FAQ | Rozbaľovateľné Q&A priamo v SERP | Stránky služieb, stránky produktov | | HowTo | Krok za krokom s obrázkami | Výukový/guide obsah | | Article | Autor, dátum, obrázok v výsledkoch | Blogové príspevky, správy | | Product | Cena, hodnotenie, dostupnosť | E-commerce | | LocalBusiness | Mapa, hodiny, recenzie | Fyzické podniky | | BreadcrumbList | Navigácia cesty v SERP | Všetky stránky | | Organization | Panely poznatkov | Hlavná stránka |

Príklad FAQ schémy:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Ako dlho trvá SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Väčšina stránok vidí merateľné zlepšenia do 3-6 mesiacov..."
    }
  }]
}

Pravidlá:

• Označte len obsah, ktorý je skutočne viditeľný na stránke
• Nevytvárajte falošné recenzie alebo hodnotenia
• Overte pomocou Google Rich Results Test
• Sledovať v Search Console → Vylepšenia

Rýchly zisk: Pridajte FAQ schému na vaše 5 najlepších stránok služieb/produktov. Napíšte 3-5 skutočných otázok a odpovedí na každú. To môže zdvojnásobiť váš SERP priestor cez noc.

6. Optimalizácia Obrázkov

Obrázky sú často najväčším bottleneckom výkonu a prehliadanou príležitosťou v SEO. Google Images prináša značný traffic pre mnohé stránky.

5 základných bodov:

1. Alt text: Opíšte, čo je na obrázku (pre prístupnosť + SEO). Zahrňte kľúčové slová, keď je to prirodzené: alt="Nike Air Max 2026 bežecká topánka v čiernej farbe", nie alt="topánka" alebo alt=""
2. Názvy súborov: Premeňte názov pred nahratím. nike-air-max-2026-black.webp, nie IMG_4382.jpg
3. Formát: WebP pre fotografie (30-50% menšie ako JPEG). SVG pre ikony/logá. Vyhnite sa PNG pre fotografie.
4. Lenivé načítanie: Pridajte loading="lazy" pre obrázky pod zložením. Nikdy nepnite hrdinský obrázok.
5. Rozmery: Vždy špecifikujte atribúty width a height, aby ste predišli posunu rozloženia (CLS).

Rýchly zisk: Nájdite 10 najväčších obrázkov (PageSpeed Insights ich označí). Preveďte na WebP a pridajte správny alt text. To zlepší výkon aj viditeľnosť obrázkového vyhľadávania.

7. Interný Anchor Text

Klikateľný text vo vašich interných odkazoch hovorí vyhľadávačom, o čom je cieľová stránka. Väčšina stránok to zbytočne zneužíva používaním "kliknite sem" alebo "prečítajte si viac."

Pravidlá:

• Použite popisný anchor text, ktorý obsahuje relevantné kľúčové slová
• Variuje anchor text (nepoužívajte presne ten istý text na každý odkaz na stránku)
• Odkazujte z stránok s vysokou autoritou na stránky, ktoré chcete hodnotiť
• Odkazujte kontextuálne v obsahu, nie len v navigácii

Dobré vs. zlé:

• Zlé: "Kliknite sem pre našu SEO príručku"
• Dobré: "Pozrite sa na našu kompletnú SEO príručku pre všetkých 13 krokov"
• Zlé: "Zistite viac"
• Dobré: "Pozrite sa, ako štruktúrované dáta zlepšujú mieru kliknutí"

Rýchly zisk: Prehľadajte svoju stránku pre "kliknite sem" a "prečítajte si viac" odkazy. Nahradte ich popisným anchor textom obsahujúcim relevantné kľúčové slová.

8. Žurnalistická & Článková Značka

Ak publikujete blogové príspevky, správy alebo akýkoľvek pravidelne aktualizovaný obsah, značka optimalizovaná pre správy odomyka Google News, Google Discover a preferenčné zaobchádzanie AI crawlers.

Schéma článku (vyžaduje sa pre funkcie správ):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Názov vášho článku",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Meno autora",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Vaša značka",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Použite NewsArticle vs Article:

• NewsArticle — pre časovo citlivý spravodajský obsah (udalosti, oznámenia)
• Article — pre večné blogové príspevky a príručky
• BlogPosting — pre názory a osobné blogy

Optimalizácia pre Google News & Discover:

• Kvalitný hrdinský obrázok (minimálne 1200px široký, max-image-preview:large meta)
• Dátum publikácie jasne viditeľný na stránke
• Názov autora s odkazom na stránku autora
• Originálne spravovanie alebo unikátna analýza (nie prepisy)
• robots meta: max-snippet:-1, max-image-preview:large (povoliť plné náhľady)

Robots meta pre spravodajský obsah:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

To hovorí Googlu, že môže používať veľké obrázky a celý text vo vyskakovacích kartách v Discover a výsledkoch správ.

Prečo to záleží na vyšších úrovniach:

• Blogová stratégia: Značka článkov umožňuje, aby sa váš obsah objavil v Discover (potenciálne tisíce zobrazení na príspevok)
• Získavanie odkazov: Obsah indexovaný správami je citovaný inými publikáciami, čím získava prirodzené spätné odkazy
• AI crawlers: ChatGPT, Perplexity a iné AI systémy preferenčne citujú zdroje so správnym označením článku a jasným autorstvom
• Monitorovanie značky: Správy o spomenutí vašej značky (sledované cez skenery ako LANGR’s News Scanner) odhaľujú príležitosti pre získavanie spätných odkazov a PR

Rýchly zisk: Pridajte schému článku ku všetkým vašim blogovým príspevkom. Uistite sa, že každý má viditeľný dátum, meno autora a hrdinský obrázok nad 1200px široký. Povolenie max-image-preview:large vo vašej robots meta.

Kontrolný Zoznam SEO Auditu On-Page

Prejdite tento zoznam pre každú dôležitú stránku:

• [ ] Jedinečný title tag, 50-60 znakov, kľúčové slovo blízko začiatku
• [ ] Jedinečný meta popis, 120-155 znakov, obsahuje CTA
• [ ] Nastavené Open Graph tagy (názov, popis, obrázok, url)
• [ ] Presne jeden H1 obsahujúci hlavné kľúčové slovo
• [ ] Logická hierarchia nadpisov (H1 → H2 → H3, žiadne preskočené)
• [ ] Štruktúrované dáta pridané a overené (FAQ, Článok, Produkt atď.)
• [ ] Obrázky: WebP formát, popisný alt text, lenivé načítanie pod zložením
• [ ] Interné odkazy používajú popisný anchor text
• [ ] Schéma článku na všetkom blogovom/novinovom obsahu s datePublished + autor
• [ ] max-image-preview:large meta robot tag na stránkach obsahu

Bežné Chyby On-Page (Zaradené Podľa Dopadu)

1. Duplicitné title tagy — Viaceré stránky súťažiace samy proti sebe
2. Chýbajúce meta popisy — Povolte Googlu hádať (a hádať zle)
3. Žiadne štruktúrované dáta — Chýbajúce bohaté výsledky, ktoré majú vaši konkurenti
4. Naplnené kľúčovými slovami nadpisy — "SEO Tipy SEO Príručka SEO Pomoc SEO 2026"
5. Žiadny alt text na obrázkoch — Neviditeľné pre vyhľadávanie + zlyhanie prístupnosti
6. Žiadna schéma článku na blogových príspevkoch — Neviditeľné pre News/Discover/AI
7. Generický anchor text — "Kliknite sem" nič neučí Google
8. Rovnaký OG obrázok všade — Všetky vaše zdieľania vyzerajú identicky

Čo Ďalej?

Krok 3: Obsah & Stratégia — Čo písať, kedy publikovať a ako vytvoriť obsah, ktorý sa hodnotí, a nie len existuje.

---

Táto príručka je súčasťou 13-krokovej SEO série od LANGR. Spustite bezplatný audit, aby ste zistili, kde sa vaša stránka nachádza vo všetkých 13 disciplínach.