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

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

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

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

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

6.
Микроформати и Microdata
• Микроформати
<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>
Не се работи с класове => не объркваме стиловете.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

21.
Rich Snippets @ Googe Trends

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

23.
Публикация (без 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>

24.
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>

25.
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>

26.
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>

27.
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>

28.
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>

29.
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>

30.
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>

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

32.
Чрез 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>

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

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

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

36.
Верификация
Страница Google+ Google+
rel=me
за автора Профил Профил
r
r
r
o
o
r
tho
tho
uth
uth
=au
au
a
a
=
=
=
rel
rel
rel
rel
Публикация Публикация Публикация Публикация

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

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

39.
Author Rank

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

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

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

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

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