Mikroformáty a RDFa jsou metody pro přidávání strukturovaných dat přímo do HTML kódu webových stránek, které pomáhají vyhledávačům lépe porozumět obsahu stránky. Jsou to alternativy k JSON-LD, který je dnes doporučovaný formát, ale stále se používají zejména pro starší weby nebo v případech, kdy je potřeba přímo v HTML označit jednotlivé části obsahu.
Mikroformáty
Mikroformáty jsou lehké a snadno implementovatelné značky, které přidávají strukturu do HTML obsahu pomocí atributů tříd (class). Jsou určeny pro označování běžných typů informací, jako jsou kontaktní údaje, události, recenze nebo geografické informace. Mikroformáty vkládají data přímo do HTML kódu, což znamená, že jsou viditelná jak pro vyhledávače, tak pro prohlížeče.
Příklad mikroformátů pro kontaktní informace
Například kontaktní údaje firmy by v mikroformátech mohly vypadat takto:
<div class="h-card">
<span class="p-name">Jana Nováková</span>
<span class="p-org">Firma s.r.o.</span>
<a class="u-url" href="https://firma.cz">Web firmy</a>
<span class="p-tel">+420 123 456 789</span>
<span class="p-adr">
<span class="p-street-address">Ulice 123</span>,
<span class="p-locality">Město</span>
</span>
</div>
V tomto příkladu atributy tříd h-card, p-name, p-org a další říkají vyhledávačům, jaký typ informací jednotlivé části obsahují.
RDFa (Resource Description Framework in Attributes)
RDFa je rozšíření HTML, které umožňuje vkládat metadata přímo do HTML kódu pomocí atributů jako typeof, property, resource. RDFa nabízí více flexibility než mikroformáty a umožňuje vytvářet složitější struktury, protože je původně součástí standardu W3C pro sémantický web.
RDFa podporuje různé typy dat a umožňuje označit komplexnější vztahy mezi prvky na stránce, například kdo je autor článku, co napsal, kde byl článek publikován atd.
Příklad RDFa pro produkt
Příklad RDFa zápisu pro strukturovaná data produktu:
<div typeof="schema:Product">
<span property="schema:name">Bezdrátová sluchátka</span>
<img property="schema:image" src="https://example.com/sluchatka.jpg" alt="Bezdrátová sluchátka">
<span property="schema:description">Vysoce kvalitní bezdrátová sluchátka s dlouhou výdrží baterie.</span>
<div typeof="schema:Offer">
<link property="schema:url" href="https://example.com/sluchatka">
Cena: <span property="schema:priceCurrency" content="CZK">Kč</span>
<span property="schema:price">1999</span>
</div>
</div>
V tomto příkladu atribut typeof="schema:Product" označuje, že se jedná o produkt, a atributy property specifikují konkrétní informace, jako je název, cena a měna.
Výhody a nevýhody mikroformátů a RDFa
| Metoda | Výhody | Nevýhody |
|---|---|---|
| Mikroformáty | Jednoduché na implementaci, vhodné pro základní typy dat. | Omezené možnosti pro složitější strukturovaná data, méně flexibilní než RDFa nebo JSON-LD. |
| RDFa | Vysoká flexibilita, podpora složitějších datových struktur. | Kód může být složitější a méně přehledný, v moderních projektech se často dává přednost JSON-LD. |
Závěr
Mikroformáty a RDFa mají své místo hlavně v historických nebo specifických projektech, ale JSON-LD je dnes z hlediska SEO a přehlednosti považován za výhodnější a je také doporučován vyhledávači, zejména Googlem.
