HowTo schema: popis postupu krok za krokem s médii

LLM a generativní AI
Dalimil
HowTo schema: Popis postupu s krokmi a médiami

HowTo schema: proč je důležité pro moderní SEO a AIO/AEO

HowTo je typ strukturovaných dat ze standardu Schema.org, který popisuje postupy krok za krokem. Vyhledávače a asistenční systémy (ChatGPT, hlasoví asistenti, multimodální uživatelská rozhraní) tak dokážou z vašeho návodu získat přesné kroky, dobu trvání, potřebné nástroje a média. V kontextu AIO/AEO (optimalizace pro odpovědi a AI vyhledávače) je HowTo klíčem k tomu, aby se váš návod stal „strojově proveditelným“: čitelným, rozděleným na kroky, doplněným multimédii a atributy pro přesné pochopení.

Kdy použít HowTo a kdy raději Recipe nebo FAQ

  • HowTo: univerzální postupy (např. „Jak nastavit 2FA v CMS“, „Jak vyměnit baterii v notebooku“).
  • Recipe: vaření a jídla s ingrediencemi a nutričními údaji.
  • FAQPage: otázky a odpovědi bez jasné posloupnosti kroků.

Pokud máte kroky, odhad času, nástroje a spotřební materiál, použijte HowTo. Pokud kroky nemáte, ale máte mnoho otázek, použijte FAQPage.

Základní struktura HowTo: entity a vazby

  • @type: HowTo
  • name, description: název a stručné shrnutí postupu
  • totalTime, prepTime, performTime: doby trvání ve formátu ISO 8601 (např. PT10M, PT1H30M)
  • supply: seznam HowToSupply (spotřební materiál)
  • tool: seznam HowToTool (nástroje, které se nespotřebují)
  • step: seznam kroků HowToStep nebo sekcí HowToSection obsahujících další kroky
  • image, video: média (důrazně doporučená pro rozšířené výsledky vyhledávání)
  • estimatedCost: MonetaryAmount s položkami currency a value

Kroky: HowToStep vs. HowToSection

Krátké návody používají přímo HowToStep. Delší postupy seskupte do HowToSection (např. „Příprava“, „Instalace“, „Testování“). Každý krok může obsahovat:

  • name a text
  • image nebo video (např. ukázku úkonu)
  • url (odkaz na podnadpis/kotvu v HTML)
  • HowToDirection (pokyny) a HowToTip (tipy, bezpečnostní upozornění)

Média v HowTo: obrázky, video a alternativní popisy

Média zvyšují srozumitelnost a míru prokliku (CTR) ve výsledcích vyhledávání (SERP). Doporučení:

  • Ke každému důležitému kroku přidejte image s položkami url, width, height, caption.
  • Video použijte jako VideoObject s položkami thumbnailUrl, uploadDate, contentUrl nebo embedUrl.
  • Dbejte na přístupnost: texty alt v HTML a srozumitelné popisky caption v JSON-LD.

Minimální příklad JSON-LD pro HowTo

Vložte do stránky do hlavičky nebo za obsah:

Rozšířený příklad s kroky, sekcemi a médii

Příklad skutečného multimediálního návodu s odhadem nákladů a dobou trvání:

Požadavky, doporučení a „must-have“ pole

  • Povinné: @type=HowTo, name, step (alespoň jeden krok), smysluplný description.
  • Důrazně doporučené: image/video, totalTime, tool, supply, estimatedCost, odkazy url na kroky.
  • Formát času: ISO 8601 (PT + minuty/hodiny), např. PT45M, PT1H.

Propojení obsahu HTML a JSON-LD

Obsah článku musí odpovídat údajům v JSON-LD. Názvy kroků a sekcí použijte také jako podnadpisy s kotvami (např. id="qr") a promítněte je do položky url u jednotlivých kroků. Předejdete tak nesouladu, který by mohl snížit důvěru vyhledávačů.

HowToDirection a HowToTip: zvyšují použitelnost

HowToDirection vyjadřuje pokyny (např. bezpečnostní upozornění), zatímco HowToTip přináší tipy a triky. Asistenti je mohou předčítat nebo zobrazovat v uživatelském rozhraní jako zvýrazněné rámečky.

Média a výkon: technické zásady

  • Optimalizujte obrázky (WebP/AVIF); hodnoty width/height v JSON-LD musí odpovídat skutečnosti.
  • U videí používejte náhledy thumbnailUrl a pro přístupnost zajistěte dostupné titulky.
  • Přístupnost: kontrastní popisy, alternativní texty, jasné názvy kroků.

Validace a testování

  • Ověřte syntaktickou správnost JSON-LD a viditelnost klíčových polí.
  • Zkontrolujte, zda se v náhledech nezobrazují kroky, které v článku fakticky chybí.
  • Po nasazení sledujte protokoly a Search Console – případná upozornění týkající se HowTo opravte.

Měření přínosu v SEO a AIO/AEO

  • CTR a viditelnost: v přehledech vyhledávání sledujte strukturované výsledky HowTo.
  • Zapojení uživatelů: dobu strávenou na stránce a scroll mapy v okolí kroků a videí.
  • Asistenční kanály: doporučení a zobrazení v náhledech a odpovědích AI.

Časté chyby a jak se jim vyhnout

  1. Chybějící skutečný obsah: JSON-LD nesmí popisovat kroky, které v HTML nejsou.
  2. Nesprávné časy: používejte formáty ISO 8601; vyhněte se zápisu „~15 min“.
  3. Neplatná média: nefunkční URL, chybějící thumbnailUrl u videí.
  4. Záměna typů: postup přípravy jídla patří do Recipe, nikoli do HowTo.
  5. Duplicitní kroky: opakující se hodnoty name nebo nejednoznačné kotvy url.

Pokročilé techniky: lokalizace, verzování a modularita

  • Lokalizace: udržujte jazykové verze se stejnou strukturou kroků; měňte pouze texty a média.
  • Verzování: při změnách pracovních postupů aktualizujte také JSON-LD (data, snímky obrazovky).
  • Modularita: dlouhé návody rozdělte do HowToSection, aby byly srozumitelné i pro asistenta.

Kontrolní seznam implementace

  • Článek má jasný název, úvod a přehled kroků.
  • Každý krok má name, stručný text a pokud možno image nebo video.
  • V JSON-LD jsou uvedeny položky totalTime, tool, supply, estimatedCost (pokud to dává smysl).
  • Kroky mají url odkazující na kotvy v HTML.
  • Validace proběhla bez chyb; náhledy v nástrojích vypadají správně.

Shrnutí

HowTo schema mění váš návod na strojově čitelný obsah s potenciálem zobrazovat se v rozšířených výsledcích vyhledávání a v odpovědích AI. Klíčem je konzistentní struktura kroků, kvalitní média, správně uvedené doby trvání a propojení se skutečným obsahem HTML. Pokud budete dodržovat výše uvedená doporučení, získáte větší důvěru vyhledávačů, lepší uživatelskou zkušenost a vyšší šanci, že váš návod bude „první na řadě“, když se uživatel zeptá asistenta, jak něco udělat.