Technical SEO vs on-page SEO: klíčové rozdíly a praktické kroky

Co je rozdíl: technical SEO vs on-page SEO?

Nejjednodušeji: technical SEO se stará o infrastrukturu a přístupnost stránek pro vyhledávače; on-page SEO pracuje s obsahem a signály přímo na jednotlivé stránce. Obě disciplíny jsou úzce provázané — technical SEO zajišťuje, že stránka může být objevena, crawlována a indexována; on-page SEO určuje, jak relevantní a srozumitelná je obsahová nabídka pro uživatele a pro vyhledávače.

Mechanika: jak každé z nich ovlivňuje crawling, indexaci a ranking

Technical SEO — co přesně řeší

Technical SEO se soustředí na dílčí procesy, které předcházejí tomu, že se obsah vůbec dostane do indexu. Typické oblasti jsou:

• Crawlability: dostupnost URL, interní odkazy, robots headers a status kódy.
• Indexace: canonicalizace, canonical tagy, index/noindex direktivy a XML sitemapy.
• Rendering a JavaScript: jak je obsah vykreslen pro vyhledávače a uživatele (server-side vs client-side).
• Serverová konfigurace: redirecty, Hreflang (když potřebné), HTTPS nastavení, rychlost a dostupnost.
• Core Web Vitals a mobile-first: metriky uživatelské zkušenosti, které ovlivňují viditelnost a hodnocení výsledků.

On-page SEO — co přesně řeší

On-page SEO je práce na obsahu a jeho signálech tak, aby stránka odpovídala záměru vyhledávání. Zahrnuje:

• Optimalizaci title tagů, meta description (pro CTR), structured data pro bohaté výsledky a sémantické nadpisy (H1–Hx).
• Kvalitu obsahu: relevance k search intent, jasná informace pro uživatele a signály jako formátování či interní odkazy.
• On-page linkování: interní anchor texty, kontext a struktura obsahu, které pomáhají vyhledávačům chápat topiku.

Klíčové: technical SEO určuje, zda a jak vyhledávače dostanou stránku do indexu; on-page SEO určuje, zda stránka poté konkuruje v SERP relevantně. Obě oblasti musí být vyřešeny souběžně.

Ověření: konkrétní kroky a nástroje

Kontroly infraštruktury (technical SEO)

Praktické ověření krok za krokem — začněte od zdrojové vrstvy a jděte k vykreslení.

1. Zkontrolujte HTTP status a hlavičky: použijte curl -I https://example.com/stranka — tento příkaz vrátí pouze hlavičky (status, cache-control, content-type).
2. Ověřte robots a X-Robots-Tag: hlavičky a meta tagy mohou blokovat indexaci. curl -I ukáže X-Robots-Tag; meta robots ověříte ve vykresleném HTML.
3. Zkontrolujte rendering: pokud chcete HTML, které server vrací specifickému user-agentu, použijte curl -A "Custom-UA" https://example.com/stranka (bez -I), protože -I vrací jen hlavičky.
4. Ověřte mobilní přístupnost: Google používá mobilní verzi jako primární základ pro crawling a indexaci; od července 2024 Google pro Search standardně používá Googlebot Smartphone. Použijte Chrome DevTools (Device emulation) a kontrolujte, že obsah na mobilu je funkční a dostupný.
5. URL Inspection v Google Search Console: pro stránky, které vlastníte, použijte URL Inspection pro autoritativní stav indexace, zobrazení problémů s crawlingem a informace o posledním fetchi.

Kontroly on-page

Zaměřte se na sémantiku, přehlednost a záměr uživatele.

• Ověřte title a meta description — jsou unikátní, popisné a reflektují search intent.
• Zkontrolujte strukturu H1–H3 a přítomnost logických odstavců, seznamů a tabulek tam, kde očekává informace uživatel.
• Testujte bohaté výsledky pomocí Rich Results Test (nebo Schema Markup Validator) — ověříte, zda structured data odpovídají doporučeným typům.

Běžné chyby a jak je napravit

Níže jsou často vídané problémy, které vznikají při separátním přístupu k technical a on-page SEO.

• Stránky skryté klientským JavaScriptem bez server-side fallbacku — vyhledávač může stránku nestabilně renderovat nebo ji indexovat opožděně.
• Nesprávné canonical tagy způsoby, které ukazují na generické stránky místo na kanonický obsah — vede to k nechtěné konsolidaci indexace.
• Blokované zdroje (CSS/JS) v robots.txt, které ztěžují vykreslení a posouzení stránky vyhledávačem.
• Duplicity obsahu a chybějící interní struktura — dobrý obsah bez interního linkbuilding‑u se obtížně dostává do relevantního kontextu.

Rel atributy: správné použití

Při práci s odkazy používejte přesné atributy. Důležité body:

• Neexistuje rel="dofollow"; běžný odkaz je odkaz bez rel=nofollow/sponsored/ugc.
• Pro placené nebo kompenzované odkazy použijte rel="sponsored"; pro odkazy v uživatelském obsahu použijte rel="ugc"; rel="nofollow" Google vnímá jako hint, nikoli absolutní příkaz.

Pár praktických příkladů syntaxe:

Standardní odkaz: příklad. Pro sponzorovaný odkaz: příklad. Pro odkazy v UGC: příklad.

Google a placené odkazy — krátké upozornění

Pokud téma zahrnuje placené nebo kompenzované odkazy, je důležité dodržet Google zásady proti link spamu: odkazy, jejichž hlavním účelem je manipulovat s výsledky vyhledávání, mohou být považovány za link spam. Google doporučuje používat rel="sponsored" nebo rel="nofollow" pro placené odkazy. Hodnota placené umístění závisí na redakčním kontextu, kvalitě vydavatele, indexovatelnosti a relevanci publika — nikoli pouze na třetích‑stranových metrikách.

Prioritizace: kdy řešit co

Prioritu oprav určete podle dopadu na objevitelnost a relevance:

• Vyřešte blokující technické problémy, které zabraňují indexaci (500/403/robots disallow, noindex tam, kde nechcete).
• Opravte critical Core Web Vitals a mobilní použitelnost — špatná UX může snížit výkon i přes kvalitní obsah.
• Dopilujte on-page signály u klíčových konverzních nebo traffic‑produkujících stránek (title, headings, structured data, odpověď na search intent).

Doporučené nástroje a další čtení

Nástroje, které se hodí při ověřování a opravách: Google Search Console URL Inspection pro vlastní stránky, Rich Results Test a Schema Markup Validator pro structured data, Bing Webmaster Tools Site Explorer pro druhý zdroj signálů, Chrome DevTools pro rendering a sítové problémy a curl pro rychlé hlavičky nebo testování user‑agent chování. Pamatujte, že tradiční cached pages byly z Google Search výsledků odstraněny v první polovině roku 2024 a v SERP jsou běžné AI přehledy (Search Generative Experience), které ovlivňují způsob, jakým uživatelé konzumují výsledky.

Přečtěte si průvodce Technical SEO pro hlouběji praktiky nasazení a kontroly.

FAQ