O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Microdata

5.121 visualizações

Publicada em

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

Publicada em: Tecnologia

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

×