More Related Content Similar to Mikroformaty i Rich Snippety (20) Mikroformaty i Rich Snippety1. MIKROFORMATY
I RICH SNIPPETS
Sławomir Borowy, Bartosz Sikorski
2. ROZKŁAD JAZDY:
Teoria
podstawowe pojęcia
Praktyka
jak szybko wystartować?
Case Study
co to daje?
Hakowanie
recepta na obrazki
4. DEFINICJE
Rich Snippets
Mikroformaty
? hCard / hReview
Mikrodane
RDF
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. 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. 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. 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. Definicje: MIKRODANE
●
standard dedykowany dla HTML 5
●
wykorzystuje atrybuty: itemscope, itemprop, itemtype
●
zalecany przez Google
Więcej: http://schema.org
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>
12. DEFINICJE
RICH SNIPPETS
(fragmenty rozszerzone)
MIKRODANE RDF MIKROFORMATY
itemtype
property
rel
itemscope
content
rev
itemprop
typeof
class
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. JAK TESTOWAĆ?
Narzędzie do testowania danych strukturalnych Google:
http://www.google.com/webmasters/tools/richsnippets
lub: http://goo.gl/VBJZo
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. Czy Rich Snippets zawsze poprawiają CTR?
1. Niska pozycja strony w Google
2. Niewyświetlanie rozszerzeń dla wszystkich podstron
3. „Spowszednienie” gwiazdek
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
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>
38. WTYCZKA „GRAFIKI W SERPach” DO POBRANIA
http://marketingdlaludzi.pl/do-pobrania
lub
http://goo.gl/xFsPq
ZA DARMO! :)
39. DOKĄD TERAZ?
http://marketingdlaludzi.pl
– prezentacja
– wszystkie ważne linki
– wtyczka dla grafik w WordPress do pobrania
– dyskusja w komentarzach