Rich snippets

14
Rich snippets

description

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úť.

Transcript of Rich snippets

Page 1: Rich snippets

Rich snippets

Page 2: Rich snippets

Rich snippets

Page 3: 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

Page 4: Rich snippets

Ako to funguje?

1. AutomatickyGoogle 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álneRuč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)

Page 5: 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 ŠulikKlariská 14Bratislava 82101Slovensko

Page 6: Rich snippets

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..

Page 7: Rich snippets

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>

Typ informácie

Vlastnosť

Page 8: Rich snippets

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.

Page 9: Rich snippets

Schema.org

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

http://schema.org/Person

Page 10: Rich snippets

Čo sa dá využiť pre SEO?

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

RecenzieĽudiaProduktyFirmy a organizácieReceptyUdalosti Hudba

Page 11: Rich snippets

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

Page 12: Rich snippets

Generátory štrukturovaných dát

GoodRelations Snippet Generator

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

Snippleaf.comhttp://www.snippleaf.com

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

a veľa ďalších

Page 13: Rich snippets

Ďalšie zdroje informácií

A Visual Guide to Rich Snippetshttp://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

Page 14: Rich snippets

Marek ŠulikProject manager

facebook.com/VISIBILITYsktwitter.com/VISIBILITYsk