SEO pro vývojáře: renderování, stavové kódy, tagy, výkon a AI roboti

Rychlý kvíz

Hodí se vám SEO a jak začít?

Otázka 1 z 425%

Hledají lidé na Googlu to, co prodáváte?

Ano, myslím siNe, je to nové nebo velmi úzkéNevím

SEO pro vývojáře je ta část optimalizace pro vyhledávače, která žije v kódu: šablony, směrování, renderování, hlavičky a výkon. Marketéři vybírají klíčová slova a píšou obsah, ale jeden špatný stavový kód, trasa dostupná jen na klientovi nebo zapomenutý noindex mohou tuto práci vymazat jediným nasazením. Google sám ve svých základech SEO pro JavaScript popisuje tři fáze (procházení, renderování, indexace) a každá má chyby, které mohou opravit jen vývojáři. Tento průvodce je probírá v pořadí, v jakém se rozbíjejí.

Za jakou část SEO nese odpovědnost vývojář?

Jak mají být stránky renderovány pro vyhledávače?

Googlebot spouští JavaScript, ale v druhém kroku, který se může opozdit, a sám Google píše, že „renderování na serveru nebo pre-rendering je pořád skvělý nápad“, protože je rychlejší pro uživatele i roboty a protože ne všechny boty spouštějí JavaScript. Ten poslední bod má dnes větší váhu než dřív: ve své analýze z prosince 2024 Vzestup AI crawlerů zjistil Vercel, že „žádný z hlavních AI crawlerů v současnosti nevykresluje JavaScript“, a jmenoval mimo jiné GPTBot, OAI-SearchBot, ChatGPT-User, ClaudeBot a PerplexityBot. Výjimkou je Gemini, který využívá infrastrukturu Googlu.

Bez ohledu na framework platí dvě pravidla. Odkazy musejí být prvky <a> s atributem href: Google uvádí, že odkazy umí objevit jen v této podobě, takže tlačítka s obslužnými funkcemi kliknutí a trasy založené na fragmentech jsou slepé uličky. A každá trasa potřebuje vlastní URL bez znaku #, které vrací obsah přímo. Naše průvodce SEO pro JavaScript, SEO pro jednostránkové aplikace a SEO pro Next.js jdou do detailů pro jednotlivé frameworky.

Které stavové kódy HTTP jsou pro SEO důležité?

Stavové kódy jsou pro roboty pokyny. Dokumentace Googlu ke stavovým kódům HTTP a síťovým chybám popisuje, jak se zachází s jednotlivými skupinami:

• 200: stránka je způsobilá k indexaci. Pokud obsah vypadá jako chyba nebo prázdná stránka, Search Console nahlásí měkkou 404.
• 301 a 308: trvalá přesměrování, která Google bere jako silný signál, že cíl má být zpracován. Používejte je pro přesunutý obsah a změny domén.
• 302 a 307: dočasná přesměrování, slabý signál. Nepoužívejte je pro trvalé přesuny.
• 404 a 410: stránka neexistuje. Google URL postupně přestane používat. Vracejte skutečné 404, ne 200 s textem „nenalezeno“.
• 429 a 5xx: roboti Googlu zpomalí procházení a URL, které trvale vracejí chyby serveru, se nakonec z indexu vyřadí.

Zkontrolujte, co váš server skutečně posílá, pomocí kontroly HTTP hlaviček, a řetězce přesměrování držte na jednom kroku. Náš článek o přesměrováních pro SEO popisuje vzorce migrace.

Které tagy musí být v hlavičce HTML?

Každá indexovatelná stránka potřebuje jedinečný title a popis, samoodkazující canonical a na vícejazyčných webech anotace hreflang. Držte je v odpovědi serveru:

<title>Běžecké boty pro ploché nohy | Příklad</title>
<meta name="description" content="Testované výběry, velikosti a ceny.">
<link rel="canonical" href="https://example.com/running-shoes-flat-feet">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/chaussures-pieds-plats">
<meta name="robots" content="index, follow">

Tag kanonický odkaz (canonical) musí ukazovat na URL, které chcete mít v pořadí, s přesným protokolem, hostitelem a konvencí koncového lomítka, kterou váš web používá.

Jak se mají stavět URL a interní odkazy?

Vyhledávače indexují URL, takže schéma URL je rozhodnutí pro SEO. Používejte malá písmena, čitelné cesty oddělené pomlčkami, zvolte jednu konvenci koncového lomítka a druhou přesměrujte, a držte jednu URL pro každý kus obsahu. Filtry, řazení a sledovací parametry množí URL bez přidání obsahu: nastavte jejich canonical na čistou verzi a neodkazujte na kombinace parametrů, které nechcete procházet.

Interní odkazy nesou objevování i důležitost. Navigaci, drobečkovou navigaci a bloky souvisejícího obsahu renderujte na serveru, stránkované seznamy opatřete prostými odkazy na každou stránku a nepoužívejte nekonečné rolování bez stránkovaných URL za ním. Produkt nebo článek, ke kterému se dostanete jen přes vyhledávání na webu nebo JavaScriptový filtr, je pro robota osiřelá stránka.

Jak do toho zapadají robots.txt a sitemapy?

robots.txt řídí procházení, ne indexaci: zablokovaná URL se může ve výsledcích objevit, pokud na ni odkazují jiné stránky. Chcete-li stránku z indexu vyřadit, nechte ji projít a vraťte noindex. XML sitemapu generujte z tras nebo databáze, uvádějte jen kanonické URL se stavem 200 a lastmod měňte jen tehdy, když se obsah skutečně změní. Pravidla testujte kontrolou robots.txt před každým vydáním a nikdy na produkci nenasazujte testovací robots.txt s „Disallow: /“.

Jak výkon ovlivňuje pořadí?

Google používá Core Web Vitals jako součást signálů zkušenosti se stránkou. Podle web.dev je stránka dobrá, když splní tyto prahy na 75. percentilu skutečných načtení stránek, na mobilu i na počítači:

INP nahradil First Input Delay jako stabilní Core Web Vital v roce 2024. K posouzení použijte data z terénu (Search Console, Chrome UX Report) a laboratorní nástroje k ladění. Náš slovníkový záznam o Core Web Vitals uvádí nástroje.

Jak přidat strukturovaná data?

Použijte JSON-LD ve značce script, renderovanou na serveru, která popisuje to, co je na stránce vidět:

<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "Article",
 "headline": "Běžecké boty pro ploché nohy",
 "datePublished": "2026-10-01",
 "author": {"@type": "Person", "name": "Jane Doe"}}
</script>

Generujte ho ze stejných dat jako stránku, aby se nikdy nerozešla, ověřujte ho v CI a nevkládejte ho přes správce značek. Generátor schématu dá výchozí šablonu pro běžné typy.

Jak udělat web čitelný pro AI asistenty?

Viditelnost v AI začíná přístupem. Rozhodněte, které AI uživatelské agenty povolíte (GPTBot, OAI-SearchBot, ClaudeBot, PerplexityBot a další), a napište výslovná pravidla do robots.txt; náš průvodce robots.txt pro AI crawlery vysvětluje rozdíl mezi trénovacími a vyhledávacími boty. Pak zajistěte, aby text, ceny, parametry a FAQ byly v počátečním HTML, používejte sémantické nadpisy a tabulky místo obrázků textu a držte stránky dost lehké, aby se rychle načetly. Soubor llms.txt může shrnout klíčové stránky pro AI nástroje, ale žádný velký asistent zatím nepotvrdil, že se jím řídí, takže ho berte jako volitelný.

Sorank je náš produkt: software pro SEO a GEO v režimu autopilot. Vývojáři se s ním nejčastěji setkají přes integrace: publikuje články na WordPress, Shopify, Webflow nebo Wix, nebo na vlastní řešení přes webhook, jak je popsáno na stránce instalace. Jeho SEO chat odpovídá na otázky o vašem webu v konverzaci a Sledování zmínek v AI každý měsíc kontroluje, zda ChatGPT, Claude a Gemini citují vaši značku.

Stručně: posílejte ze serveru kompletní HTML, poctivé stavové kódy a správné tagy v hlavičce, a výkon pak měřte na skutečných uživatelích. To slouží Googlebotu i AI robotům, kteří nespouštějí JavaScript. Pro naplnění dobře postaveného webu obsahem, který se umisťuje, viz tarify Sorank, od $49 měsíčně s 3denní bezplatnou zkušební dobou.