Uploaded byВасил Тошков
Microdata
Презентацията "Microdata & SEO" на Васил Тошков за семинара "Новите SEO правила!" на 20.11.2012г.
Microdata
- 1. Microdata & SEO Семинар:Новите SEO правила! Васил Тошков
- 2. Васил Тошков ● SEO в Cloxy ● Toshkov.com ● Софтуерни технологии ● AdWords сертифициран ● HTML5 и уеб програмиране ● Linux Презентацията се намира на адрес: slideshare.net/cloxy/microdata
- 3. Съдържание • Какво е Microdata • Речникът Schema.org • Алтернативи • Приложения • Rich Snippets • Примери • Авторство
- 6. Какво е Microdata • Част от HTML5, W3C стандарт • Заменя старите Микроформати • По-лесна интеграция от RDFa • Пътят към семантичен уеб • DOM API за браузърите • Заменя други технологии, като Video Sitemaps
- 7. Глобални Microdata атрибути • itemscope – Обхват на обекта • itemtype – Тип на обекта • itemprop – Свойство на обекта • itemref – За свойства във външни обекти • itemid – Уникален идентификатор <span itemscope itemtype="..."> <span itemprop="...">...</span> </span>
- 8. Микроформати и 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> Не се работи с класове => не объркваме стиловете.
- 9. Речникът Schema.org • Речникза Microdata • Препоръчан от Google, Yahoo, Bing и Yandex • Изключително богат, поддържа наследявания и вложени обекти • Не е нужно всички сайтове да интегрират схемата • Всички примери във W3C за Microdata са със Schema.org . Участието на Google.
- 10. Базов клас Thing • name • description • image • url • additionalType
- 11. Наследяване и йерархия Thing Place CreativeWork Product LocalBusiness Article ProductModel Store BlogPosting NewsArticle 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. Приложения на Microdata •Семантично търсене • Rich Snippets • Social Graph и споделяне – Персонализирани реклами – Препоръки от приятели • Извличане на структурирана информация • Браузър плъгини
- 14. Най-често се използваза • Хора (изгражда доверие) • Рецепти • Електронни магазини (+GoodRelations) • Отзиви • Новинарски сайтове • Събития • Google+
- 15. Rich Snippets вGoogle • Нов инструмент за тестване google.com/webmasters/tools/richsnippets • Нови правила за използване – Схемата трябва да съвпада на 100% – Описва се само видима информация • Често сменят изисквания и правила • Има задължителни атрибути • Иска се сайтът да има авторитет
- 16. Ползи • Привличат вниманието • Потребителят знае какво да очаква • Увеличават CTR ~ 30% • По-добро класиране • Изграждат доверие • Участие в семантичното търсене = РЕАЛИЗАЦИИ
- 17.
- 18.
- 19.
- 20.
- 21. Пример (Книга иФилм)
- 24. Алтернативата не едобра
- 25. Rich Snippets @Googe Trends
- 26. Брандове с Microdata • IMDb • eBay • iTunes • Booking.com • CNET • Rotten Tomatoes • Allrecipes.com
- 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 itemscopeitemtype="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 <articleitemscope 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 itemscopeitemtype="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 itemscopeitemtype="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 itemscopeitemtype="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 itemscopeitemtype="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. Без Microdata <p>Здравейте, казвамсе Васил Тошков. Занимавам се със SEO. Списвам личен блог на адрес <a href="http://toshkov.com/ ">toshkov.com</a> . Живея на ул. Плиска 3, 1001 София, България.</p>
- 36. Чрез Microdata <p itemscopeitemtype="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. Социален граф Dieti.net Автор Subway Лили Харесва Приятел Васил Приятел Ще присъства Иво Харесва SEO конференция Спонсорира SuperHosting
- 38. Недостатъци на OGP • Не описва, а дублира информацията • Смесване на форматите • Плосък речник без подобекти • Няма наследяване • Описва се страница, а не реален обект: – Харесваш човек или даден профил? – Харесваш коментара или страницата? – Някои неща са повече от един обект!
- 39. Авторство • Обвързано с Google+ • Свързаност с други профили • Авторство при брандове rel=publisher • От авторство към авторитет – бавно • Специалист по определена тема • На снимката трябва да има лице!
- 40. Верификация Страница Google+ Google+ rel=me за автора Профил Профил r r r o o r tho tho uth uth =au au a a = = = rel rel rel rel Публикация Публикация Публикация Публикация
- 41. Защо да участваме? •По-висок CTR • Над 5 патента на Google за авторство • По-добро класиране на страници с автор • Анализът на съдържанието вече не е достатъчен • Вече участвате (Twitter) • Защита на съдържание • Google Knowledge Graph
- 42. Хей, тези ги познавам отнякъде!
- 43.
- 44. Нямало никой вGoogle+? > 400 000 000
- 45. Всичко върви къмGoogle+
- 46.
- 47. Най-важното • Описвайте съдържаниетос Microdata, не е толкова трудно за интеграция! • Използвайте релевантни схеми! • Тествайте редовно и следете за новости! • Градете от сега свои и клиентски авторитетни профили в Google+! • Направете страница на бизнеса си в Google+ и я поддържайте!
- 49.