SlideShare a Scribd company logo
Rich snippets
Rich snippets
Štruktúrované dáta

Rich snippets (štruktúrované dáta) – niekoľko riadkov textu pod
výsledkom vyhľadávania, ktoré majú užívateľovi priniesť prehľad o tom, čo
sa na webe nachádza a prečo by mal na odkaz kliknúť.

Existujú stovky druhov štrukturovaných dát.

Najpoužívanejšie:
•Miesta
•Ľudia
•Udalosti
•Produkty
•Recenzie
•Hudba
•Atď.

Celý zoznam nájdete na http://schema.org/docs/schemas.html
Ako to funguje?

1. Automaticky
Google rozpozná rich snippet a
automaticky ho zobrazí vo výsledkoch
vyhľadávania

Málo pravdepodobné, väčšina webov
má v HTML kóde bordel

2. Manuálne
Ručne označujeme dáta, ktoré chceme
zobraziť vo výsledkoch vyhľadávania

Pracnejšie, ale výsledkom je zvýšenie
CTR (miera prekliku) o 20 až 30%
(zdroj:
http://www.seomoz.org/blog/a-visual-guide-to-rich-snippets
)
Ako označujeme dáta?

Pomocou HTML kódu.

<div itemscope itemtype="http://schema.org/Person"><span
itemprop=”givenName”>Marek</span><span itemprop=”familyName”>Šulik</span></div> <div
itemscope itemtype="http://schema.org/PostalAddress" itemprop="address" > <span
itemprop="streetAddress">Klariská 14</span> <span
itemprop="addressLocality">Bratislava</span> <span itemprop="postalCode">82101</span>
<span itemprop="addressCountry">Slovensko</span> </div>

Čo sa zobrazí na webe:
Marek Šulik
Klariská 14
Bratislava
82101
Slovensko
Ako označujeme dáta?

1. Definujeme si typ informácie:

<div itemscope itemtype="http://schema.org/Typ informácie">

Može to byť Person, Place, Restaurant, Product, Event, Review...


2. Priradíme mu určité vlastnosti:

<span itemprop=”Vlastnosť”>Hodnota</span>

Vlastnosť môže byť hocičo, v prípade miesta je to adresa, mesto, PSČ, krajina..
Typ informácie
Ako označujeme dáta?

<div itemscope itemtype="http://schema.org/Person">
<span itemprop=”givenName”>Marek</span>
<span itemprop=”familyName”>Šulik</span></div>




<div itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Klariská 14</span>
<span itemprop="addressLocality">Bratislava</span>
<span itemprop="postalCode">82101</span> <span
itemprop="addressCountry">Slovensko</span> </div>




                                                             Vlastnosť
Schema.org

Spoločná iniciatíva Google, Bing, Yandex a Yahoo!

Stránka, na ktorej sa nachádzajú všetky HTML značky (Typ informácie a Vlastnosti), ktorými
môžeme označiť informácie na svojom webe.




Ak ovládate HTML, tak vám stačí vyhladať si na schema.org potrebné údaje a implementovať ich
na web.
Schema.org

Na každej podstránke nájdete aj konkrétne príklady.

http://schema.org/Person
Čo sa dá využiť pre SEO?

Google podporuje štruktúrované
dáta pre tento obsah:

Recenzie
Ľudia
Produkty
Firmy a organizácie
Recepty
Udalosti
Hudba
Nástroj na testovanie
štruktúrovaných dát
Súčasť Webmaster Tools

http://www.google.com/webmasters/tools/richsnippets

Aj s návodmi na implementáciu
Generátory štrukturovaných dát

GoodRelations Snippet Generator

http://www.ebusiness-unibw.org/tools/grsnippetgen/


Snippleaf.com
http://www.snippleaf.com


Pre Wordpress
http://www.searchmarketingstandard.com/rich-snippets-5-tools-to-make-them-easy-as-pie


a veľa ďalších
Ďalšie zdroje informácií

A Visual Guide to Rich Snippets
http://www.seomoz.org/blog/a-visual-guide-to-rich-snippets


Rich snippets for idiots. And, er, you.
http://www.wordtracker.com/academy/rich-snippets


Strukturované úryvky (mikrodata, mikroformáty, RDFa a Zvýrazňovač dat)
http://support.google.com/webmasters/bin/answer.py?
hl=cs&answer=99170&topic=21997&ctx=topic


Údaje o autorech ve výsledcích vyhledávání
http://support.google.com/webmasters/bin/answer.py?hl=cs&answer=1408986
Marek Šulik
Project manager


facebook.com/VISIBILITYsk
twitter.com/VISIBILITYsk

More Related Content

PDF
Storytelling For The Web: Integrate Storytelling in your Design Process
PDF
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
PDF
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
PPTX
Structured Data and Semantic SEO
PDF
2024 State of Marketing Report – by Hubspot
PDF
Everything You Need To Know About ChatGPT
PDF
Product Design Trends in 2024 | Teenage Engineerings
Storytelling For The Web: Integrate Storytelling in your Design Process
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
2024 Trend Updates: What Really Works In SEO & Content Marketing
Structured Data and Semantic SEO
2024 State of Marketing Report – by Hubspot
Everything You Need To Know About ChatGPT
Product Design Trends in 2024 | Teenage Engineerings
Ad

Rich snippets

  • 3. Štruktúrované dáta Rich snippets (štruktúrované dáta) – niekoľko riadkov textu pod výsledkom vyhľadávania, ktoré majú užívateľovi priniesť prehľad o tom, čo sa na webe nachádza a prečo by mal na odkaz kliknúť. Existujú stovky druhov štrukturovaných dát. Najpoužívanejšie: •Miesta •Ľudia •Udalosti •Produkty •Recenzie •Hudba •Atď. Celý zoznam nájdete na http://schema.org/docs/schemas.html
  • 4. Ako to funguje? 1. Automaticky Google rozpozná rich snippet a automaticky ho zobrazí vo výsledkoch vyhľadávania Málo pravdepodobné, väčšina webov má v HTML kóde bordel 2. Manuálne Ručne označujeme dáta, ktoré chceme zobraziť vo výsledkoch vyhľadávania Pracnejšie, ale výsledkom je zvýšenie CTR (miera prekliku) o 20 až 30% (zdroj: http://www.seomoz.org/blog/a-visual-guide-to-rich-snippets )
  • 5. Ako označujeme dáta? Pomocou HTML kódu. <div itemscope itemtype="http://schema.org/Person"><span itemprop=”givenName”>Marek</span><span itemprop=”familyName”>Šulik</span></div> <div itemscope itemtype="http://schema.org/PostalAddress" itemprop="address" > <span itemprop="streetAddress">Klariská 14</span> <span itemprop="addressLocality">Bratislava</span> <span itemprop="postalCode">82101</span> <span itemprop="addressCountry">Slovensko</span> </div> Čo sa zobrazí na webe: Marek Šulik Klariská 14 Bratislava 82101 Slovensko
  • 6. Ako označujeme dáta? 1. Definujeme si typ informácie: <div itemscope itemtype="http://schema.org/Typ informácie"> Može to byť Person, Place, Restaurant, Product, Event, Review... 2. Priradíme mu určité vlastnosti: <span itemprop=”Vlastnosť”>Hodnota</span> Vlastnosť môže byť hocičo, v prípade miesta je to adresa, mesto, PSČ, krajina..
  • 7. Typ informácie Ako označujeme dáta? <div itemscope itemtype="http://schema.org/Person"> <span itemprop=”givenName”>Marek</span> <span itemprop=”familyName”>Šulik</span></div> <div itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress">Klariská 14</span> <span itemprop="addressLocality">Bratislava</span> <span itemprop="postalCode">82101</span> <span itemprop="addressCountry">Slovensko</span> </div> Vlastnosť
  • 8. Schema.org Spoločná iniciatíva Google, Bing, Yandex a Yahoo! Stránka, na ktorej sa nachádzajú všetky HTML značky (Typ informácie a Vlastnosti), ktorými môžeme označiť informácie na svojom webe. Ak ovládate HTML, tak vám stačí vyhladať si na schema.org potrebné údaje a implementovať ich na web.
  • 9. Schema.org Na každej podstránke nájdete aj konkrétne príklady. http://schema.org/Person
  • 10. Čo sa dá využiť pre SEO? Google podporuje štruktúrované dáta pre tento obsah: Recenzie Ľudia Produkty Firmy a organizácie Recepty Udalosti Hudba
  • 11. Nástroj na testovanie štruktúrovaných dát Súčasť Webmaster Tools http://www.google.com/webmasters/tools/richsnippets Aj s návodmi na implementáciu
  • 12. Generátory štrukturovaných dát GoodRelations Snippet Generator http://www.ebusiness-unibw.org/tools/grsnippetgen/ Snippleaf.com http://www.snippleaf.com Pre Wordpress http://www.searchmarketingstandard.com/rich-snippets-5-tools-to-make-them-easy-as-pie a veľa ďalších
  • 13. Ďalšie zdroje informácií A Visual Guide to Rich Snippets http://www.seomoz.org/blog/a-visual-guide-to-rich-snippets Rich snippets for idiots. And, er, you. http://www.wordtracker.com/academy/rich-snippets Strukturované úryvky (mikrodata, mikroformáty, RDFa a Zvýrazňovač dat) http://support.google.com/webmasters/bin/answer.py? hl=cs&answer=99170&topic=21997&ctx=topic Údaje o autorech ve výsledcích vyhledávání http://support.google.com/webmasters/bin/answer.py?hl=cs&answer=1408986