Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Strukturovaná data rich snippets
Co jsou to strukturovaná data? 
Proč je používat a jaké jsou možnosti? 
Příklad implementace 
Přehled typů strukturova...
Co jsou strukturovaná data
Co jsou strukturovaná data
Co jsou strukturovaná data
Příklad RDFa Resource Description Fw in attributes
Příklad Facebook a Open Graph
Více výsledků ve vyhledávání 
Konkrétní data pro uživatele 
Aby vyhledávače rozuměly obsahu našich stránek 
Proč je pou...
RDFa (Resources Description Fw in attributes) 
Mikroformáty 
Mikrodata 
Jaké jsou možnosti
Označení obsahu a určitý typ informací 
Recenze restaurace, osoby, události 
Entity a položky 
popisné názvy a vlastno...
Příklad čistého kódu 
RDFa příklad
Příklad implementace 
RDFa příklad
Vnořené položky 
RDFa příklad
Neviditelný obsah 
Vyhledávač nezobrazuje obsah, který není viditelný uživatelům 
RDFa příklad
Jednoduché konvence (entity) 
Recenze, produkty, události, firmy, osoby 
Vlastnosti 
Osoba – jméno, adresa, pracovní p...
Příklad čistého kódu 
Mikroformáty příklad
Příklad implementace hCard 
Mikroformáty příklad
Vnořené položky – čistý kód 
Mikroformáty příklad
Vnořené položky – implementace 
Mikroformáty příklad
Neviditelný obsah 
Vyhledávač nezobrazuje obsah, který není viditelný uživatelům 
Mikroformáty příklad
Způsob označení obsahu 
Standard HTML5 
Označení určité typy informací (recenze, osoby, události) 
Obsahují definované...
Příklad čistého kódu 
Mikrodata příklad
Příklad implementace 
Mikrodata příklad
Vnořené položky 
Mikrodata příklad
Neviditelný obsah 
Vyhledávač nezobrazuje obsah, který není viditelný uživatelům 
Mikrodata příklad
Mikroformáty 
Schema.org – širší spektrum položek 
Google, Yahoo, Bing 2011 
Google označuje jako „strukturované úryvk...
Produkty 
Lidé 
Navigace na stránkách 
Události 
Hudba 
Organizace 
Recepty 
Hodnocení 
Videa 
Typy strukturovaný...
Cíl 
poskytnout uživatelům další informace o konkrétním produktu, například o jeho ceně a dostupnosti (zda je skladem) n...
Produkt
Produkt
Produkt – příklad
Čistý kód 
Produkt – příklad
Implementace 
Produkt – příklad
Markup generator google 
https://www.google.com/webmasters/markup-helper/ 
Označování sady(mapy) dat (není potřeba impl...
Zobrazují se ty, které působí důvěryhodně 
Příklady názvů událostí, které Google považuje za platné: 
Symfonický koncer...
Jak to vypadá ?
Jak to vypadá ?
Jak to vypadá ?
Konec 
Prochain SlideShare
Chargement dans…5
×

Strukturovaná data

391 vues

Publié le

Strukturovaná data - rich snippets

  • Soyez le premier à commenter

Strukturovaná data

  1. 1. Strukturovaná data rich snippets
  2. 2. Co jsou to strukturovaná data? Proč je používat a jaké jsou možnosti? Příklad implementace Přehled typů strukturovaných dat Tipy a triky, zásady, co nedělat Obsah
  3. 3. Co jsou strukturovaná data
  4. 4. Co jsou strukturovaná data
  5. 5. Co jsou strukturovaná data
  6. 6. Příklad RDFa Resource Description Fw in attributes
  7. 7. Příklad Facebook a Open Graph
  8. 8. Více výsledků ve vyhledávání Konkrétní data pro uživatele Aby vyhledávače rozuměly obsahu našich stránek Proč je používat a jaké jsou možnosti
  9. 9. RDFa (Resources Description Fw in attributes) Mikroformáty Mikrodata Jaké jsou možnosti
  10. 10. Označení obsahu a určitý typ informací Recenze restaurace, osoby, události Entity a položky popisné názvy a vlastnosti pomocí jednoduchých atributů ve značkách XHTML (nejčastěji <span> nebo <div>) RDFa
  11. 11. Příklad čistého kódu RDFa příklad
  12. 12. Příklad implementace RDFa příklad
  13. 13. Vnořené položky RDFa příklad
  14. 14. Neviditelný obsah Vyhledávač nezobrazuje obsah, který není viditelný uživatelům RDFa příklad
  15. 15. Jednoduché konvence (entity) Recenze, produkty, události, firmy, osoby Vlastnosti Osoba – jméno, adresa, pracovní pozice, společnost, email popisné názvy a vlastnosti obecně pomocí atributu class ve značkách HTML (obvykle <span> nebo <div>) Mikroformáty
  16. 16. Příklad čistého kódu Mikroformáty příklad
  17. 17. Příklad implementace hCard Mikroformáty příklad
  18. 18. Vnořené položky – čistý kód Mikroformáty příklad
  19. 19. Vnořené položky – implementace Mikroformáty příklad
  20. 20. Neviditelný obsah Vyhledávač nezobrazuje obsah, který není viditelný uživatelům Mikroformáty příklad
  21. 21. Způsob označení obsahu Standard HTML5 Označení určité typy informací (recenze, osoby, události) Obsahují definované vlastnosti (místo čas konání, název, kategorie) popisné názvy pomocí jednoduchých atributů ve značkách HTML (nejčastěji <span> nebo <div>) Mikrodata
  22. 22. Příklad čistého kódu Mikrodata příklad
  23. 23. Příklad implementace Mikrodata příklad
  24. 24. Vnořené položky Mikrodata příklad
  25. 25. Neviditelný obsah Vyhledávač nezobrazuje obsah, který není viditelný uživatelům Mikrodata příklad
  26. 26. Mikroformáty Schema.org – širší spektrum položek Google, Yahoo, Bing 2011 Google označuje jako „strukturované úryvky“ Strukturované úryvky umožňují: Přilákat potenciální kupce, když na Googlu vyhledávají položky ke koupi. Zdarma odeslat zápisy produktů. Řídit informace o svých produktech. Můžete udržovat přesnost a aktuálnost informací o produktech, aby zákazníci nalezli relevantní a aktuální položky, které hledají. Typy strukturovaných dat
  27. 27. Produkty Lidé Navigace na stránkách Události Hudba Organizace Recepty Hodnocení Videa Typy strukturovaných dat
  28. 28. Cíl poskytnout uživatelům další informace o konkrétním produktu, například o jeho ceně a dostupnosti (zda je skladem) nebo hodnocení a komentáře recenzentů. hlavní téma stránky se musí týkat konkrétního produktu, nikoliv kategorie nebo seznamu produktů. Označení produktů na stránkách seznamů nebo kategorií není podporováno. Produkt musí být ke koupi přímo na stránce. Produkty pouze pro dospělé nejsou podporovány. Pokud se k produktu vyjádřil jen jeden recenzent, musí být jméno recenzenta platným jménem osoby (například Jakub Kovář) nebo názvem týmu či organizace (například Recenzenti webu CNET).(například Jakub Kovář)  Například „HIT Týdne za 50% slevy na“ není platný název. Produkt
  29. 29. Produkt
  30. 30. Produkt
  31. 31. Produkt – příklad
  32. 32. Čistý kód Produkt – příklad
  33. 33. Implementace Produkt – příklad
  34. 34. Markup generator google https://www.google.com/webmasters/markup-helper/ Označování sady(mapy) dat (není potřeba implementace v kódu) Webmaster tools https://www.google.com/webmasters/tools/richsnippets  Obsah, který jste pro strukturované úryvky označili, neskrývejte pomocí technik jako display:none, value-title ani css. Obsah, který není viditelný běžným uživatelům, Google ignoruje. Měli byste tedy označit text, který se na webových stránkách zobrazí uživatelům. Tipy a triky
  35. 35. Zobrazují se ty, které působí důvěryhodně Příklady názvů událostí, které Google považuje za platné: Symfonický koncert ve Smetanově síni Hudební festival v Trutnově Neplatné názvy událostí: Výletní balíček na 7 nocí v San Diegu, LA (Nepoužívejte Zvýrazňovač dat k propagaci produktů a služeb, které nepatří mezi události.) Hudební festival – vstupné jen 180 Kč! (Ceny vstupenek místo toho označte pomocí vlastnosti Vstupenky.) Výprodej šatů! (Netýká se události) Koncert – nečekejte a kupte lístek hned! (Propagace) Koncert – 50% sleva až do soboty! (Propagace) Tipy a triky
  36. 36. Jak to vypadá ?
  37. 37. Jak to vypadá ?
  38. 38. Jak to vypadá ?
  39. 39. Konec 

×