• Какво е Microdata • Речникът Schema.org • Алтернативи • Приложения • Rich Snippets • Примери • Авторство

1. Васил Тошков
Microdata & SEO
Семинар: Новите SEO правила!

2. Васил Тошков
Презентацията се намира на адрес:
slideshare.net/cloxy/microdata
●
SEO в Cloxy
●
Toshkov.com
●
Софтуерни
технологии
●
AdWords
сертифициран
●
HTML5 и уеб
програмиране
●
Linux

3. • Какво е Microdata
• Речникът Schema.org
• Алтернативи
• Приложения
• Rich Snippets
• Примери
• Авторство
Съдържание

6. • Част от HTML5, W3C стандарт
• Заменя старите Микроформати
• По-лесна интеграция от RDFa
• Пътят към семантичен уеб
• DOM API за браузърите
• Заменя други технологии, като Video
Sitemaps
Какво е Microdata

7. • itemscope – Обхват на обекта
• itemtype – Тип на обекта
• itemprop – Свойство на обекта
• itemref – За свойства във външни обекти
• itemid – Уникален идентификатор
<span itemscope itemtype="...">
<span itemprop="...">...</span>
</span>
Глобални Microdata атрибути

8. • Микроформати
<p class="vcard">
<a href="#" class="fn url">Име Фам.</a>
</p>
• Microdata
<p itemscope itemtype="http://schema.org/Person">
<a href="#" itemprop="name url">Име Фам.</a>
</p>
Не се работи с класове => не объркваме стиловете.
Микроформати и Microdata

9. • Речник за Microdata
• Препоръчан от Google, Yahoo, Bing и
Yandex
• Изключително богат, поддържа
наследявания и вложени обекти
• Не е нужно всички сайтове да
интегрират схемата
• Всички примери във W3C за Microdata са
със Schema.org . Участието на Google.
Речникът Schema.org

10. • name
• description
• image
• url
• additionalType
Базов клас Thing

11. Наследяване и йерархия
Thing
Place CreativeWork Product
Article
BlogPosting NewsArticle
ProductModelLocalBusiness
Store
ClothingStore BikeStore JewelryStore
http://schema.org/docs/full.html

12. • Microdata (HTML5)
• Microformats (HTML4)
• RDFa (XHTML) (W3C standard 2008)
• eRDF (Embedded RDF)
• GRDDL (W3C Recommendation 2007)
• Open Graph Protocol (Facebook)
Една и съща цел – повече семантика
Алтернативи

13. • Семантично търсене
• Rich Snippets
• Social Graph и споделяне
– Персонализирани реклами
– Препоръки от приятели
• Извличане на структурирана
информация
• Браузър плъгини
Приложения на Microdata

14. • Хора (изгражда доверие)
• Рецепти
• Електронни магазини (+GoodRelations)
• Отзиви
• Новинарски сайтове
• Събития
• Google+
Най-често се използва за

15. • Нов инструмент за тестване
google.com/webmasters/tools/richsnippets
• Нови правила за използване
– Схемата трябва да съвпада на 100%
– Описва се само видима информация
• Често сменят изисквания и правила
• Има задължителни атрибути
• Иска се сайтът да има авторитет
Rich Snippets в Google

16. • Привличат вниманието
• Потребителят знае какво да очаква
• Увеличават CTR ~ 30%
• По-добро класиране
• Изграждат доверие
• Участие в семантичното търсене
= РЕАЛИЗАЦИИ
Ползи

17. Пример (Рецепта)

18. Пример (Ревю)

19. Пример (Продукт)

20. Пример (Събитие)

21. Пример (Книга и Филм)

24. Алтернативата не е добра

25. Rich Snippets @ Googe Trends

26. • IMDb
• eBay
• iTunes
• Booking.com
• CNET
• Rotten Tomatoes
• Allrecipes.com
Брандове с Microdata

27. Публикация (без Microdata)
<article>
<header>
<h1>Заглавие</h1>
<time datetime="2011-12-09">9.12.2011</time>
<a href="..." rel="author">...</a>
</header>
<p>...</p>
<p>...</p>
<footer>
<!-- Етикети, Подобни, Коментари, Бутони … -->
</footer>
</article>

28. itemscope
<article itemscope>
<header>
<h1>Заглавие</h1>
<time datetime="2011-12-09">9.12.2011</time>
<a href="..." rel="author">...</a>
</header>
<p>...</p>
<p>...</p>
<footer>
<!-- Етикети, Подобни, Коментари, Бутони … -->
</footer>
</article>

29. itemtype: BlogPosting
<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1>Заглавие</h1>
<time datetime="2011-12-09">9.12.2011</time>
<a href="..." rel="author">...</a>
</header>
<p>...</p>
<p>...</p>
<footer>
<!-- Етикети, Подобни, Коментари, Бутони … -->
</footer>
</article>

30. itemprop: name headline
<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1 itemprop="name headline">Заглавие</h1>
<time datetime="2011-12-09">9.12.2011</time>
<a href="..." rel="author">...</a>
</header>
<p>...</p>
<p>...</p>
<footer>
<!-- Етикети, Подобни, Коментари, Бутони … -->
</footer>
</article>

31. itemprop: datePublished
<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1 itemprop="name headline">Заглавие</h1>
<time datetime="2011-12-09"
itemprop="datePublished">9.12.2011</time>
<a href="..." rel="author">...</a>
</header>
<p>...</p>
<p>...</p>
<footer>
<!-- Етикети, Подобни, Коментари, Бутони … -->
</footer>
</article>

32. itemprop: author
<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1 itemprop="name headline">Заглавие</h1>
<time datetime="2011-12-09"
itemprop="datePublished">9.12.2011</time>
<a href="..." rel="author" itemprop="author">...</a>
</header>
<p>...</p>
<p>...</p>
<footer>
<!-- Етикети, Подобни, Коментари, Бутони … -->
</footer>
</article>

33. itemprop: articleBody
<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1 itemprop="name headline">Заглавие</h1>
<time datetime="2011-12-09"
itemprop="datePublished">9.12.2011</time>
<a href="..." rel="author" itemprop="author">...</a>
</header>
<div itemprop="articleBody">
<p>...</p>
<p>...</p>
</div>
<footer>
<!-- Етикети, Подобни, Коментари, Бутони … -->
</footer>
</article>

34. itemprop: keywords
<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1 itemprop="name headline">Заглавие</h1>
<time datetime="2011-12-09"
itemprop="datePublished">9.12.2011</time>
<a href="..." rel="author" itemprop="author">...</a>
</header>
<div itemprop="articleBody">
<p>...</p>
<p>...</p>
</div>
<footer>
<div itemprop="keywords">tag1, tag2</div>
</footer>
</article>

35. <p>Здравейте, казвам се Васил Тошков.
Занимавам се със SEO. Списвам личен
блог на адрес
<a href="http://toshkov.com/
">toshkov.com</a>
. Живея на ул. Плиска 3, 1001 София,
България.</p>
Без Microdata

36. Чрез Microdata
<p itemscope itemtype="http://schema.org/Person">
Здравейте, казвам се
<span itemprop="name">Васил Тошков</span>.
Занимавам се със
<span itemprop="jobTitle">SEO</span>.
Списвам личен блог на адрес
<a href="http://toshkov.com/" itemprop="url">toshkov.com</a>.
<span itemprop="address" itemscope
itemtype="http://schema.org/PostalAddress">
Живея на
<span itemprop="streetAddress">ул. Плиска 3</span>,
<span itemprop="postalCode">1001</span>
<span itemprop="addressLocality">София</span>,
<span itemprop="addressCountry">България</span>.
</span>
</p>

37. Социален граф
Васил
Лили
Иво
Приятел
Приятел
SuperHosting
SEO
конференция
Харесва
Ще присъства
Dieti.net
Автор
Спонсорира
Subway
Харесва

38. • Не описва, а дублира информацията
• Смесване на форматите
• Плосък речник без подобекти
• Няма наследяване
• Описва се страница, а не реален обект:
– Харесваш човек или даден профил?
– Харесваш коментара или страницата?
– Някои неща са повече от един обект!
Недостатъци на OGP

39. • Обвързано с Google+
• Свързаност с други профили
• Авторство при брандове rel=publisher
• От авторство към авторитет – бавно
• Специалист по определена тема
• На снимката трябва да има лице!
Авторство

40. Верификация
Публикация Публикация Публикация
Google+
Профил
rel=author
rel=author
Публикация
Google+
Профил
rel=author
rel=author
Страница
за автора
rel=me

41. • По-висок CTR
• Над 5 патента на Google за авторство
• По-добро класиране на страници с автор
• Анализът на съдържанието вече не е
достатъчен
• Вече участвате (Twitter)
• Защита на съдържание
• Google Knowledge Graph
Защо да участваме?

42. Хей,
тези ги познавам
отнякъде!

43. Author Rank

44. Нямало никой в Google+?
> 400 000 000

45. Всичко върви към Google+

46. Преминаване към Google+

47. • Описвайте съдържанието с Microdata, не
е толкова трудно за интеграция!
• Използвайте релевантни схеми!
• Тествайте редовно и следете за новости!
• Градете от сега свои и клиентски
авторитетни профили в Google+!
• Направете страница на бизнеса си в
Google+ и я поддържайте!
Най-важното

49. Въпроси?
Васил Тошков
www.cloxy.com
Facebook.com/cloxy
Twitter.com/cloxy
Gplus.to/cloxy