RDFa

Dalším možným způsobem jak označit obsah pro stroje nebo vyhledávače je použít formát RDFa (RDF in Attributes). Ten rozšiřuje samotné RDF (Resource Description Framework).

RDFa lze vložit do XHTML (pomocí XML namespace) nebo HTML5. V obou případech RDFa se vkládají atributy objektu do tagů. RDFa pracuje se slovníky, které dávájí označeným datům význam. Webmasteři však nejsou závislí na již definovaných slovnících a mohou si svůj slovník v případě potřeby vytvořit sami.

Atributy objektu definuje specifikace. Patří mezi ně tyto:

  • about a src – zdroj informací
  • rel a rev – popisuje vztah a opačný vztah s odkazovaným zdrojem
  • href a resource – další zdroj informací
  • property – popisuje data elementu
  • content – strojově čitelný obsah
  • datatype – datový typ obsahu, který se specifikuje
  • typeof – popisuje typ obsahu

Přiklad

Pro označení strojově čitelného nadpisu stránky lze použít atribut property:

<div>
  <h2 property="http://purl.org/dc/terms/title">Nadpis stránky</h2>
  <h3>Podnadpis</h3>
  ...
</div>

V předchozí ukázce jsem použil zápis slovníku přímo do atributu. Je však možné definovat slovník pro celý kus kódu pomocí atributu vocab. Zde například pro celý HTML kód:

<html vocab="http://purl.org/dc/terms/">
<head>
  ...
</head>
<body>
  <h2 property="title">Nadpis stránky</h2>
  <h3>Podnadpis</h3>
  ...

Podpora

Z vyhledávačů podporuje RDFa Google a Bing. Český Seznam tento formát zatím nepodporuje.

Pokud používáte redakční systém WordPress, existuje několik pluginů podporující RDFa.

Dále existuje online RDFa editor RDFaCE založený na populárním editoru TinyMCE.

Další informace o RDFa si můžete přečíst na oficiální specifikaci.

Mgr. Tomáš Matonoha

Zabývám se vývojem webových stránek s redakčním systémem WordPress. Programuji také webové stránky a eshopy na míru pomocí PHP a frameworku Nette. Zajímá mě responzivní design a moderní webové technologie: HTML5, CSS3, LESS, PHP, MySQL, jQuery a Twitter Bootstrap.

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Můžete používat následující HTML značky a atributy: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>