Mikroformáty

V předchozím příspěvku jsem zmínil formáty pro sémantické označení obsahu. Pomocí mikroformátů lze označit obsah webových stránek a umožnit tak strojům číst jeho význam.

Označení mikroformáty zahrnuje celou řadu formátů. Jsou to např.

  • hAtom
  • hCalendar – akce
  • hCard – kontaktní informace
  • hNews – zpravodajství
  • hProduct – produkty
  • hResume – životopisy
  • hReview – hodnoceni
  • hTrademark – ochranné známky
  • rel-nofollow – zabránění sledování odkazu vyhledávači
  • XFN – zápis vztahů mezi lidmi

Příklad

Pro označení adresy lze využít mikroformát hCard. Jako příklad uvádím kousek HTML kódu. Neoznačený kód by vypadal takto:

<a href="http://www.matonoha.cz/">Tomáš Matonoha</a>
<div>
 Dlouhá 36<br />
 Krnov<br />
 18400<br />
 Česká republika
</div>
123456789

Označení kódu pomocí mikroformátu hCard je následující:

<div class="vcard">
 <a class="url fn" href="http://www.matonoha.cz/">Tomáš Matonoha</a>
 <div class="adr">
  <span class="street-address">Dlouhá 36</span><br />
  <span class="locality">Krnov</span><br />
  <span class="postal-code">18400</span><br />
  <span class="country-name">Česká republika</span>
 </div>
 <div class="tel">123456789</div>
</div>

Podpora vyhledávačů

Český vyhledávač Seznam podporuje pouze mikroformát geo. Tento mikroformát slouží pro označení zeměpisné polohy. Pro použití tohoto formátu je nutné jen správně označit souřadnice v HTML:

<cokoliv class="geo">
  <cokoliv class="latitude">37.408183</cokoliv>,
  <cokoliv class="longitude">-122.13855</cokoliv>
</cokoliv>

Více o označení na stránkách nápovědy Seznamu.

Google podporuje tyto mikroformáty: hReview, hCard, hCalendar, XFN a hRecipe. Více o použití mikroformátů ve vyhledávači Google lze najít v nápovědě.

Podpora prohlížečů

Prohlížeč Chrome, Safari a Internet Explorer vyžadují doplňky pro podporu mikroformátů. Firefox od verze 3 podporuje parsování mikroformátů, ale pro jejich uživatelské zobrazení je nutný doplněk (např. Operator).

Použití

Mikroformáty existují na webu již několik let. Používají je velké weby jako Google Maps, Gravatar, LinkedIn, Yahoo, Amazon, Basecamp a další.

Na svých webových stránkách můžete označovat obsah pomocí mikroformátů jednoduše. V redakčních systémech je ale jejich použití díky vizuálnímu editoru omezený. Lze však využít pluginy pro rozšíření redakčních systémů o podporu mikroformátů. Pro rozšířený redakční systém WordPress lze vyhledat tyto pluginy.

Zdroje

Více informací o mikroformátech se můžete dozvědět na microformats.org, kde lze využít i nástroje pro generování vybraných mikroformátů.

 

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>