Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Pavel Ševčík: Microdata a rich snippets

1,283 views

Published on

Prezentace pro Frontendisti.cz od Pavla Ševčíka.
Záznam přednášky na YouTube: https://youtu.be/8Le8HVpzWlM

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Pavel Ševčík: Microdata a rich snippets

  1. 1. Microdata a Rich snippets Pavel Ševčík | @pajasevi
  2. 2. 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
  3. 3. Nedávná historie
  4. 4. Mikroformáty - čiré zlo Řízené pomocí class atributů Určují strukturu kódu Malé množství schémat
  5. 5. Microdata správně
  6. 6. 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
  7. 7. Jak na to itemscope - ří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
  8. 8. Předtím Potom
  9. 9. Se zanořením
  10. 10. Rich snippets
  11. 11. E-mailing Přidání action buttonu Chytré karty v Google Now Co přinese budoucnost :)
  12. 12. 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
  13. 13. Nevýhody Jsou stále moc invazivní do kódu Stávají se nepřehledné (nejen) při zanořování Dlouhodobá spravovatelnost
  14. 14. Budoucnost (současnost)
  15. 15. JSON-LD Serializovaná strukturovaná data Specifikace W3C, doporučeno Googlem Nepřekáží v kódu a vše je krásně pohromadě
  16. 16. Důležité odkazy Schema.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
  17. 17. Děkuji za pozornost Pavel Ševčík | @pajasevi

×