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.