Technologie

HowTo schema: popis postupu s kroky a médii

Lucie Čermáková 0

HowTo schema: popis postupu s kroky a médii

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í UI) tak dokážou z vašeho návodu vyextrahovat přesné kroky, odhadovanou dobu trvání, potřebné nástroje a média. V kontextu AIO/AEO (Answer/AI Engine Optimization) je HowTo klíčem k tomu, aby se váš návod stal „strojem vykonatelným“: čitelný, rozčleněný do kroků, s multimédii a atributy pro přesné porozumění.

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í/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 nemáte kroky, ale máte množství 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: ISO 8601 formát trvání (např. PT10M, PT1H30M)
  • supply: seznam HowToSupply (spotřební materiál)
  • tool: seznam HowToTool (nástroje, které se nevyčerpávají)
  • step: seznam kroků HowToStep nebo sekcí HowToSection obsahujících další kroky
  • image, video: média (silně doporučeno pro výsledky s rozšířeným zobrazením)
  • estimatedCost: MonetaryAmount s 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 mít:

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

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

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

  • Pro každý klíčový krok přidejte image s url, width, height a caption.
  • Video jako VideoObject s thumbnailUrl, uploadDate, contentUrl nebo embedUrl.
  • Dbejte na přístupnost: alt texty v HTML a srozumitelné 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 reálného multimediálního návodu s odhadem nákladů a časem:

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

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

Propojení HTML obsahu a JSON-LD

Obsah v článku musí odpovídat datů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 url u kroků. Zabráníte 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í), HowToTip zas tipy a triky. Asistenti je mohou číst nahlas nebo zobrazit v UI jako zvýrazněné boxy.

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

  • Optimalizujte obrázky (WebP/AVIF), velikosti width/height v JSON-LD musí odpovídat skutečnosti.
  • Videa používejte s náhledy (thumbnailUrl) a dostupnými titulky pro přístupnost.
  • Dostupnost: kontrastní popisy, alternativní texty, jasná pojmenování 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 fyzicky chybí.
  • Po nasazení sledujte logy a Search Console – případné varování k HowTo opravte.

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

  • CTR a viditelnost: v reporte vyhledávání sledujte strukturované výsledky HowTo.
  • Zapojení uživatelů: čas na stránce, scrollmapy kolem kroků a videí.
  • Asistenční kanály: doporučení a zobrazení v AI náhledech a odpovědích.

Časté chyby a jak se jim vyhnout

  1. Neexistence reálného obsahu: JSON-LD nesmí popisovat kroky, které v HTML nejsou.
  2. Chybné časy: používejte ISO 8601 formáty; vyhněte se „~15 min“.
  3. Nevhodná média: rozbitá URL, chybějící thumbnailUrl u videí.
  4. Záměna typů: postup vaření patří do Recipe, nikoliv do HowTo.
  5. Duplicitní kroky: opakující se name nebo nejednoznačné url kotvy.

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

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

Implementační checklist

  • Obsah článku má jasný název, úvod a přehled kroků.
  • Každý krok má name, stručný text a podle možností image nebo video.
  • V JSON-LD jsou totalTime, tool, supply, estimatedCost (je-li to relevantní).
  • Kroky mají url vedoucí na kotvy v HTML.
  • Validace bez chyb; náhledy v nástrojích jsou v pořádku.

Shrnutí

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

Lucie Čermáková

Website:

Related Story