Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mikroformaty i Rich Snippety

4,615 views

Published on

Prezentacja przygotowana na 8 spotkanie SilesiaSEM

Published in: Technology
  • Be the first to comment

Mikroformaty i Rich Snippety

  1. 1. MIKROFORMATY I RICH SNIPPETSSławomir Borowy, Bartosz Sikorski
  2. 2. ROZKŁAD JAZDY:Teoria podstawowe pojęciaPraktyka jak szybko wystartować?Case Study co to daje?Hakowanie recepta na obrazki
  3. 3. NIE TAKA TRUDNA... TEORIA ...ale trochę nudna.
  4. 4. DEFINICJE Rich SnippetsMikroformaty ? hCard / hReview Mikrodane RDF
  5. 5. Definicje: MIKROFORMATY● zbiór standaryzowanych formatów dla x/HTML● wykorzystuje atrybuty: class, rel, rev● standardy: hCard / hReview / hCalendar Więcej: http://microformats.org
  6. 6. Definicje: MIKROFORMATYPrzykład: <div class="hcard"> <div class="fn"> <span class="given-name">Steve</span> <span class="family-name">Jobs</span> </div> <div class="org">Apple Inc.</div> </div>
  7. 7. Definicje: RDF● skrót od: Resource Description Framework● wykorzystuje atrybuty: property, content, typeof Więcej: http://www.w3.org/TR/rdf-schema/ lub: http://goo.gl/WUxZj
  8. 8. Definicje: RDFPrzykład: <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person"> <span property="v:name">Steve Jobs</span> <span property="v:affiliation">Apple Inc.</span> </div>
  9. 9. Definicje: MIKRODANE● standard dedykowany dla HTML 5● wykorzystuje atrybuty: itemscope, itemprop, itemtype● zalecany przez Google Więcej: http://schema.org
  10. 10. Definicje: MIKRODANEPrzykład: <div itemscope itemtype= "http://data-vocabulary.org/Person"> <span itemprop="name">Steve Jobs</span> <span itemprop="affiliation">Apple Inc.</span> </div>
  11. 11. Definicje: RICH SNIPPETSRich Snippets = fragmenty rozszerzone w SERP
  12. 12. DEFINICJE RICH SNIPPETS (fragmenty rozszerzone)MIKRODANE RDF MIKROFORMATY itemtype  property  rel itemscope  content  rev itemprop  typeof  class
  13. 13. ROZSZERZENIA W BOJU
  14. 14. POKAŻ SWOJĄ TWARZ!
  15. 15. POKAŻ SWOJĄ TWARZ1. Link do profilu Google+ z rel=”author”
  16. 16. POKAŻ SWOJĄ TWARZ2. Link z profilu Google+ do docelowej domeny
  17. 17. POKAŻ SWOJĄ TWARZ3. Zadbaj o WYRAŹNE zdjęcie w profilu G+ i... ...voila!
  18. 18. Ale zamiast kodować samemu…...wykorzystuj gotowe wtyczki!
  19. 19. Implementacja autora: WORDPRESS Fancier Author Boxhttp://wordpress.org/extend/plugins/fancier-author-box/screenshots/lub: http://goo.gl/ZZqOu
  20. 20. Implementacja ocen: WORDPRESS kk Star Ratingshttp://wordpress.org/extend/plugins/kk-star-ratings/lub: http://goo.gl/54WcI
  21. 21. Implementacja ocen: JOOMLA Rich Snippets Votehttp://www.deconf.com/en/projects/rich-snippets-vote-plugin-for-joomlalub: http://goo.gl/p1eNv
  22. 22. JAK TESTOWAĆ?Narzędzie do testowania danych strukturalnych Google: http://www.google.com/webmasters/tools/richsnippets lub: http://goo.gl/VBJZo
  23. 23. CASE STUDY
  24. 24. Case study: SBART.PL Gwiazdki w SERP:
  25. 25. Case study: SBART.PL
  26. 26. Case study: SBART.PLCTR: 1,35%...
  27. 27. Case study: OKRAZYCSWIAT.PL Obrazki w SERP:
  28. 28. Case study: OKRAZYCSWIAT.PL
  29. 29. Case study: OKRAZYCSWIAT.PLCTR: 19,05%!
  30. 30. CO NA TO INNI? CTR: 20-30%http://static.seomoz.org/user_files/blog_imges/Rich-Snippets-Guide.pnglub: http://goo.gl/TFhYS
  31. 31. Czy Rich Snippets zawsze poprawiają CTR?1. Niska pozycja strony w Google2. Niewyświetlanie rozszerzeń dla wszystkich podstron3. „Spowszednienie” gwiazdek
  32. 32. SnippetHACKING
  33. 33. „HAKOWANIE” wg POBIERACZKA :)http://www.wykop.pl/ramka/1135797/niepokojace-wyniki-wyszukiwania/lub: http://goo.gl/EvfGY
  34. 34. HAKOWANIE ENCJAMI Encja ★ w „breadcrumbs”: © SearchEngineLand & Piotr „Shpyo” Cichoszhttp://blog.shpyo.net/324/nadaj-sobie-gwiazdki-w-serpach-sam-zamiast-snippetow.htmllub: http://goo.gl/4sr2N
  35. 35. PRZEPIS NA OBRAZEK VS
  36. 36. PRZEPIS NA OBRAZEK<div itemscope itemtype="http://schema.org/Recipe"><meta itemprop="name" content="Wyspy Brytyjskie - trzy pomysły"><meta itemprop="image" content="http://okrazycswiat.pl/St-Michael.jpg"/><meta itemprop="prepTime" content="Kornwalia, wyspa-niewyspa St.Michael"><meta itemprop="ingredients" content="Wyspy Brytyjskie - trzypomysły"></div>
  37. 37. Wtyczka dla WP: GRAFIKI W SERPach
  38. 38. WTYCZKA „GRAFIKI W SERPach” DO POBRANIAhttp://marketingdlaludzi.pl/do-pobrania lub http://goo.gl/xFsPq ZA DARMO! :)
  39. 39. DOKĄD TERAZ? http://marketingdlaludzi.pl– prezentacja– wszystkie ważne linki– wtyczka dla grafik w WordPress do pobrania– dyskusja w komentarzach
  40. 40. ROZSZERZENIA ROZGRYZALI:Sławomir Borowy Bartosz Sikorskiborowy@4people.pl & sikorski@4people.pl

×