Rich Snippets, Schema & Microdata

xkatka.skahoj@xkatka.sk

by xKatka

How it looks like?

Články Miesta, prevádzky, lokácie Autori Rýchle správy Recenzie Hudba Eventy .... http://

schema.org/docs/full.html

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

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

ator/

https://wordpress.org/plugins/add-meta-tags/

.... Upraviť si šablónu a pluginy pre

automatické označovanie schema.org

How do I know I have it? – part 1

Vygooglite si vašu stránku

How do I know I have it? – part 2

Otestujte na https://developers.google.com/structured-data/testing-tool/

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.

Did you find bug? Fix it!

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>

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.

Tadáááááá

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

xKatka

twitter: @xKatkafb: Katarina Novotnaweb: xkatka.sk

Thank you

PS: PrekladajteWordPress, dostanete sticker.

Ouu yeaaah

Zarobte na svojom webe pomocou affiliate

Môj trolling web 4rka.sk zarobil medzi 12.10. a 19.11. v kampani MP3.sk 126€ :DJeden 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€