Kde jste: Hlavní stránkaRich snippets: jak zvýšit návštěvnost z vyhledávačů díky vyššímu CTR

Rich snippets: jak zvýšit návštěvnost z vyhledávačů díky vyššímu CTR

Vydáno na blogu SEO, SEO a PPC ve vyhledávačích

Rich snippets jsou rozšiřující informace ve výsledcích vyhledávání. Použijete-li je, odkaz na vaši stránku se zvýrazní. Díky tomu přilákáte více návštěvníků.

Rich snippets jsou úryvky s informacemi, které se zobrazují ve výsledcích vyhledávání Googlu. „Rich“ se jim na rozdíl od „obyčejných“ říká proto, že jsou obohaceny o další informace. Český Google překládá rich snippets jako strukturované úryvky.

V českém prostředí nemá smysl mluvit o rich snippets v jiných vyhledavačích než v Googlu, protože Seznam je nenabízí. Seznam ale začal v srpnu 2012 přidávat do výsledků vyhledávání odkazy na části stránky, kterým říká osnovy. Jejich implementace je však odlišná od implementace rich snippets. Základem je použití kotev v HTML kódu.

Aby Google nabízel rich snippets, je potřeba relevantní informace označkovat v HTML kódu pomocí mikrodat, mikroformátů či RDFa. Nejde o žádný komplexní zásah do vzhledu či fungování webu; jedná se o použití určitých značek, které Googlu umožní „porozumět“, co dané údaje reprezentují.

Jednoduše řečeno, těmito značkami označíte určitý text ve vašem HTML kódu – a to je vše.

Díky rich snippets můžete ve výsledcích vyhledávání ukázat např.:

  • zákaznické hodnocení,
  • ceny výrobků,
  • zda je produkt skladem,
  • do kdy platí sleva,
  • termín konání akce,
  • místo konání akce,
  • jméno člověka,
  • fotka,
  • místo bydliště,
  • doba přípravy jídla,
  • autor receptu
  • a skutečně mnoho dalších údajů o tom, co potřebujete popsat.

Google nabízí rich snippets pro sedm typů obsahu:

  • Recenze,
  • Lidé,
  • Produkty,
  • Firmy a organizace,
  • Recepty,
  • Události,
  • Hudba.

Tyto kategorie („typy“) jsou ale tak rozsáhlé, že si můžete vybírat z desítek různých druhů obsahu.

Strukturované úryvky zvýrazní váš odkaz ve výsledcích vyhledávání

Google se dlouhodobě snaží o to, aby nabízel ve výsledcích vyhledávání stále více relevantních informací (a aby návštěvník případně ani neměl důvod kliknout na odkaz a zůstal na webech Googlu).

V tomto smyslu je využívání mikrodat, mikroformátů a RDFa, díky kterým může nabídnout rich snippets, logickým krokem – uživatel tak nebude klikat na mnoho odkazů, ale jenom na ty nejrelevantnější.

Řečeno jinak: poklesne návštěvnost u těch odkazů v Googlu, které nebudou obsahovat dostatek informací. A návštěvnost vzroste u odkazů, které budou obsahovat relevantní informace. Uživatel tak nebude mít potřebu klikat na dvacet odkazů na e-shopy, ale rovnou si ve výsledcích vyhledávání vybere ty e-shopy, které budou mít produkt skladem a za příznivou cenu.

Rich snippets tak mohou být výborným pomocníkem pro uživatele, kteří získají doplňující informaci o tom, co právě hledají.

A konečně e-shopům či majitelům webových stránek pomohou strukturované úryvky zvýraznit jejich odkazy ve výsledcích vyhledávání. Tím se zvýší míra prokliku (CTR) z výsledků vyhledávání. Díky tomu může dojít ke zvýšení množství návštěv na jejich weby. Proto stojí za to popřemýšlet o použití mikrodat, mikroformátů či RDFa. Nejsnadnější (a zároveň Googlem doporučované) je použití mikrodat.

Ještě je vhodné připomenout, že přítomnost rich snippets u vašeho odkazu nezlepší jeho pozici ve výsledcích vyhledávání. Způsobí „pouze“ to, že je odkaz výraznější a obsahuje rozšiřující informace. I to je však součást SEO.

Příklady rich snippets

Na českém internetu na rich snippets jen tak běžně nenarazíte. A když ano, tak je jimi „obohacen“ většinou pouze jeden odkaz ze všech, které na stránce uvidíte. Na několik typických příkladů rich snippets se můžete podívat níže.

Např. pro klienta naší digitální agentury Parfums.cz jsme přidali do výsledků vyhledávání cenu výrobku a informaci o tom, že je produkt právě na skladě:

Příklad rich snippets se zobrazenou cenou parfému

Cenu doporučuji ukazovat ve výsledcích vyhledávání hlavně tehdy, když víte, že je pro kupující příznivá. Pokud víte, že jste objektivně drazí, a chcete na zákazníky zapůsobit jinak, můžete nechat zobrazit např. zákaznické hodnocení.

Zákaznické hodnocení a počet hlasujících se zobrazuje ve výsledcích vyhledávání takto:

Příklad rich snippets se zobrazeným zákaznickým hodnocením

Je vidět, že zejména hodnocení (zobrazené jako hvězdičky) výrazně odlišuje tyto weby od všech ostatních, které se objeví v SERPu. Máte-li na svém webu tento typ hodnocení, neměli byste s použitím mikrodat váhat. Tím spíše, že jejich zavedení neznamená žádný komplexní zásah do kódu či do fungování webu.

Jeden z mála příkladů použití mikrodat v Česku mimo e-shopy nabízí vzdělávací agentura Tutor. Takto vypadá její odkaz obohacený o data kurzů, jejich názvy a místa konání. Všimněte si, že názvy kurzů jsou klikatelné odkazy.

Příklad rich snippets se zobrazením dat a názvů školení

Implementace s využitím mikrodat

Jak jsem zmínil, Google doporučuje používat mikrodata. Podrobné informace o nich a úplnou dokumentaci nejdete na webu Schema.org. Tento portál vznikl ve spolupráci s Google, Bingem a dalšími významnými společnostmi a lze ho považovat za oficiální.

Mikrodata se aplikují jednoduše tak, že v HTML kódu použijete následující tři atributy:

  • itemscope – říká, že objekt (html tag) obsahuje mikrodata. Toto musí být na každé stránce. Je doporučeno uzavřít itemscope do divu, např. <div itemscope>Zde budou vaše běžná data, která označkujete pomocí příkazů uvedených níže</div>,
  • itemtype – přidejte za itemscope. Říká, jaký typ schématu (obsahu) se použije. Jak jsme si řekli, podle Schema.org můžete použít jeden ze sedmi typů. Jedná se v podstatě o odkaz, např. <div itemscope itemtype=“http://schema.org/Person“>Zde budou vaše běžná data, která označkujete pomocí příkazů uvedených níže</div>,
  • itemprop: vysvětluje vyhledávači, o jaký obsah se jedná; např. itemprop=“telephone“. Musíte si vybrat jeden z podtypů na Schema.org.

Příklad z mé zkušenosti:

<div itemscope itemtype=“http://schema.org/Product“>
<span itemprop=“name“>Opalovací krém Bioderma</span>
<div itemprop=“offers“ itemscope itemtype=“http://schema.org/Offer“>
<span itemprop=“price“>610 Kč</span>
</div>
</div>

Kód výše říká, že použitý itemtype je Product a Offer (na Schema.org je Offer vždy uváděn jako podmožina Product!), že jméno výrobku je Opalovací krém Bioderma a jeho cena je 610 Kč.

S kódem si samozřejmě asi budete muset trochu hrát, než vše otestujete. Výhodou je, že když něco napíšete špatně, maximálně se některá část rich snippets nebude zobrazovat. Správnost kódu strukturovaných úryvků si můžete zkontrolovat pomocí nástroje od Googlu, který se jmenuje Rich Snippets Testing Tool.

Je-li váš kód v pořádku, existuje velká šance, že Google u vašich odkazů rich snippets opravdu zobrazí. Není to však stoprocentně jisté ani vynutitelné. Někdy se prostě stane, že Google mikrodata z vašeho webu nepoužije. Pro zvýšení šance na zobrazení rich snippets je vhodné popsat danou věc co nejlépe a používat mikrodata na celém webu (nejen na jedné stránce).

Zavedené mikrodat je skutečně snadné a jejich efekt může být značný. Díky rich snippets se odlišíte ve výsledcích vyhledávání a můžete získat početnější a relevantnější návštěvnost.

I když tedy budete mít nižší pozici, díky zajímavějšímu odkazu (případně získání více odkazů) získáte vyšší CTR a tedy i více návštěvníků.

Můžete se také podívat na úvodní video k rich snippets:

 

Doporučte tento článek přátelům Nechte si zasílat čtrnáctidenní přehled našich článků na e-mail

Přečtěte si další články k tématu

Komentáře

  1. Děkujeme Vám, Vítku, a omlouváme se. Přidali jsme tam řádku, která tam chyběla, a dovysvětlili v článku, protože celá problematika je ještě složitější:Cena (price), je vždy uvedena jako součást Offer, ale Offer je v takovémto případě nahttp://www.schema.org/Offer 
    http://www.schema.org/Product
    http://www.google.com/webmaste… uvedena jako podmnožina Product. Výše uvedený příklad jsme otestovali na http://www.google.com/webmaste… a je v pořádku.

  2. Máte nějaký tip, jak by se dal změřit dopad zavedení? Na http://www.sportcentral.cz jsme je zavedli asi před měsícem a na Googlu už rich snippets máme. Ale nevíme, jak změřit, jak moc nám to pomohlo, když web roste m/m o téměř 100% z vyhledávání před i po zavedení.

  3. Blahopřeji Vám.Podívejte se do Google Webmaster Tools, sekce Provoz, stránka Vyhledávací dotazy. Zadejte si období před a po zavedení rich snippets. Uvidíte, jak se změnilo CTR, případně jiné metriky.

  4. Dobrý den Roberte, nevíte jak náročné je zavést mikrodata (cena a dostupnost) do eshopu? Moje firma mi sděluje, že to bude náročné a chtějí po mě 3000 Kč :-) Já jen jestli to je záležitost na 15min tak by tahle částka nebyla adekvátní :-) Děkuji moc

  5. Zdravíčko,zkoušel jsem Váš kod:<div itemscope=““ itemtype=“http://schema.org/Product„>
    Opalovací krém Bioderma
    <div itemprop=“offers“ itemscope=““ itemtype=“http://schema.org/Offer„>
    610 Kč
    </div>
    </div>který takto v celku funguje. Pokud ale odstranim celý span s name, tak se cena přestane zobrazovat, je to vzájemně nějak propojené? Že aby se zobrazovala cena, tak musí být označen i název produktu?

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Už jen krůček a pomůžeme vám vydělávat.

Domluvit konzultaci