SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
Rich Snippets, Schema & Microdata
xkatka.sk
ahoj@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-creator/
 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: @xKatka
fb: Katarina Novotna
web: xkatka.sk
Thank you
PS: Prekladajte
WordPress,
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€ :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€

Weitere ähnliche Inhalte

WordPress - Rich snippets, schema.org & microdata

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