HowTo strukturovaná data: Jak zobrazit kroky návodu přímo ve vyhledávání

Klient provozující DIY blog o renovaci nábytku měl skvělé návody. Fotky, detailní popisy, tisíce slov obsahu. Ve výsledcích Google ale vypadal jako všichni ostatní — prostý modrý odkaz se dvěma řádky textu.

Před rokem 2023 po implementaci HowTo strukturovaných dat na 50 nejnavštěvovanějších návodů se stalo něco zajímavého. Google začal zobrazovat rozbalitelné kroky přímo ve výsledcích vyhledávání. Uživatel viděl první tři kroky návodu ještě předtím, než kliknul na web.

Důležitá aktualizace (2026): V září 2023 Google kompletně ukončil zobrazování HowTo rozšířených výsledků — nejprve na mobilu v srpnu, poté na desktopu v září. HowTo strukturovaná data již nezobrazují rozbalitelné kroky ve výsledcích vyhledávání. Přesto mají stále hodnotu pro sémantické pochopení obsahu vyhledávači a AI systémy.

Za roky v SEO jsem viděla spoustu trendů přijít a odejít. HowTo strukturovaná data byla jedním z nich — rozšířené výsledky již nefungují, ale schema markup stále pomáhá vyhledávačům lépe pochopit strukturu návodu.

Co jsou HowTo strukturovaná data a jak vypadají

HowTo strukturovaná data jsou typ strukturovaných dat (schema markup), který říká Google: „Tohle je návod s konkrétními kroky." Před ukončením v září 2023 umožňovala zobrazení kroků přímo ve výsledcích vyhledávání jako rozbalitelný seznam. Dnes slouží především pro sémantickou strukturu obsahu.

Dříve místo tohoto:

Jak renovovat starý nábytek | DIYblog.cz
www.diyblog.cz/renovace-nabytku
Kompletní návod na renovaci starého nábytku krok za krokem...

Google zobrazoval toto (do září 2023):

Jak renovovat starý nábytek | DIYblog.cz
www.diyblog.cz/renovace-nabytku
Čas: 3 hodiny · Náklady: 500-1500 Kč
▼ Krok 1: Očistěte povrch
▼ Krok 2: Obruste starou barvu
▼ Krok 3: Naneste základní nátěr

Uživatel mohl jednotlivé kroky rozbalit a vidět detaily — včetně obrázků — přímo ve výsledcích vyhledávání. Od září 2023 se tyto rozšířené výsledky již nezobrazují.

Formát rozšířených výsledků (rich results) — historický přehled

Poznámka: Následující sekce popisuje, jak HowTo rozšířené výsledky fungovaly do září 2023, kdy byly Google ukončeny.

Na mobilu se HowTo rozšířené výsledky zobrazovaly jako vertikální karusel s jednotlivými kroky. Uživatel mohl swipovat mezi kroky a vidět obrázky. Bylo to vizuálně atraktivní a zabíralo významnou část obrazovky.

Na desktopu bylo zobrazení kompaktnější — rozbalovací seznam pod výsledkem vyhledávání.

Kdo může HowTo stále použít

I přes ukončení rozšířených výsledků jsou HowTo strukturovaná data stále vhodná pro sémantickou strukturu obsahu:

• DIY blogy — návody na renovace, kutilství, domácí projekty
• Recepty — i když Recipe strukturovaná data jsou obvykle lepší volba (Recipe rozšířené výsledky stále fungují)
• Technické návody — instalace software, konfigurace zařízení
• Vzdělávací obsah — tutoriály, kurzy krok za krokem
• Servisní weby — jak něco opravit, vyměnit, nastavit

Nejsou vhodná pro:

• Produktové stránky (použijte Product strukturovaná data)
• Informační články bez konkrétních kroků
• Obsah, kde kroky nejsou sekvenční

Omezení a pravidla Google

Google měl přísná pravidla pro HowTo strukturovaná data (stále platná pro správnou implementaci):

1. Obsah musí být skutečný návod — ne reklamní text maskovaný jako návod
2. Kroky musí být viditelné — nesmí být skryté za paywall nebo registraci
3. Každý krok musí mít smysl samostatně — ne „Krok 1: Přečtěte si více"
4. Nesmíte je zneužívat — například pro seznamy produktů

Aktuální stav (2026): V srpnu 2023 Google nejprve omezil HowTo rozšířené výsledky na mobilu, v září 2023 je kompletně ukončil i na desktopu (zdroj: Google Search Central Blog). Důvodem bylo zjednodušení výsledků vyhledávání. Současně omezil i FAQ rozšířené výsledky pouze na autoritativní vládní a zdravotnické weby.

Struktura HowTo strukturovaných dat

Strukturovaná data (schema markup) pro HowTo mají několik klíčových komponent. Pojďme si je projít.

Základní elementy (name, step)

Minimum, které potřebujete:

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Jak renovovat starý nábytek",
  "step": [
    {
      "@type": "HowToStep",
      "text": "Očistěte povrch nábytku od prachu a nečistot."
    },
    {
      "@type": "HowToStep",
      "text": "Obruste starou barvu brusným papírem."
    }
  ]
}

Toto je naprosté minimum. Google to přečte pro sémantické pochopení, ale od září 2023 již nezobrazuje rozšířené úryvky (rich snippets) pro HowTo.

HowToStep vs HowToSection

Pokud máte komplexní návod s logickými sekcemi, použijte HowToSection:

{
  "@type": "HowTo",
  "name": "Jak renovovat starý nábytek",
  "step": [
    {
      "@type": "HowToSection",
      "name": "Příprava",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "name": "Očištění",
          "text": "Očistěte povrch nábytku od prachu."
        },
        {
          "@type": "HowToStep",
          "name": "Broušení",
          "text": "Obruste starou barvu."
        }
      ]
    },
    {
      "@type": "HowToSection",
      "name": "Natírání",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "name": "Základní nátěr",
          "text": "Naneste základní nátěr."
        }
      ]
    }
  ]
}

Sekce pomáhají Google pochopit strukturu složitějších návodů. Pro jednoduché návody (5-10 kroků) je ale lepší použít jen HowToStep bez sekcí.

Obrázky u jednotlivých kroků

Obrázky jsou to, co HowTo strukturovaná data odlišuje od ostatních. Každý krok může mít vlastní obrázek:

{
  "@type": "HowToStep",
  "name": "Obruste starou barvu",
  "text": "Použijte brusný papír zrnitosti 120 a obruste celý povrch.",
  "image": {
    "@type": "ImageObject",
    "url": "https://example.com/images/brouseni.jpg",
    "width": "800",
    "height": "600"
  }
}

Pro optimalizaci obrázků v HowTo schema:

• Minimální rozměr: 1200 x 900 pixelů (Google doporučuje)
• Formát: WebP nebo JPEG
• Poměr stran: 4
  nebo 16
• Obrázek musí přímo souviset s krokem

Video integrace

Máte video návod? Můžete ho propojit s HowTo schema:

{
  "@type": "HowTo",
  "name": "Jak renovovat starý nábytek",
  "video": {
    "@type": "VideoObject",
    "name": "Video návod: Renovace nábytku",
    "description": "Kompletní video návod krok za krokem.",
    "thumbnailUrl": "https://example.com/thumbnail.jpg",
    "uploadDate": "2026-01-08",
    "duration": "PT15M30S",
    "contentUrl": "https://example.com/video.mp4"
  }
}

Video se dříve mohlo zobrazit jako náhledový obrázek u rozšířených výsledků (do září 2023). Kombinace textu, obrázků a videa stále vytváří nejsilnější sémantický signál pro vyhledávače a AI systémy.

Supply a Tool (materiál a nástroje)

Pokud návod vyžaduje specifické nástroje nebo materiály, definujte je:

{
  "@type": "HowTo",
  "name": "Jak renovovat starý nábytek",
  "tool": [
    {
      "@type": "HowToTool",
      "name": "Brusný papír (zrnitost 120)"
    },
    {
      "@type": "HowToTool",
      "name": "Štětec"
    }
  ],
  "supply": [
    {
      "@type": "HowToSupply",
      "name": "Základní nátěr (0,5 l)"
    },
    {
      "@type": "HowToSupply",
      "name": "Krycí barva (1 l)"
    }
  ]
}

Tool = nástroje (co potřebujete, ale nespotřebujete) Supply = materiál (co spotřebujete)

estimatedCost a totalTime

Dva atributy, které uživatelé milují:

{
  "@type": "HowTo",
  "name": "Jak renovovat starý nábytek",
  "totalTime": "PT3H",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "CZK",
    "value": "500-1500"
  }
}

totalTime používá ISO 8601 formát:

• PT30M = 30 minut
• PT2H = 2 hodiny
• PT1H30M = 1 hodina 30 minut
• P2D = 2 dny

estimatedCost může být rozsah nebo konkrétní hodnota. Před ukončením rozšířených výsledků Google tyto údaje zobrazoval přímo ve vyhledávání.

JSON-LD implementace

Teď to celé spojíme dohromady. Ukážu vám dvě verze — jednoduchou a komplexní.

Jednoduchý příklad (bez sekcí)

Pro návod s 5-7 kroky:

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Jak vyměnit baterii v mobilu",
  "description": "Jednoduchý návod na výměnu baterie v mobilním telefonu.",
  "totalTime": "PT30M",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "CZK",
    "value": "300-800"
  },
  "tool": [
    {"@type": "HowToTool", "name": "Plastová páčka"},
    {"@type": "HowToTool", "name": "Malý šroubovák"}
  ],
  "supply": [
    {"@type": "HowToSupply", "name": "Nová baterie"}
  ],
  "step": [
    {
      "@type": "HowToStep",
      "name": "Vypněte telefon",
      "text": "Před jakoukoliv manipulací telefon kompletně vypněte.",
      "image": "https://example.com/step1.jpg"
    },
    {
      "@type": "HowToStep",
      "name": "Odstraňte zadní kryt",
      "text": "Pomocí plastové páčky opatrně odstraňte zadní kryt.",
      "image": "https://example.com/step2.jpg"
    },
    {
      "@type": "HowToStep",
      "name": "Odpojte starou baterii",
      "text": "Odpojte konektor baterie a vyjměte starou baterii.",
      "image": "https://example.com/step3.jpg"
    },
    {
      "@type": "HowToStep",
      "name": "Vložte novou baterii",
      "text": "Vložte novou baterii a připojte konektor.",
      "image": "https://example.com/step4.jpg"
    },
    {
      "@type": "HowToStep",
      "name": "Vraťte kryt a zapněte",
      "text": "Nasaďte zadní kryt a zapněte telefon.",
      "image": "https://example.com/step5.jpg"
    }
  ]
}

Komplexní příklad (s sekcemi, obrázky)

Pro rozsáhlý návod:

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Jak kompletně renovovat starý nábytek",
  "description": "Profesionální návod na renovaci starého nábytku včetně broušení, tmelení a lakování.",
  "image": {
    "@type": "ImageObject",
    "url": "https://example.com/renovace-hero.jpg",
    "width": "1200",
    "height": "900"
  },
  "totalTime": "P1D",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "CZK",
    "value": "1500-3000"
  },
  "tool": [
    {"@type": "HowToTool", "name": "Vibrační bruska"},
    {"@type": "HowToTool", "name": "Brusný papír (80, 120, 240)"},
    {"@type": "HowToTool", "name": "Štětce různých velikostí"},
    {"@type": "HowToTool", "name": "Ochranné rukavice"},
    {"@type": "HowToTool", "name": "Respirátor"}
  ],
  "supply": [
    {"@type": "HowToSupply", "name": "Dřevěný tmel (200g)"},
    {"@type": "HowToSupply", "name": "Základní nátěr (0,75 l)"},
    {"@type": "HowToSupply", "name": "Vrchní lak (1 l)"},
    {"@type": "HowToSupply", "name": "Čisticí hadřík"}
  ],
  "step": [
    {
      "@type": "HowToSection",
      "name": "Příprava povrchu",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "name": "Demontáž",
          "text": "Odstraňte všechny úchytky, zásuvky a kovové části. Označte si, kam co patří.",
          "image": "https://example.com/demontaz.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Hrubé broušení",
          "text": "Použijte brusný papír zrnitosti 80 a odstraňte starou barvu nebo lak.",
          "image": "https://example.com/hrube-brouseni.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Tmelení",
          "text": "Vyplňte všechny praskliny a díry dřevěným tmelem. Nechte zaschnout 2 hodiny.",
          "image": "https://example.com/tmeleni.jpg"
        }
      ]
    },
    {
      "@type": "HowToSection",
      "name": "Finální úprava",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "name": "Jemné broušení",
          "text": "Po zaschnutí tmelu přebruste papírem 120, pak 240 pro hladký povrch.",
          "image": "https://example.com/jemne-brouseni.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Základní nátěr",
          "text": "Naneste tenkou vrstvu základního nátěru. Nechte schnout podle pokynů výrobce.",
          "image": "https://example.com/zaklad.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Vrchní lak",
          "text": "Naneste 2-3 vrstvy vrchního laku s mezibroušením papírem 240.",
          "image": "https://example.com/lak.jpg"
        }
      ]
    }
  ]
}

Kombinace s Article strukturovanými daty

Na blogu je běžné kombinovat HowTo s Article:

{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Article",
      "headline": "Jak renovovat starý nábytek - kompletní návod",
      "author": {
        "@type": "Person",
        "name": "Jan Novák"
      },
      "datePublished": "2026-01-08",
      "image": "https://example.com/hero.jpg"
    },
    {
      "@type": "HowTo",
      "name": "Jak renovovat starý nábytek",
      "step": [...]
    }
  ]
}

Použití @graph umožňuje mít více objektů strukturovaných dat v jednom bloku JSON-LD.

Implementace pro CMS

WordPress — pluginy a řešení

Rank Math a Yoast SEO Premium mají podporu HowTo strukturovaných dat přímo v editoru:

1. Vytvořte nový příspěvek
2. Přidejte blok „How To" (Gutenberg)
3. Vyplňte kroky, čas, náklady
4. Plugin automaticky vygeneruje JSON-LD

Schema Pro nabízí pokročilejší možnosti:

• Vlastní pole pro supply a tool
• Podmíněné zobrazení podle kategorie
• Hromadná implementace na existující obsah

Pro vlastní šablony použijte Advanced Custom Fields + vlastní JSON-LD generátor v šabloně.

Vlastní implementace

Pokud máte vlastní CMS nebo statický web:

1. Vytvořte si strukturu dat v databázi (kroky, obrázky, časy)
2. Napište funkci, která generuje JSON-LD z těchto dat
3. Vložte výstup do <head> nebo před </body>

Příklad v PHP:

function generate_howto_schema($post_id) {
    $steps = get_post_meta($post_id, 'howto_steps', true);
    $schema = [
        '@context' => 'https://schema.org',
        '@type' => 'HowTo',
        'name' => get_the_title($post_id),
        'step' => []
    ];

    foreach ($steps as $step) {
        $schema['step'][] = [
            '@type' => 'HowToStep',
            'name' => $step['title'],
            'text' => $step['description'],
            'image' => $step['image_url']
        ];
    }

    return json_encode($schema, JSON_UNESCAPED_UNICODE);
}

GTM metoda

Nemáte přístup ke kódu? Použijte Google Tag Manager:

1. Vytvořte nový tag typu Custom HTML
2. Vložte kompletní <script type="application/ld+json"> blok
3. Nastavte trigger na konkrétní URL (např. /navod-renovace/)
4. Publikujte

Výhoda: Můžete strukturovaná data přidat i bez vývojáře. Nevýhoda: Musíte každý návod konfigurovat ručně.

Více o implementaci strukturovaných dat najdete v článku o implementaci strukturovaných dat (schema markup).

Osvědčené postupy

Optimální počet kroků

Z mé zkušenosti fungují nejlépe návody s 5-12 kroky. Méně než 5 kroků působí příliš jednoduše (proč by to někdo hledal?). Více než 15 kroků je pro uživatele nepřehledné.

Pokud máte více kroků:

• Rozdělte do sekcí (HowToSection)
• Zvažte rozdělení na více článků
• Spojte podobné kroky do jednoho

Obrázky — velikost a formát

Pro HowTo strukturovaná data doporučuji:

• Rozměr: minimálně 1200 x 900 px
• Formát: WebP s JPEG fallbackem
• Velikost souboru: do 200 KB na obrázek
• Pojmenování: deskriptivní (krok-1-brouseni.webp)

Každý obrázek by měl zobrazovat přesně to, co krok popisuje. Žádné stock fotky nebo obecné ilustrace.

Časové údaje — jak je počítat

Buďte realističní. Pokud napíšete „totalTime: PT15M" pro kompletní renovaci nábytku, ztratíte důvěryhodnost.

Zahrňte:

• Aktivní práci
• Čekací doby (schnutí, chlazení)
• Přípravu materiálu

Pokud se časy výrazně liší podle zkušeností, použijte rozsah v popisu: „30 minut až 2 hodiny podle zkušeností."

Co NEZAHRNOVAT do HowTo

HowTo strukturovaná data nejsou vhodná pro:

• Seznamy tipů („10 způsobů, jak ušetřit") — to není návod
• Srovnávací články — nejsou sekvenční
• Produktové stránky — použijte Product strukturovaná data
• Články typu „Co je..." — to jsou definice, ne návody
• Recepty — použijte specializované Recipe strukturovaná data

Pokud obsah neodpovídá „Krok 1 → Krok 2 → Krok 3 → Hotovo", není to HowTo.

Testování a validace

Test rozšířených výsledků (Rich Results Test)

Důležité (2026): Google od října 2023 odstranil podporu HowTo z Rich Results Test a Search Console. Test již HowTo strukturovaná data nevaliduje ani nezobrazuje náhledy.

Pro validaci syntaxe JSON-LD můžete stále použít:

1. Schema.org Validator — ověření struktury
2. JSON-LD Playground — testování syntaxe
3. Google Structured Data Testing Tool (archivovaný, ale stále funkční)

Search Console — HowTo report (ukončen)

Stav v roce 2026: Google odstranil HowTo report ze Search Console 30 dnů po ukončení rozšířených výsledků (říjen 2023). HowTo data již nejsou v Search Console sledována.

Alternativně můžete:

• Používat Schema.org Validator pro kontrolu správnosti
• Monitorovat jiné strukturované typy (Article, Product, Recipe), které stále fungují

Proč stále implementovat HowTo schema

I bez rozšířených výsledků má HowTo schema markup hodnotu:

• Sémantické pochopení — pomáhá AI a vyhledávačům pochopit strukturu návodu
• Budoucí kompatibilita — jiné vyhledávače (Bing, DuckDuckGo) mohou HowTo stále podporovat
• AI asistenti — strukturovaná data pomáhají AI generovat odpovědi z vašeho obsahu
• Příprava na změny — Google může v budoucnu podporu obnovit

Implementace na 50 návodů (historický příklad z roku 2022)

Klient: Blog o renovaci a kutilství, 200+ článků, 150 000 návštěv měsíčně.

Výchozí stav:

• Žádná strukturovaná data kromě základních Article strukturovaných dat
• Návody měly dobré pozice (průměr 4,2), ale nízké CTR (2,8 %)
• Konkurence začala zobrazovat HowTo rozšířené výsledky

Postup:

1. Audit obsahu — identifikovala jsem 50 návodů vhodných pro HowTo (jasné kroky, obrázky)
2. Příprava obrázků — všechny obrázky převedeny na WebP, min. 1200 px
3. JSON-LD generátor — vytvořila jsem WordPress funkci pro automatické generování
4. Validace — každý návod otestován v Rich Results Test
5. Monitoring — sledování v Search Console

Čas implementace: 3 týdny (jeden člověk, částečný úvazek)

Výsledky (platné do září 2023)

Po 8 týdnech od implementace:

Zajímavé zjištění: Ne všechny stránky získaly rozšířené výsledky. Google zobrazil HowTo u 35 z 50 stránek. Ty bez rozšířených výsledků měly obvykle méně než 5 kroků nebo nižší celkovou autoritu.

Poznámka (2026): Tyto výsledky CTR byly dosaženy díky rozšířeným výsledkům, které Google v září 2023 ukončil. Stránky s HowTo schema dnes nevykazují podobné zvýšení CTR.

Potřebujete pomoct se strukturovanými daty?

Pomáhám firmám získat bohatší výsledky ve vyhledávání. I když HowTo rozšířené výsledky již nefungují, existují další typy strukturovaných dat (Product, Recipe, Article, FAQ pro autoritativní weby), které stále přinášejí výsledky.

Domluvte si konzultaci

Související články

• Strukturovaná data (schema markup): 5 typů pro vyšší CTR — komplexní průvodce
• Co jsou strukturovaná data (schema markup) — základní definice
• Rozšířené úryvky (rich snippets): Jak získat hvězdičky — rozšířené výsledky
• Optimalizace obrázků pro SEO — správná příprava obrázků

Často kladené otázky

Zobrazuje se HowTo schema stále ve výsledcích Google?

Ne. Google kompletně ukončil zobrazování HowTo rozšířených výsledků v září 2023 — nejprve na mobilu (srpen 2023), poté na desktopu (září 2023). Důvodem bylo zjednodušení výsledků vyhledávání. Schema markup můžete stále implementovat pro sémantické pochopení obsahu, ale rozšířené výsledky se nezobrazí.

Má smysl HowTo schema ještě implementovat?

Částečně ano. I když Google nezobrazuje rozšířené výsledky, HowTo schema má stále hodnotu: 1) Jiné vyhledávače (Bing) mohou HowTo podporovat. 2) AI asistenti využívají strukturovaná data pro generování odpovědí. 3) Pomáhá vyhledávačům pochopit strukturu návodu. 4) Google může v budoucnu podporu obnovit. Pro nové weby však doporučuji prioritizovat strukturovaná data, která stále fungují (Product, Recipe, Article).

Mohu kombinovat HowTo a FAQ strukturovaná data na jedné stránce?

Ano, technicky je to možné pomocí @graph v JSON-LD. Nicméně FAQ rozšířené výsledky jsou od srpna 2023 omezeny pouze na autoritativní vládní a zdravotnické weby. Pro běžné weby tedy ani HowTo ani FAQ rozšířené výsledky nezobrazí. Kombinace má smysl pouze pro sémantickou strukturu a AI systémy.

Jaké alternativy k HowTo schema doporučujete pro rok 2026?

Pro zvýšení CTR ve výsledcích vyhledávání se zaměřte na: 1) Recipe schema — pro recepty stále funguje s rozšířenými výsledky. 2) Product schema — pro e-commerce s cenami a hodnocením. 3) Article schema — pro blogy a zpravodajství. 4) Video schema — pro video obsah s náhledy. 5) LocalBusiness schema — pro lokální firmy. Tyto typy strukturovaných dat Google aktivně podporuje a zobrazuje rozšířené výsledky.