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,797 views

Published on

Prezentacja przygotowana na 8 spotkanie SilesiaSEM

Published in: Technology
  • I have done a couple of papers through ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ they have always been great! They are always in touch with you to let you know the status of paper and always meet the deadline!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sex in your area is here: ❤❤❤ http://bit.ly/2ZDZFYj ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ❤❤❤ http://bit.ly/2ZDZFYj ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

×