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.

Microdata

5,001 views

Published on

Презентацията "Microdata & SEO" на Васил Тошков за семинара "Новите SEO правила!" на 20.11.2012г.

Published in: Technology
  • @kkatsarov Утре ще го разискваме и ще се опитам да отговоря.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Супер е презентацията! Но някой знае ли нещо по въпроса със авторитета - какъв трябва да е, зависи ли от конкуренцията за снипетите и други?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Microdata

  1. 1. Microdata & SEOСеминар: Новите SEO правила! Васил Тошков
  2. 2. Васил Тошков ● SEO в Cloxy ● Toshkov.com ● Софтуерни технологии ● AdWords сертифициран ● HTML5 и уеб програмиране ● LinuxПрезентацията се намира на адрес: slideshare.net/cloxy/microdata
  3. 3. Съдържание• Какво е Microdata• Речникът Schema.org• Алтернативи• Приложения• Rich Snippets• Примери• Авторство
  4. 4. Какво е Microdata• Част от HTML5, W3C стандарт• Заменя старите Микроформати• По-лесна интеграция от RDFa• Пътят към семантичен уеб• DOM API за браузърите• Заменя други технологии, като Video Sitemaps
  5. 5. Глобални Microdata атрибути• itemscope – Обхват на обекта• itemtype – Тип на обекта• itemprop – Свойство на обекта• itemref – За свойства във външни обекти• itemid – Уникален идентификатор <span itemscope itemtype="..."> <span itemprop="...">...</span> </span>
  6. 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. 7. Речникът Schema.org• Речник за Microdata• Препоръчан от Google, Yahoo, Bing и Yandex• Изключително богат, поддържа наследявания и вложени обекти• Не е нужно всички сайтове да интегрират схемата• Всички примери във W3C за Microdata са със Schema.org . Участието на Google.
  8. 8. Базов клас Thing• name• description• image• url• additionalType
  9. 9. Наследяване и йерархия Thing Place CreativeWork ProductLocalBusiness Article ProductModel Store BlogPosting NewsArticleClothingStore BikeStore JewelryStore http://schema.org/docs/full.html
  10. 10. Алтернативи• Microdata (HTML5)• Microformats (HTML4)• RDFa (XHTML) (W3C standard 2008)• eRDF (Embedded RDF)• GRDDL (W3C Recommendation 2007)• Open Graph Protocol (Facebook) Една и съща цел – повече семантика
  11. 11. Приложения на Microdata• Семантично търсене• Rich Snippets• Social Graph и споделяне – Персонализирани реклами – Препоръки от приятели• Извличане на структурирана информация• Браузър плъгини
  12. 12. Най-често се използва за• Хора (изгражда доверие)• Рецепти• Електронни магазини (+GoodRelations)• Отзиви• Новинарски сайтове• Събития• Google+
  13. 13. Rich Snippets в Google• Нов инструмент за тестване google.com/webmasters/tools/richsnippets• Нови правила за използване – Схемата трябва да съвпада на 100% – Описва се само видима информация• Често сменят изисквания и правила• Има задължителни атрибути• Иска се сайтът да има авторитет
  14. 14. Ползи• Привличат вниманието• Потребителят знае какво да очаква• Увеличават CTR ~ 30%• По-добро класиране• Изграждат доверие• Участие в семантичното търсене = РЕАЛИЗАЦИИ
  15. 15. Пример (Рецепта)
  16. 16. Пример (Ревю)
  17. 17. Пример (Продукт)
  18. 18. Пример (Събитие)
  19. 19. Пример (Книга и Филм)
  20. 20. Алтернативата не е добра
  21. 21. Rich Snippets @ Googe Trends
  22. 22. Брандове с Microdata• IMDb• eBay• iTunes• Booking.com• CNET• Rotten Tomatoes• Allrecipes.com
  23. 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. 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. 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. 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. 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. 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. 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. 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. 31. Без Microdata<p>Здравейте, казвам се Васил Тошков.Занимавам се със SEO. Списвам личенблог на адрес<a href="http://toshkov.com/">toshkov.com</a>. Живея на ул. Плиска 3, 1001 София,България.</p>
  32. 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" itemscopeitemtype="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. 33. Социален граф Dieti.net АвторSubway Лили Харесва Приятел Васил Приятел Ще присъства Иво Харесва SEOконференция Спонсорира SuperHosting
  34. 34. Недостатъци на OGP• Не описва, а дублира информацията• Смесване на форматите• Плосък речник без подобекти• Няма наследяване• Описва се страница, а не реален обект: – Харесваш човек или даден профил? – Харесваш коментара или страницата? – Някои неща са повече от един обект!
  35. 35. Авторство• Обвързано с Google+• Свързаност с други профили• Авторство при брандове rel=publisher• От авторство към авторитет – бавно• Специалист по определена тема• На снимката трябва да има лице!
  36. 36. Верификация Страница Google+ Google+ rel=me за автора Профил Профил r r r o o r tho tho uth uth =au au a a = = = rel rel rel relПубликация Публикация Публикация Публикация
  37. 37. Защо да участваме?• По-висок CTR• Над 5 патента на Google за авторство• По-добро класиране на страници с автор• Анализът на съдържанието вече не е достатъчен• Вече участвате (Twitter)• Защита на съдържание• Google Knowledge Graph
  38. 38. Хей,тези ги познавам отнякъде!
  39. 39. Author Rank
  40. 40. Нямало никой в Google+? > 400 000 000
  41. 41. Всичко върви към Google+
  42. 42. Преминаване към Google+
  43. 43. Най-важното• Описвайте съдържанието с Microdata, не е толкова трудно за интеграция!• Използвайте релевантни схеми!• Тествайте редовно и следете за новости!• Градете от сега свои и клиентски авторитетни профили в Google+!• Направете страница на бизнеса си в Google+ и я поддържайте!
  44. 44. Въпроси?Васил Тошковwww.cloxy.comFacebook.com/cloxyTwitter.com/cloxyGplus.to/cloxy

×