Successfully reported this slideshow.
Your SlideShare is downloading. ×

Mikroformaty i Rich Snippety

Ad

MIKROFORMATY
      I RICH SNIPPETS

Sławomir Borowy, Bartosz Sikorski

Ad

ROZKŁAD JAZDY:

Teoria
     podstawowe pojęcia

Praktyka
     jak szybko wystartować?

Case Study
     co to daje?

Hakowa...

Ad

NIE TAKA TRUDNA...   TEORIA
                       ...ale trochę nudna.

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Upcoming SlideShare
Mikroformaty i Rich Snippets
Mikroformaty i Rich Snippets
Loading in …3
×

Check these out next

1 of 40 Ad
1 of 40 Ad

More Related Content

Mikroformaty i Rich Snippety

  1. 1. MIKROFORMATY I RICH SNIPPETS Sławomir Borowy, Bartosz Sikorski
  2. 2. ROZKŁAD JAZDY: Teoria podstawowe pojęcia Praktyka 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 Snippets Mikroformaty ? 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: MIKROFORMATY Przykł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: RDF Przykł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: MIKRODANE Przykł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 SNIPPETS Rich 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Ą TWARZ 1. Link do profilu Google+ z rel=”author”
  16. 16. POKAŻ SWOJĄ TWARZ 2. Link z profilu Google+ do docelowej domeny
  17. 17. POKAŻ SWOJĄ TWARZ 3. 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 Box http://wordpress.org/extend/plugins/fancier-author-box/screenshots/ lub: http://goo.gl/ZZqOu
  20. 20. Implementacja ocen: WORDPRESS kk Star Ratings http://wordpress.org/extend/plugins/kk-star-ratings/ lub: http://goo.gl/54WcI
  21. 21. Implementacja ocen: JOOMLA Rich Snippets Vote http://www.deconf.com/en/projects/rich-snippets-vote-plugin-for-joomla lub: 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.PL CTR: 1,35%...
  27. 27. Case study: OKRAZYCSWIAT.PL Obrazki w SERP:
  28. 28. Case study: OKRAZYCSWIAT.PL
  29. 29. Case study: OKRAZYCSWIAT.PL CTR: 19,05%!
  30. 30. CO NA TO INNI? CTR: 20-30% http://static.seomoz.org/user_files/blog_imges/Rich-Snippets-Guide.png lub: http://goo.gl/TFhYS
  31. 31. Czy Rich Snippets zawsze poprawiają CTR? 1. Niska pozycja strony w Google 2. Niewyświetlanie rozszerzeń dla wszystkich podstron 3. „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” Cichosz http://blog.shpyo.net/324/nadaj-sobie-gwiazdki-w-serpach-sam-zamiast-snippetow.html lub: 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 - trzy pomysły"> </div>
  37. 37. Wtyczka dla WP: GRAFIKI W SERPach
  38. 38. WTYCZKA „GRAFIKI W SERPach” DO POBRANIA http://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 Sikorski borowy@4people.pl & sikorski@4people.pl

×