Čo sú to Rich Snippets. Ako testovať microdata a schema.org označovanie obsahu vašej WordPress stránky. Ako nasadiť microdata do WordPress šablóny. Dotiahnite SEO vašej WordPress stránky do dokonalosti.

1. Rich Snippets, Schema & Microdata
xkatka.sk
ahoj@xkatka.sk
by xKatka

2. How it looks like?

3.  Články
 Miesta, prevádzky, lokácie
 Autori
 Rýchle správy
 Recenzie
 Hudba
 Eventy
 .... http://schema.org/docs/full.html

4. <div>
<h1>Avatar</h1>
<span>Director: James Cameron (born August 16, 1954)</span>
<span>Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>
<div itemscope itemtype ="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<div itemprop="director" itemscope itemtype="http://schema.org/Person">
Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16,
1954</span>)
</div>
<span itemprop="genre">Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

5. How to do it?
 Používať šablónu a pluginy, ktoré majú
priamo v sebe schema.org
 Použiť plugin pre vkladanie schema.org
 https://wordpress.org/plugins/schema-creator/
 https://wordpress.org/plugins/add-meta-tags/
 ....
 Upraviť si šablónu a pluginy pre automatické
označovanie schema.org

6. How do I know I have it? – part 1
 Vygooglite si vašu stránku

7. How do I know I have it? – part 2
 Otestujte na https://developers.google.com/structured-data/testing-tool/

8. You have it but Google is not showing it?
 Google has not yet re-crawled your page or
pages
 The markup is invalid – test it
 Google cannot see that your page changed –
check lastmod attribute in your sitemap.xml
 Low ranking of your item pages –
hviezdičky/hodnotenia sa zobrazujú od 5
hlasovaní
Web Master Tool / Search Console
 Skontrolujte, či je všetko OK v Search Console
 Skontrolujte, či tam máte pridaný sitemap.xml
a či je aktuálny
 Skontrolujte robots.txt
It will often take 4 - 12 weeks until Google will turn on this search feature for your site.

9. Did you find bug? Fix it!

10. itemprop=“image“ nie je v <img>
 <span itemprop="image"><img src="http://morezdravia.sk/wp-content/uploads/supegreen.png"
class="attachment-shop_single size-shop_single wp-post-image" alt="supegreen"
srcset="http://morezdravia.sk/wp-content/uploads/supegreen-134x150.png 134w,
http://morezdravia.sk/wp-content/uploads/supegreen-268x300.png 268w,
http://morezdravia.sk/wp-content/uploads/supegreen-120x134.png 120w,
http://morezdravia.sk/wp-content/uploads/supegreen-198x221.png 198w,
http://morezdravia.sk/wp-content/uploads/supegreen.png 288w" sizes="(max-width: 288px)
100vw, 288px" /></span>

11. Searching and fixing like a noob
 Našla som v kóde:
<span itemprop="image"><?php echo get_the_post_thumbnail( $post->ID, 'shop_single' ) ?></span>
 Kód som upravila:
<span><?php echo get_the_post_thumbnail( $post->ID, 'shop_single', array( 'itemprop' => 'image' ) )
?></span>
https://developer.wordpress.org/reference/functions/get_the_post_thumbnail/
Pri takýchto hrabaniach sa v kóde si stiahnem celú šablónu do počítača a pomocou Notepad++
vyhľadávam v celom adresári.

12. Tadáááááá

13. What next?
 Sledovať novinky http://blog.schema.org/
 Testovať testovať TESTOVAŤ testovať
TESTOVAŤ Testovať testovať Testovať
testovať TESTOVAŤ testovať TESTOVAŤ
testovať TESTOVAŤ Testovať testovať
 A vylepšovať kód

14. xKatka
twitter: @xKatka
fb: Katarina Novotna
web: xkatka.sk
Thank you
PS: Prekladajte
WordPress,
dostanete sticker.
Ouu yeaaah

15. Zarobte na svojom webe pomocou affiliate
Môj trolling web 4rka.sk zarobil medzi 12.10. a 19.11. v kampani MP3.sk 126€ :D
Jeden tweet a jeden FB post pre kampaň Audioteka mi zarobili 5,91€
Môj (ešte nedokončený) web morezdravia.sk už zarobil 8,08€