Technické SEO: Základ, bez kterého vás Google ignoruje

Co je technické SEO a proč ho řešit

Technické SEO zahrnuje vše, co se děje "pod kapotou" vašeho webu. Není to o klíčových slovech nebo obsahu. Je to o tom, jak snadno Google dokáže váš web procházet, pochopit a zobrazit uživatelům.

Představte si to takto: obsah je motor vašeho auta. Technické SEO je podvozek, brzdy a převodovka. Bez nich se nikam nedostanete, i když máte sebelepší motor. Google penalizuje weby s technickými problémy — ne přímo, ale tím, že upřednostňuje ty, které jsou technicky bezchybné.

Core Web Vitals: Tři metriky, které rozhodují

Od roku 2021 Google měří uživatelský zážitek pomocí Core Web Vitals. Jsou to tři konkrétní metriky, které přímo ovlivňují ranking. Pokud je nesplňujete, ztrácíte pozice.

LCP — Largest Contentful Paint

Měří, jak rychle se zobrazí největší viditelný element stránky (hero obrázek, hlavní nadpis, video). Cíl: do 2,5 sekundy. Vše nad 4 sekundy je špatné.

Jak LCP zlepšit:

Optimalizované obrázky: WebP formát, správné rozměry, lazy loading pro obrázky pod ohybem.
Rychlý server: TTFB (Time to First Byte) pod 200ms. CDN pro statické soubory.
Preload kritických zdrojů: Fonty, hero obrázek, CSS — vše, co ovlivňuje first paint.
Minimalizace render-blocking JS: Async a defer atributy, code splitting, tree shaking.

INP — Interaction to Next Paint

Nahradil FID v roce 2024. Měří odezvu stránky na interakci uživatele — klik, tap, stisk klávesy. Cíl: do 200 milisekund. Vše nad 500ms je špatné.

Typické problémy: těžký JavaScript, synchronní operace na hlavním vlákně, neoptimalizované event handlery. Řešení: debouncing, virtualizace dlouhých seznamů, web workers pro náročné výpočty.

CLS — Cumulative Layout Shift

Měří vizuální stabilitu stránky. Když se vám při čtení článku "skočí" obsah, protože se načetla reklama nebo obrázek — to je layout shift. Cíl: CLS pod 0,1.

Jak CLS eliminovat:

Vždy nastavte rozměry: Každý obrázek a video musí mít definovaný width a height (nebo aspect-ratio).
Font display swap: Zamezte neviditelnému textu při načítání fontů. Použijte font-display: swap.
Rezervujte místo pro dynamický obsah: Reklamy, embedy, lazy-loaded prvky — vše musí mít předem definovaný prostor.

HTTPS: Bezpečnost jako ranking faktor

HTTPS je od roku 2014 potvrzený ranking signál. V roce 2026 je to absolutní minimum. Prohlížeče označují HTTP stránky jako "nezabezpečené". Uživatelé jim nedůvěřují. Google je penalizuje.

Checklist pro HTTPS:

Platný SSL certifikát:Let's Encrypt je zdarma a stačí pro většinu webů.
301 redirect z HTTP: Veškerý HTTP traffic musí být přesměrován na HTTPS.
Mixed content: Žádné HTTP zdroje (obrázky, skripty) na HTTPS stránce.
HSTS header: Řekněte prohlížeči, aby vždy používal HTTPS.

Mobile-First Indexing: Google vidí mobilní verzi

Google používá mobilní verzi vašeho webu jako primární zdroj pro indexaci. Ne desktopovou. Pokud mobilní verze má méně obsahu, horší strukturu nebo chybí na ní elementy — trpí celý web v rankingu.

Co musí mobilní verze splňovat:

Stejný obsah jako desktop: Žádné skrývání textu, sekcí nebo odkazů na mobilu.
Čitelný text bez zoomu: Minimální velikost fontu 16px pro body text.
Tap targets: Tlačítka a odkazy minimálně 48x48px s dostatečným rozestupem.
Viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1"> je povinný.

Správná struktura URL

URL je první věc, kterou Google při crawlování vidí. Čistá, srozumitelná URL pomáhá s indexací i s rankingem. A hlavně — pomáhá uživatelům pochopit, kam klikají.

Principy správné URL struktury:

Krátké a popisné: /sluzby/webdesign je lepší než /s/cat-12/page?id=456
Pomlčky místo podtržítek: Google doporučuje pomlčky jako oddělovač slov.
Malá písmena: URL jsou case-sensitive. /Sluzby a /sluzby jsou dvě různé stránky.
Bez speciálních znaků: Žádná diakritika, mezery nebo speciální znaky v URL.
Logická hierarchie: URL by měla odrážet strukturu webu: /blog/technicke-seo je jasné.

Heading struktura: H1–H6 mají pravidla

Nadpisy nejsou jen vizuální element. Jsou to sémantické signály pro Google. Říkají mu, o čem stránka je, co je hlavní téma a jak je obsah strukturovaný.

Jeden H1 na stránku: Hlavní téma. Obsahuje primární klíčové slovo. Ne dva, ne tři — jeden.
H2 pro hlavní sekce: Podtémata. Každý H2 rozvíjí aspekt H1. Obsahuje sekundární klíčová slova.
H3–H6 pro podsekce: Další úrovně detail. Dodržujte hierarchii — nikdy nepřeskakujte z H2 na H4.
Nepoužívejte nadpisy pro styling: Pokud potřebujete větší text, použijte CSS, ne H tag.

Optimalizace obrázků pro SEO

Obrázky tvoří často 50–80 % velikosti stránky. Neoptimalizované obrázky zabíjejí rychlost, a tím i ranking. Každý obrázek na webu musí být optimalizovaný.

Moderní formáty: WebP nebo AVIF místo JPEG/PNG. Úspora 25–50 % při stejné kvalitě.
Správné rozměry: Neservírujte 4000px obrázek do 400px kontejneru. Srcset pro responzivní velikosti.
Popisné alt texty: Alt text popisuje obsah obrázku pro screen readery i Google. Zahrňte klíčové slovo přirozeně.
Lazy loading:Obrázky pod ohybem načítejte až když je uživatel potřebuje. Nativní loading="lazy".
Komprese: Každý obrázek komprimujte. Nástroje: Squoosh, Sharp, ImageOptim.

Přesměrování a stavové kódy

Špatně nastavená přesměrování jsou jedním z nejčastějších technických problémů. Způsobují ztrátu link juice, zpomalují crawlování a matou uživatele.

301 = permanentní přesměrování: Stránka se trvale přesunula. Přenáší ~90 % link equity.
302 = dočasné přesměrování: Používejte jen pro skutečně dočasné situace. Nepřenáší link equity.
Řetězce přesměrování: A → B → C → D? Každý skok zvyšuje latenci. Maximálně 1 přesměrování.
404 vs 410: 404 = stránka nenalezena (možná se vrátí). 410 = trvale odstraněna (Google ji odebere z indexu rychleji).
Custom 404 stránka: Nabídněte uživateli alternativy — vyhledávání, populární stránky, navigaci zpět.

JavaScript a SEO: Komplikovaný vztah

Google umí renderovat JavaScript, ale ne perfektně a ne okamžitě. JS rendering je nákladný — Google musí stránku crawlovat, pak renderovat a pak znovu analyzovat. To stojí crawl budget a čas.

Nejlepší přístupy pro JS-heavy weby:

Server-Side Rendering (SSR): Stránka se renderuje na serveru. Google dostane hotový HTML. Next.js, Nuxt.js, Remix.
Static Site Generation (SSG): Stránky se vygenerují při buildu. Nejrychlejší možná varianta pro statický obsah.
Hybrid rendering: SSR pro důležité stránky, CSR pro interaktivní části. Moderní frameworky to umožňují ze boxu.
Dynamic rendering: Speciální verze pro boty. Poslední možnost — Google to toleruje, ale nedoporučuje.

Mezinárodní SEO: hreflang a vícejazyčnost

Pokud váš web cílí na více jazyků nebo zemí, potřebujete hreflang tagy. Říkají Googlu, která verze stránky je pro kterou zemi a jazyk.

Bez hreflang tagů Google neví, že vaše české a slovenské stránky jsou varianty stejného obsahu. Může je považovat za duplicity a penalizovat obě.

Správný formát: <link rel="alternate" hreflang="cs" href="https://example.cz/sluzby">.
Reciproční odkazy: Každá jazyková verze musí odkazovat na všechny ostatní — včetně sebe.
x-default: Výchozí verze pro uživatele, jejichž jazyk nemáte.

Audit technického SEO: Checklist

Pravidelný audit je klíčový. Tady je kompletní checklist pro technické SEO audit:

Crawlabilita: Je web přístupný pro Googlebot? Robots.txt OK? Sitemap odeslaná?
Indexace: Jsou klíčové stránky v indexu? Existují nežádoucí stránky v indexu?
Rychlost: Core Web Vitals v zeleném? PageSpeed Insights score nad 90?
Mobilní optimalizace: Mobile-Friendly test od Googlu prošel?
HTTPS: Funguje? Žádný mixed content? HSTS aktivní?
Kanonické tagy: Každá stránka má kanonický tag? Ukazuje na správnou URL?
Heading struktura: Jeden H1? Logická hierarchie H2–H6?
Strukturovaná data: Schema.org markup bez chyb? Testováno přes Rich Results Test?
Přesměrování: Žádné řetězce? Žádné smyčky? 301 místo 302 pro trvalé přesuny?
Broken links: Žádné interní 404? Žádné broken external links?

Nástroje pro technické SEO

Bez správných nástrojů je technické SEO střelbou naslepo. Tady je seznam nástrojů, které používáme a doporučujeme:

Google Search Console: Bezplatné. Základní diagnostika indexace, pokrytí, výkonu a Core Web Vitals.
PageSpeed Insights: Měření rychlosti a Core Web Vitals pro konkrétní URL.
Screaming Frog: Crawler pro audit webu. Najde broken links, duplicity, chybějící alt texty, přesměrování.
Ahrefs / Semrush: Komplexní SEO platformy. Analýza zpětných odkazů, klíčových slov, konkurence.
Chrome DevTools: Lighthouse audit, síťová analýza, performance profiling. Zdarma v prohlížeči.

Závěr: Technické SEO je investice, ne náklad

Technické SEO není sexy. Není to kreativní práce, která by se dala ukázat na Instagramu. Ale je to základ, bez kterého všechno ostatní padá. Nejlepší obsah na světě vám nepomůže, pokud ho Google nemůže přečíst.

Investujte do technického SEO na začátku. Proveďte audit. Opravte kritické chyby. Nastavte monitoring. A pak se soustřeďte na obsah a link building — s jistotou, že máte pevné základy.

Firmy, které technické SEO ignorují, platí daň v podobě ztracených pozic, ztracených zákazníků a ztracených peněz. Firmy, které ho řeší, mají neviditelnou konkurenční výhodu, kterou je těžké zkopírovat.