On-page SEO: co dělat na každé stránce

Co je on-page SEO

On-page SEO jsou všechny úpravy, které děláte přímo na stránce – od titulku a nadpisů, přes meta popis a URL, až po interní odkazy a kvalitu obsahu. Cílem je, aby stránka byla srozumitelná pro uživatele a snadno čitelná pro vyhledávače.

S rychlostí a Core Web Vitals to úzce souvisí. Pokud tohle potřebujete doladit, podívejte se na článek Jak číst výsledky PageSpeed Insights.

Titulek (title tag)

Title tag je HTML element, který definuje název stránky a zobrazuje se v title baru prohlížeče, v náhledu na kartě, a především jako klikací nadpis ve výsledcích vyhledávání (SERP). Je to první věc, kterou uživatel uvidí, a má zásadní vliv na to, jestli na výsledek klikne.

Z hlediska SEO je to jeden z nejdůležitějších prvků – pomáhá vyhledávačům pochopit obsah stránky a zároveň motivuje uživatele k návštěvě. Každá podstránka by měla mít vlastní, unikátní a srozumitelný titulek.

Doporučená délka: 50–60 znaků – delší titulky mohou být oříznuty v náhledu Google.
Klíčová slova na začátek: Čím blíže začátku je hlavní téma, tím lépe (pro SEO i uživatele).
Značka na konec: Pokud má stránka silný brand, přidejte ho za svislítko (|).
Relevance: Titulek by měl přesně odpovídat obsahu stránky – žádné clickbaitové triky.
Jedinečnost: Každá stránka má jiný title – nepoužívat stejný pro více podstránek.
Bez přehnaného opakování: Nepoužívejte stejná slova vícekrát (keyword stuffing).

Ukázka správně napsaného titulku:

<title>On-page SEO: checklist pro každý web | Podhaiský Digital</title>

Další příklady:

<title>[Služba/Produkt] pro [cílovou skupinu] | [Název značky]</title>

<title>Jak na [téma / problém] – praktický návod | [Název značky]</title>

<title>[Hlavní klíčové slovo] – vše, co potřebujete vědět | [Název značky]</title>

<title>Profesionální [služba] v [lokalita] | [Název značky]</title>

<title>Top [produkt/služba] za férovou cenu | [Název značky]</title>

Špatné příklady (čeho se vyvarovat):

<title>Úvodní stránka</title>

<title>Vítejte na našem webu</title>

<title>SEO, web, stránky, audit, online, marketing, tvorba, SEO služby, audit webu</title>

<title>Domů | MojeFirma | MojeFirma.cz | Tvorba webů | SEO | Marketing</title>

<title>Tvorba webových stránek Tvorba webových stránek Tvorba webových stránek</title>

Validace titulku

Titulek (title tag):

Meta popis (meta description):

Náhled Google výsledku:

Ukázka titulku se zobrazí zde...

webovky-levne.cz/vase-stranka

Ukázka meta popisu se zobrazí zde...

Nadpisy (H1–H6)

Struktura nadpisů pomáhá pochopit hierarchii obsahu. Platí jednoduché pravidlo: 1× H1 na stránku, pod ním logicky navazující H2, H3 atd. Správně strukturované nadpisy zlepšují čitelnost pro uživatele a zároveň umožňují vyhledávačům lépe pochopit kontext.

H1 – hlavní téma stránky (nemusí být stejné jako title tag).
H2 – jednotlivé sekce (např. kapitoly článku).
H3 – podsekce v rámci H2, např. odstavce nebo podtémata.
H4–H6 – jen výjimečně, pokud struktura vyžaduje další úroveň.
Nadpisy mají být popisné, konkrétní a informativní – ne „Úvod“, „Text“, „Obsah“.

Ideálně by měl nadpis odpovědět na otázku: "Co mi tato část stránky řekne?"

Správná struktura nadpisů:

<h1>On-page SEO: co dělat na každé stránce</h1>

<h2>Přírodní krémy na suchou pleť: Recenze a porovnání</h2>

<h3>Nejčastější chyby při péči o suchou pleť</h3>

<h3>Jak vybrat pleťovou kosmetiku</h3>

<h2>Kurzy angličtiny pro dospělé – online i prezenčně</h2>

<h3>Proč se učit jazyk s rodilým mluvčím</h3>

Tipy pro správné použití nadpisů:

Nadpisy nevynechávejte – nemějte např. H1 a pak rovnou H3.
Nepoužívejte nadpisy jen kvůli většímu písmu – místo toho použijte CSS třídy.
Na stránce má být jen jeden H1. Pro více hlavních částí použijte H2.
Každý H2 by měl ideálně mít alespoň jeden odstavec nebo H3, není-li výjimečně prázdný (např. s dynamickým obsahem).

Špatné příklady:

<h1>Úvod</h1>

<h3>Popis</h3>

<h2>Závěr</h2>

V tomto příkladu chybí logická struktura a nadpisy nic neříkají o obsahu.

Doporučení: Před publikací stránky zkontrolujte strukturu nadpisů pomocí rozšíření jako je Web Developer Toolbar, nebo si ji zobrazte v náhledu DOM v DevTools.

Pro testování přístupnosti a SEO můžete použít:

Meta popis (description)

Meta description je krátký úryvek, který (většinou) Google zobrazuje pod titulkem ve výsledcích vyhledávání. Nemá přímý vliv na pozici stránky, ale má zásadní vliv na míru prokliku (CTR). Jinými slovy: pomáhá lidem rozhodnout se, jestli kliknou právě na vás.

Google někdy použije vámi napsaný popis z <meta name="description">, jindy si úryvek vygeneruje sám z obsahu stránky, pokud uzná, že je relevantnější pro dotaz. Ale když je popis napsaný dobře, má větší šanci, že ho Google zobrazí.

Dobrý meta popis je jako zadní stránka knihy Neprozradí celý děj, ale musí přesvědčit, že stojí za to ji otevřít.

Doporučená délka: cca 140–160 znaků – víc se na mobil ani desktop obvykle nevejde.
Každá stránka by měla mít svůj vlastní popis – ideálně ručně napsaný, ne generický.
Řekněte, co tam člověk najde, jakou to má hodnotu a co má udělat dál.
Nepište to jako větu „o nás“. Pište to jako nabídku uživateli, který hledá řešení.

URL a slug

Krátké, srozumitelné, bez diakritiky, slova oddělená pomlčkami.
Obsahuje hlavní téma: /stavba-pergoly-na-klic.
Neměnit často; při změně použít 301 přesměrování.

Interní odkazy

Interní odkazy propojují jednotlivé stránky na vašem webu. Pomáhají vyhledávačům pochopit strukturu webu, přenášejí autoritu (tzv. link equity) a zároveň pomáhají uživateli najít související obsah.

Odkazujte kontextově – ideálně ze souvisejícího textu, kde to dává smysl. Nepište jen „více zde“, ale použijte popisný anchor text, který říká, kam se návštěvník dostane.

Anchor text má být konkrétní – „návod na PageSpeed Insights“ je lepší než „zde“.
Propojujte příbuzné články nebo služby, ideálně obousměrně (např. článek → služba i služba → článek).
Na interní odkazy nedávejte nofollow – chcete, aby se prohledávaly a přenášely hodnotu.

Příklad dobrého odkazu

<p>Chcete zrychlit web? Přečtěte si <a href="/blog-pagespeed" class="text-link">návod na PageSpeed Insights</a>.</p>

Špatný příklad

<p>Chcete zrychlit web? <a href="/blog-pagespeed">Klikněte zde</a>.</p>

Když návštěvník (nebo robot) čte „klikněte zde“, neví, kam se dostane. Google anchor text vyhodnocuje, takže popisný text pomáhá i SEO.

Tip: Pokud píšete blog, vždy na konci článku nabídněte čtenáři související obsah nebo službu. Pomáhá to nejen s proklikem, ale i s udržením návštěvníka na webu.

Obsah stránky

Kvalitní obsah by měl být dobře čitelný nejen pro běžného návštěvníka, ale i pro asistivní technologie – jako jsou čtečky obrazovky nebo alternativní vstupy. To znamená používat sémantické HTML, popisné texty a prvky usnadňující orientaci a porozumění.

Sémantika: Používejte prvky jako <main>, <section>, <article>, <nav> – ne jen <div> a <span>. Pomáhá to čtečkám správně pochopit strukturu stránky.
Popisné odkazy a tlačítka: Místo „klikněte zde“ použijte text, který vystihuje cíl odkazu. U ikonických tlačítek přidejte aria-label (např. aria-label="Zavřít menu").
Alternativní texty: Každý obrázek musí mít smysluplný alt popis. Pokud je obrázek čistě dekorativní, nastavte alt="".
Čitelnost: Používejte kontrastní barvy, čitelný font, dostatečnou velikost písma a dobře definovanou hierarchii nadpisů (H1–H6).
Jazyk stránky: Nezapomeňte na atribut lang="cs" v HTML – důležitý pro správnou výslovnost u screen readerů.
Formuláře: Každý input musí mít <label> nebo aria-label. Vyplnitelná pole bez popisu jsou pro uživatele s postižením nepoužitelná.

Cílem není „splnit pravidla“, ale zpřístupnit informace co nejvíce lidem – včetně těch, kteří stránku ovládají jinak než my.

Strukturovaná data

Strukturovaná data pomáhají vyhledávačům lépe porozumět obsahu stránky. Neovlivňují přímo pozici ve výsledcích, ale umožňují zobrazit rozšířené výsledky (rich results) – např. hvězdičky, cena, datum, autor, hodnocení, otázky a odpovědi atd.

Pro různé typy stránek existují různé typy strukturovaných dat. Nejčastěji se používají:

Article – u článků a blogových příspěvků
Product – u e-shopů (cena, sklad, hodnocení…)
FAQPage – pro často kladené otázky
BreadcrumbList – pro navigaci (drobečková navigace)
LocalBusiness – u firemních webů (adresa, otevírací doba…)
Event, JobPosting, Service a další podle typu obsahu

Strukturovaná data se vkládají do stránky pomocí JSON-LD skriptu. Pro články může vypadat takto:

<script type="application/ld+json">

{

  "@context": "https://schema.org",

  "@type": "Article",

  "headline": "On-page SEO: co dělat na každé stránce",

  "author": { "@type": "Person", "name": "Podhaiský Digital" },

  "datePublished": "2025-08-19",

  "dateModified": "2025-08-19",

  "inLanguage": "cs"

}

</script>

Tip: Použijte nástroj Google Rich Results Test k ověření, jestli je kód správně a stránka má nárok na rozšířené výsledky.

On-page SEO – rychlý checklist

Prvek	Co zkontrolovat	Doporučení
Title	Jedinečný, obsahuje téma	50–60 znaků, značka na konec
H1	1× na stránce, odpovídá tématu	Nemusí kopírovat title
Description	Motivuje ke kliknutí	140–160 znaků, benefit + CTA
URL	Krátké, bez diakritiky	slug s hlavním tématem
Nadpisy	Logická hierarchie H2/H3	Informativní a srozumitelné
Interní odkazy	Popisný anchor, kontext	Propojit příbuzné stránky
Obrázky	ALT, rozměry, lazy	WebP/AVIF, `width/height`
Strukturovaná data	Article, BreadcrumbList	Validace v Rich Results Test
Canonical	Bez duplicit a konfliktů	Odkazuje na preferovanou URL
Open Graph	og:title, og:desc, og:image	Správný náhled pro sdílení