Microdata a Rich snippets

Pavel Ševčík | @pajasevi

K čemu to je?Vylepšení SEO

Zobrazení Rich snippets ve výsledcích

Zobrazení action buttonu v Gmailu

Způsob jak dát kódu kontext

Nedávná historie

Mikroformáty - čiré zloŘízené pomocí class atributů

Určují strukturu kódu

Malé množství schémat

Microdata správně

TypyČlánek (datum vydání, autor)

Produkt (výrobce, typ, cena)

Událost (datum, čas, místo)

Recept (ingredience, hodnocení)

Organizace (název, sídlo)

A mnoho dalších

Jak na toitemscope - říká “tady jsou microdata, sem se dívej robote”

itemtype - určuje typ dat(schéma), která jsme použili

itemprop - určuje danou vlastnost

Předtím

Potom

Se zanořením

Rich snippets

E-mailingPřidání action buttonu

Chytré karty v Google Now

Co přinese budoucnost :)

TestováníStructured Data Testing Tool

Analyzuje z URL nebo vloženého kódu

Ukáže chyby a napoví

Bonus: URL automaticky zaindexuje do Google search

NevýhodyJsou stále moc invazivní do kódu

Stávají se nepřehledné (nejen) při zanořování

Dlouhodobá spravovatelnost

Budoucnost(současnost)

JSON-LDSerializovaná strukturovaná data

Specifikace W3C, doporučeno Googlem

Nepřekáží v kódu a vše je krásně pohromadě

Důležité odkazySchema.org - nejlepší zdroj schémat

Structured Data Testing Tool - testování Microdat

E-mail Markup Tester - testování e-mail markupu

Markup Helper - pomocník pro vytváření Microdat

Děkuji za pozornost

Pavel Ševčík | @pajasevi