SEO Průvodce Krok 2: On-Page a Meta Tagy

To je Krok 2 z 13tého SEO Průvodce. On-page meta tagy kontrolují, co vyhledávače zobrazují o vaší stránce — a zda na ni uživatelé kliknou.

---

Technické SEO (Krok 1) zajišťuje, že vyhledávače mohou najít vaši stránku. On-page optimalizace zajišťuje, že ji chápou — a prezentují ji atraktivně ve výsledcích. Každý výsledek vyhledávání, který vidíte na Googlu, je postaven ze meta tagů na stránce. Pokud je neovládáte, Google hádá. A Google hádá špatně.

Rozdíl mezi 2% a 8% mírou prokliku je často jen lepší title tag a popis. Na stránce s 1 000 měsíčními zobrazeními to znamená 60 dalších návštěvníků za měsíc — zadarmo.

Co Pokrývá On-Page SEO

On-page optimalizace zahrnuje 8 oblastí:

1. Title Tagy — Modrý odkaz ve výsledcích vyhledávání
2. Meta Popis — Šedý text pod odkazem
3. Open Graph a Sociální — Jak vaše stránky vypadají, když jsou sdíleny
4. Hierarchie Nadpisů — Struktura obsahu, která signalizuje relevanci
5. Strukturovaná Data — Bohaté výsledky (hvězdičky, ceny, FAQ)
6. Optimalizace Obrázků — Alt text, názvy souborů a lazy loading
7. Interní Anchor Text — Co říkají vaše vlastní odkazy o vašich stránkách
8. Zpracování Zpráv a Článků — Google News, Discover a AI crawleři

1. Title Tagy

Title tag je element s největším dopadem na stránce. Je to modrý klikací odkaz ve výsledcích vyhledávání, text záložky prohlížeče a přímý faktor hodnocení.

Pravidla pro výkonné title tagy:

• 50-60 znaků (Google truncates na ~60)
• Hlavní klíčové slovo blízko začátku
• Unikátní na každé stránce na vašem webu
• Přitažlivé pro lidi, ne jen pro algoritmy
• Název značky na konci (pokud to prostor dovolí)

Fórmuly, které fungují:

| Typ Stránky | Fórmula | Příklad | |-------------|---------|---------| | Domovská stránka | [Brand] — [Hodnota] | LANGR — SEO Automatizace pro Rostoucí Firmy | | Produkt | [Produkt] — [Výhoda] | [Brand] | Pro Plan — Denní SEO Monitoring | LANGR | | Blog | [Téma]: [Příslib] ([Rok]) | Title Tagy: Kompletní Průvodce (2026) | | Kategorie | [Kategorie] — [Kontext] | [Brand] | Běžecké Boty — Pánská Kolekce | Nike |

Běžné chyby:

• Stejný název na více stránkách (duplicitní názvy)
• Naplnění klíčovými slovy: "SEO SEO Průvodce SEO Tipy SEO Pomoc"
• Příliš krátké: "Domov" nebo "Produkty"
• Úplně chybí (Google generuje jeden z vašeho obsahu — obvykle špatně)

Rychlé vítězství: Exportujte všechny své title tagy (Screaming Frog nebo zkontrolujte Search Console). Najděte duplicity a stránky s názvy pod 30 znaky. Opravy proveďte jako první.

2. Meta Popisy

Meta popisy přímo neovlivňují hodnocení, ale dramaticky ovlivňují míru prokliku. Jsou to vaše reklamy v organických výsledcích.

Pravidla:

• 120-155 znaků (mobil truncates dříve)
• Zahrňte své hlavní klíčové slovo (Google zvýrazní shodné termíny)
• Zahrňte výzvu k akci ("Zjistit jak", "Začněte", "Podívejte se na ceny")
• Unikátní na každé stránce (duplicitní se nahrazují Googlem auto-úryvky)
• Odpovídají vyhledávacímu záměru (informační, transakční, navigační)

Fórmula: [Co stránka nabízí] + [klíčová výhoda] + [CTA]

Příklad: "Zjistěte 8 meta tagů, které přímo ovlivňují hodnocení. Akční tipy s příklady před/po. Začněte optimalizovat dnes."

Kdy Google ignoruje váš popis: Google přepisuje ~70% meta popisů, aby lépe odpovídaly konkrétní dotazu. Tento proces nemůžete zabránit, ale dobře napsaný popis je stále používán častěji než špatný. Objevuje se také ve sdíleních na sociálních sítích a náhledech odkazů.

Rychlé vítězství: Nejprve napište popisy pro vašich 20 nejlepších stránek s návštěvností. Prioritizujte stránky, kde Search Console ukazuje vysoká zobrazení, ale nízkou CTR.

3. Open Graph a Sociální Meta

Když někdo sdílí váš odkaz na Facebooku, LinkedInu, Twitteru/X nebo v aplikaci pro zprávy, Open Graph tagy řídí náhledovou kartu, která se objeví.

Základní OG tagy:

<meta property="og:title" content="Název vaší stránky" />
<meta property="og:description" content="Přitažlivý popis pro sociální" />
<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" />

Pro Twitter/X:

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

Požadavky na obrázky:

• Minimálně 1200x630px pro velké karty
• Velikost souboru pod 8MB
• Používejte text na obrázcích střídmě (pravidlo 20%)
• Testujte pomocí Facebook Debugger a Twitter Card Validator

Rychlé vítězství: Vytvořte jednu kvalitní šablonu OG obrázku pro vaši značku. Použijte ji jako výchozí, a poté vytvořte vlastní obrázky pro vašich 10 nejlepších stránek.

4. Hierarchie Nadpisů

Nadpisy (H1-H6) poskytují vyhledávačům přehled obsahu. Signalizují, o čem je vaše stránka a které části jsou nejdůležitější.

Pravidla:

• Přesně jeden H1 na stránku (vaše hlavní téma/klíčové slovo)
• H2 pro hlavní sekce (tyto často tvoří odpovědi na featured snippet)
• H3 pro podsekce v rámci H2
• Nikdy nevynechávejte úrovně (H1 → H3 bez H2)
• Používejte klíčová slova přirozeně v nadpisech, ne nuceně
• Důležité slova umístěte na začátek (skenery čtou první 3 slova)

Dopad na SEO:

• Google používá text H2/H3 pro featured snippets a "Lidé také ptají"
• Text nadpisu ovlivňuje hodnocení pasáže (Google může hodnotit sekci vaší stránky nezávisle)
• Čtečky obrazovky a AI crawleři používají nadpisy k pochopení struktury stránky

Příklad struktury:

H1: Jak si vybrat běžecké boty
  H2: Typ chodidla a pronační
    H3: Nadpronační
    H3: Neutrální
    H3: Podpronační
  H2: Kategorie bot
    H3: Silniční běh
    H3: Trailový běh
  H2: Kdy vyměnit vaše boty

Rychlé vítězství: Zkontrolujte své nejdůležitější stránky — pokud mají více H1, žádné H1 nebo nadpisy, které jsou pouze "Sekce 1", "Sekce 2", opravte je okamžitě.

5. Strukturovaná Data (Schema Markup)

Strukturovaná data říkají vyhledávačům přesně, co váš obsah představuje. Umožňuje bohaté výsledky — vylepšené výpisy se hvězdičkami, cenami, FAQ, kroky, jak na to, a víc.

Typy schémat s vysokým ROI:

| Schéma | Bohatý Výsledek | Nejlepší pro | |--------|------------------|--------------| | FAQ | Rozšiřitelné Q&A přímo v SERP | Stránky služeb, stránky produktů | | HowTo | Krok za krokem s obrázky | Obsah návodů/průvodců | | Article | Autor, datum, obrázek v výsledcích | Blogové příspěvky, zprávy | | Product | Cena, hodnocení, dostupnost | E-commerce | | LocalBusiness | Mapa, hodiny, recenze | Fyzické podniky | | BreadcrumbList | Navigace v SERP | Všechny stránky | | Organization | Panel znalostí | Domovská stránka |

Příklad FAQ schématu:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Jak dlouho trvá SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Většina stránek vidí měřitelné zlepšení během 3-6 měsíců..."
    }
  }]
}

Pravidla:

• Označujte pouze obsah, který je skutečně viditelný na stránce
• Nevymýšlejte recenze nebo hodnocení
• Ověřte pomocí Google Rich Results Test
• Sledujte v Search Console → Vylepšení

Rychlé vítězství: Přidejte FAQ schéma na vašich 5 nejlepších stránkách služeb/produktů. Napište 3-5 skutečných otázek a odpovědí pro každou stránku. Toto může zdvojnásobit vaši plochu SERP přes noc.

6. Optimalizace Obrázků

Obrázky jsou často největším výkonnostním úzkým místem a přehlíženou SEO příležitostí. Google Images přitahuje významnou návštěvnost pro mnoho stránek.

5 základních prvků:

1. Alt text: Popište, co je na obrázku (pro přístupnost + SEO). Zahrňte klíčová slova přirozeně: alt="Běžecká obuv Nike Air Max 2026 v černé barvě", ne alt="obuv" nebo alt=""
2. Názvy souborů: Přejmenujte před nahráním. nike-air-max-2026-black.webp ne IMG_4382.jpg
3. Formát: WebP pro fotografie (o 30-50% menší než JPEG). SVG pro ikony/logo. Vyhněte se PNG pro fotografie.
4. Lazy loading: Přidejte loading="lazy" pro obrázky pod fold. Nikdy nezapomínejte na lazy-load hlavní obrázek.
5. Rozměry: Vždy uveďte atributy width a height, aby se zabránilo shiftu layoutu (CLS).

Rychlé vítězství: Najděte 10 svých největších obrázků (PageSpeed Insights je označí). Převeďte na WebP a přidejte příslušný alt text. Toto zlepší jak výkon, tak viditelnost v oboru obrázků.

7. Interní Anchor Text

Klikací text ve vašich interních odkazech říká vyhledávačům, o čem je cílová stránka. Většina stránek to plýtvá tím, že používá "klikněte zde" nebo "přečtěte si více".

Pravidla:

• Používejte popisný anchor text, který zahrnuje relevantní klíčová slova
• Střídejte anchor text (nepoužívejte stejný text pro každý odkaz na stránku)
• Odkazujte z vysoce autoritativních stránek na stránky, které chcete hodnotit
• Odkazujte kontextově v obsahu, nejen v navigaci

Dobré vs. špatné:

• Špatné: "Klikněte zde pro náš SEO průvodce"
• Dobré: "Přečtěte si náš kompletní SEO průvodce pro všech 13 kroků"
• Špatné: "Zjistit více"
• Dobré: "Podívejte se, jak strukturovaná data zlepšují míru prokliku"

Rychlé vítězství: Prohledejte svůj web na "klikněte zde" a "přečtěte si více" odkazy. Nahraďte je popisným anchor textem obsahujícím relevantní klíčová slova.

8. Zpracování Zpráv a Článků

Pokud publikujete příspěvky na blogu, zprávy nebo jakýkoli pravidelně aktualizovaný obsah, optimalizované zpracování zpráv odemyká Google News, Google Discover a zvýhodněné zacházení AI crawlers.

Schéma článku (povinné pro funkce zpráv):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Název vašeho článku",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Jméno autora",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Vaše 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žijte NewsArticle vs Article:

• NewsArticle — pro časově citlivý zprávový obsah (události, oznámení)
• Article — pro trvalé blogové příspěvky a průvodce
• BlogPosting — pro názorové příspěvky a osobní blogy

Optimalizace pro Google News a Discover:

• Kvalitní hrdinský obrázek (minimálně 1200px široký, max-image-preview:large meta)
• Datum publikace jasně viditelné na stránce
• Jméno autora s odkazem na autorovu stránku
• Originální zpravodajství nebo unikátní analýza (žádné přepracování)
• robots meta: max-snippet:-1, max-image-preview:large (povolte plné náhledy)

Meta roboty pro obsah zpráv:

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

To říká Googlu, že může použít velké obrázky a plný text v kartách Discover a výsledcích Zpráv.

Proč je to důležité pro vyšší úrovně:

• Blogová strategie: Zpracování článků umožňuje vašemu obsahu vyniknout v Discover (potenciálně tisíce zobrazení na příspěvek)
• Získávání odkazů: Obsah zařazený do zpráv je citován jinými publikacemi, což získává přirozené zpětné odkazy
• AI crawlers: ChatGPT, Perplexity a další AI systémy preferenčně citují zdroje s řádným zpracováním článků a jasným autorským označením
• Monitoring značky: Zmínky o vaší značce ve zprávách (sledované pomocí scannerů jako je LANGR's News Scanner) odhalují příležitosti pro vytváření odkazů a PR

Rychlé vítězství: Přidejte schéma článku ke všem svým blogovým příspěvkům. Zajistěte, aby každý měl viditelné datum, jméno autora a hrdinský obrázek širší než 1200px. Povolení max-image-preview:large v meta robotech.

Kontrolní Seznam pro Audit On-Page SEO

Procházejte to pro každou důležitou stránku:

• [ ] Unikátní title tag, 50-60 znaků, klíčové slovo blízko začátku
• [ ] Unikátní meta popis, 120-155 znaků, zahrnuje CTA
• [ ] Nastavené Open Graph tagy (název, popis, obrázek, URL)
• [ ] Přesně jeden H1 obsahující hlavní klíčové slovo
• [ ] Logická hierarchie nadpisů (H1 → H2 → H3, žádné vynechávání)
• [ ] Přidána a validována strukturovaná data (FAQ, článek, produkt, atd.)
• [ ] Obrázky: WebP formát, popisný alt text, lazy loading pod fold
• [ ] Interní odkazy používají popisný anchor text
• [ ] Schéma článku na veškerém blogovém/zprávovém obsahu s datePublished + autorem
• [ ] Meta robot tag max-image-preview:large na obsahových stránkách

Běžné Chyby v On-Page (Seřazeno podle Dopadu)

1. Duplicitní title tagy — Více stránek soutěžících protik sobě
2. Chybějící meta popisy — Nechat Google hádat (a hádat špatně)
3. Žádná strukturovaná data — Chybějící bohaté výsledky, které vaši konkurenti mají
4. Nadpisy naplněné klíčovými slovy — "SEO Tipy SEO Průvodce SEO Pomoc SEO 2026"
5. Chybějící alt text u obrázků — Neviditelné pro vyhledávání + selhání přístupnosti
6. Žádné zpracování článků u blogových příspěvků — Neviditelné pro News/Discover/AI
7. Obecný anchor text — "Klikněte zde" učí Google nic
8. Stejný OG obrázek všude — Všechny vaše sdílení vypadají identicky

Co Dál?

Krok 3: Obsah a Strategie — Co psát, kdy publikovat a jak vytvořit obsah, který se hodnotí spíše než jen existuje.

---

Tento průvodce je součástí 13tého SEO seriálu LANGR. Proveďte bezplatný audit a zjistěte, jak na tom vaše stránka je ve všech 13 disciplínách.