on-pejdž es-í-óTakéOnpage SEO, On-site SEO, On page optimalizaceZákladní

Definice

On-page SEO je souhrn úprav přímo na vlastní webové stránce, které zlepšují její srozumitelnost pro vyhledávače i pro čtenáře. Patří sem obsah a jeho struktura, nadpisy, title a meta description, adresa stránky, interní prolinkování, obrázky s alternativními texty, strukturovaná data a technická rychlost načtení.

Kategorie: SEOAktualizováno

Než se na to spolehnete: Délky title a meta description jsou orientační, Google je oficiálně neuvádí v znacích a limity se v čase mění. Existence českého článku Wikipedie „Search Engine Optimization“ pod tímto přesným názvem není jistá, případně ji zahoďte.

<h2>Co všechno spadá do on-page SEO</h2><p>On-page SEO pokrývá vše, co lze změnit v kódu a obsahu konkrétní URL. Nejdůležitější vrstvou je samotný text: pokrývá stránka téma, na které chce cílit, odpovídá na dotaz hned v úvodu a používá slovník, jakým se uživatelé ptají? Nad textem stojí struktura, tedy jeden <code>h1</code> s hlavním tématem a logicky vnořené <code>h2</code> a <code>h3</code>.</p><p>Druhou vrstvou jsou signály pro robota: <code>title</code>, <a href="/slovnik/meta-description">meta description</a>, <a href="/slovnik/kanonicka-url">kanonická URL</a>, atributy <code>alt</code> u obrázků, jazykové značky <code>hreflang</code> a strukturovaná data podle slovníku Schema.org. Třetí vrstvou je interní prolinkování, které rozvádí autoritu webu mezi stránky a zároveň říká, které stránky spolu tematicky souvisejí.</p><h2>Čím se liší od off-page a technického SEO</h2><p>Rozdělení je praktické, ne kanonické. Off-page SEO řeší signály zvenčí, hlavně <a href="/slovnik/zpetny-odkaz">zpětné odkazy</a> a zmínky značky, tedy věci mimo vaši kontrolu. Technické SEO se týká celého webu: indexovatelnost, sitemapa, robots.txt, rychlost, HTTPS. On-page SEO stojí uprostřed a je jediná část, kterou lze změnit okamžitě a bez cizí spolupráce. Proto se s ní obvykle začíná.</p><h2>Jak vyhledávač čte stránku</h2><p>Robot stáhne HTML, případně vykreslí JavaScript, a z výsledku vybírá text, nadpisy, odkazy a značky. Pokud se hlavní obsah objeví až po klientském vykreslení a chybí serverová varianta, riskujete opožděnou nebo neúplnou indexaci. Proto se u JavaScriptových frameworků doporučuje <a href="/slovnik/server-side-rendering">server-side rendering</a> nebo statická generace pro stránky, které mají rankovat.</p><p>Titulek ve výsledcích vyhledávání není povinně ten váš. Google si <code>title</code> i popisek běžně přepisuje, pokud usoudí, že lépe odpovídá dotazu. Dobře napsaný title tedy funguje jako silný návrh, nikoli jako záruka.</p><h2>Kde má on-page optimalizace strop</h2><p>Perfektní on-page nezachrání stránku, která nemá důvod existovat. Pokud na dotaz už odpovídá deset lepších zdrojů a vaše stránka nepřidává nic nového, ladění nadpisů výsledek nezmění. Stejně tak nadměrné opakování klíčového slova (keyword stuffing) dnes škodí: hodnotí se pokrytí tématu, nikoli hustota fráze.</p><h3>Prvky s největším dopadem</h3><ul><li>Shoda obsahu se záměrem dotazu (informační, navigační, transakční).</li><li>Title do zhruba 60 znaků s hlavní frází vlevo.</li><li>Jasná hierarchie nadpisů a odpověď v prvním odstavci.</li><li>Popisné interní odkazy místo „klikněte zde“.</li><li>Rychlost a stabilita rozvržení, měřená přes <a href="/slovnik/core-web-vitals">Core Web Vitals</a>.</li></ul><h3>Prvky s malým nebo žádným dopadem</h3><ul><li>Meta keywords: Google je ignoruje dlouhodobě.</li><li>Přesná hustota klíčového slova v procentech.</li><li>Diakritika versus její absence v URL, pokud jsou adresy konzistentní.</li></ul>

Příklady z praxe

  1. Přepis produktové stránky e-shopu

    Kategorie „Běžecké boty“ měla title shodný s názvem e-shopu, jediný nadpis v obrázku a popis převzatý od dodavatele. Po úpravě dostala unikátní title s frází a značkou, textový h1, vlastní úvodní odstavec odpovídající na dotaz a interní odkazy na podkategorie. Duplicitní varianty s parametry filtrů byly sjednoceny kanonickou URL.

    <title>Běžecké boty: dámské i pánské modely | Obchod</title>
    <link rel="canonical" href="https://example.cz/bezecke-boty">
    <h1>Běžecké boty</h1>
    <h2>Jak vybrat podle typu došlapu</h2>
  2. Strukturovaná data u návodu

    Blogový návod měl solidní obsah, ale ve výsledcích vypadal stejně jako konkurence. Doplnění značek Schema.org typu Article s autorem a datem publikace umožnilo vyhledávači obsah lépe zařadit a zobrazit bohatší náhled. Značky se ověřují testerem strukturovaných dat, protože chybný JSON-LD se tiše ignoruje.

    {
      "@context": "https://schema.org",
      "@type": "Article",
      "headline": "Jak vybrat běžecké boty",
      "datePublished": "2024-03-11",
      "author": { "@type": "Person", "name": "Jana Nováková" }
    }

Časté omyly

MýtusKlíčové slovo musí být v textu aspoň v pěti procentech výskytů.
Ve skutečnostiŽádná doporučená hustota klíčových slov neexistuje a opakování fráze nad rámec přirozeného textu vypadá jako spam. Vyhledávače hodnotí, jak dobře stránka pokrývá téma a související pojmy, ne kolikrát se v ní fráze objeví.
MýtusMeta keywords je potřeba vyplnit, jinak se stránka nenajde.
Ve skutečnostiMeta keywords Google jako hodnoticí signál nepoužívá už mnoho let. Vyplnění nic nezkazí, ale ani nepomůže; čas je lépe investovaný do titulku, obsahu a interního prolinkování.
MýtusKdyž napíšu dobrý title, přesně ten se zobrazí ve výsledcích vyhledávání.
Ve skutečnostiVyhledávače titulek i popisek běžně nahrazují textem, který podle nich lépe odpovídá konkrétnímu dotazu, často nadpisem ze stránky. Značka title je silný vstup, nikoli garance výsledné podoby snippetu.

Časté dotazy

Jak dlouho trvá, než se on-page úpravy projeví ve výsledcích?
On-page úpravy se projeví až po opětovném procházení a indexaci stránky, což u malých webů trvá typicky dny až týdny, u velkých a málo navštěvovaných sekcí i déle. Přeindexaci lze urychlit odesláním URL v Search Console a aktualizací sitemapy. Změna pozice ale nepřijde automaticky s reindexací: vyhledávač musí vyhodnotit, zda upravená stránka odpovídá dotazu lépe než konkurence. U konkurenčních frází se dopad měří v měsících a je rozumné neměnit deset věcí naráz, aby šlo poznat, co zabralo.
Kolik znaků má mít title a meta description?
Title se v desktopových výsledcích obvykle vejde do zhruba 580 pixelů, což odpovídá přibližně 55 až 60 znakům; delší titulek se zkrátí, ale zkrácení samo o sobě není penalizace. Meta description bývá zobrazena do zhruba 150 až 160 znaků. Obě hodnoty jsou orientační, protože se počítají v pixelech a závisí na použitých znacích. Hlavní fráze patří co nejvíc doleva a popisek by měl obsahovat důvod ke kliknutí, ne výčet klíčových slov.
Potřebuje každá stránka strukturovaná data?
Strukturovaná data dávají smysl tam, kde existuje odpovídající typ ve slovníku Schema.org a vyhledávač na jeho základě nabízí bohatší zobrazení: produkty s cenou a dostupností, recepty, události, recenze, články, FAQ. U obecné textové stránky bez odpovídajícího typu přínos klesá k nule. Strukturovaná data nejsou přímý hodnoticí faktor, ovlivňují hlavně podobu výsledku a tím míru prokliku. Vždy musí popisovat obsah skutečně viditelný na stránce, jinak jde o porušení pravidel.
Jak řešit on-page SEO u webu vykreslovaného JavaScriptem?
U webů vykreslovaných JavaScriptem je klíčové, aby hlavní obsah, nadpisy, odkazy a značky v hlavičce existovaly už v HTML odpovědi, nebo aby je framework generoval při serverovém vykreslení. Klientské vykreslení Google zvládá, ale s odkladem a s rizikem, že se při chybě skriptu neindexuje nic. Interní odkazy patří do klasických značek a nikoli do obsluhy kliknutí, jinak je robot nenajde. Metadata je vhodné generovat na serveru podle konkrétní routy, ne až v prohlížeči.

Zdroje

  1. Search Essentials(otevře se v novém okně)Google, 2024
  2. Schema.org(otevře se v novém okně)Schema.org Community Group
  3. The title element(otevře se v novém okně)WHATWG
  4. HTML: HyperText Markup Language(otevře se v novém okně)MDN Web Docs
  5. Search engine optimization(otevře se v novém okně)Wikipedia

Související pojmy

Potřebujete to vyřešit v praxi?

Poradíme, jak na to ve vašem projektu

Vysvětlit pojem je jedna věc, navrhnout kolem něj funkční řešení druhá. Ozvěte se a probereme, co dává smysl u vás.