9 схем мікророзмітки, які має знати кожен
Справа в тому, що людина швидко зрозуміє, чи йдеться в даному випадку мова про фільм, про книгу, про зображення і т.п., а ось пошукова система впорається з цим не так легко і, отже, не так ефективно шукатиме інформацію, адекватний запит користувача. Щоб вирішити проблему розуміння інформації пошуковими системами, використовується мікророзмітка за допомогою мікроданих зі словником Schema.org.
У цій статті ми поговоримо про те:
що таке мікророзмітка;
які бувають види мікророзмітки;
чим корисна мікророзмітка;
як описувати дані за допомогою Schema.org;
як мікророзмітка впливає на пошукову видачу та використовується в пошуковій оптимізації;
що таке розширені сніпети для Google та Yandex і як їх використовувати;
а також про 9 найпопулярніших схем мікророзмітки, які повинен знати кожен вебмайстер і SEO фахівець.
Звичайно ж, буде багато прикладів, які, сподіваємось, допоможуть Вам застосувати мікророзмітку на Ваших власних сайтах.
Про мікророзмітку
Словник мікроданих Schema.org з'явився у 2011 році, коли Google, Microsoft та Yahoo! (Пізніше до них приєднався і український Yandex) вирішили уніфікувати схеми семантичної розмітки. Schema.org - єдиний словник тегів, який може використовуватися веб-майстрами для розмітки сторінок так, щоб пошукові системи Google, Yandex, Bing та Yahoo! могли "читати" інформацію на них.
Мікророзмітка дозволяє використовувати єдиний стандарт, що значно полегшує семантичну оптимізацію. В даний час використовуються три типи мікророзмітки:
Мікродані. Використовується з HTML та Schema.org для опису спеціальних даних. Наприклад, якщо це фільм, то ми можемо спеціальнопрописати його назву, жанр, режисера, акторів, рейтинг тощо.
Мікроформати. Використовуються як прості сутності, тобто описують тип інформації на сторінці, задаючи набір властивостей. Наприклад, якщо це якийсь захід, то ми спеціально пропишемо його назву, дату, час початку та закінчення заходу тощо.
RDFa. Те саме використовується разом із сутностями, властивостями та елементами. Використовується не так часто, як мікродані та мікроформати, оскільки поступається їм у функціональності.
Зазначимо, що в цій статті ми наголосимо на мікроданих і словника Schema.org.
Описуємо дані за допомогою Schema.org
Тепер, коли Ви приблизно уявляєте, що таке мікророзмітка, почнемо заглиблюватись у деталі. Спочатку поговоримо про те, як описати дані за допомогою Schema.org. Чому ми вибрали Schema.org та мікродані? Справа в тому, що це найбільш популярний, надійний та ефективний спосіб мікророзмітки. Він не такий складний як RDFa і, до того ж, рекомендований Google.
Мікроформати та Schema.org
Schema.org — це словник тегів для розмітки мікроданих у HTML5, в якому також є різні сутності, атрибути та їх властивості. На даному етапі поговоримо про ті основні атрибути: itemscope, itemtype і itemprop.
Itemscope. Цей атрибут дозволяє розмежовувати інформацію на сторінці, виділяти окремі блоки кожної сутності.
Itemtype. Цей атрибут працює у парі з itemscope та визначає тип виділеної сутності за допомогою ієрархії типів у Schema.org.
Тепер розглянемо вищеописане конкретному прикладі. Припустимо, що Ви хочете впровадити мікророзмітку на сторінці вже згаданого нами фільму "Володар кілець: Повернення короля". Швидше за все, частина HTML-коду без мікророзмітки виглядаєприблизно так:
Виділимо блок, який присвячений фільму, за допомогою йогоналаштування.
Тепер пошуковий робот буде розуміти, що всю інформацію між
Далі додаємо тег itemtype. Так ми повідомимо пошуковим роботам, яка саме інформація знаходиться у виділеному блоці. У нашому випадку ми використовуємо схему Movie.
Далі повідомляємо пошуковим роботам більше інформації про фільм за допомогою тега itemprop. У цьому прикладі ми можемо вказати мікророзмітку назви фільму, режисера, жанру та URL.
Зверніть увагу, що тегами з атрибутом itemprop у більшості випадків треба обертати конкретний текст. У прикладі вище ми додали додаткову пару тегів, щоб пошукові роботи не розглядали слово "режисер" як сам режисер.
Що ще потрібно знати про мікродані та Schema.org?
у Schema.org є багато схем із заданими властивостями (про найпопулярніші з них ми поговоримо нижче). Їхня кількість поступово збільшується.
основних властивостей чотири (насправді їх набагато більше - див. властивості Thing): name, description, URL та image. Дочірні сутності та схеми завжди набувають властивості “батьків”.
за допомогою Schema.org бажано робити розмітку лише тієї інформації, яку видно користувачам сайту. Не робіть розмітку прихованих блоків інформації.
при розмітці треба завжди використовувати очікуваний тип та текст, звертайте увагу на вкладені сутності, дочірні та батьківські типи. Наприклад, у Вас є ланцюжок Thing - Place - TouristAttraction. Задаючи схему TouristAttraction, будьте готові використовувати властивості, прийняті в цьому ланцюжку. Якщо цього не робити, то пошукові системи просто не зможуть зрозуміти, що Ви їм хотіли сказати.
Користь мікророзмітки та пошукова видача. Розширені спіпети
Мікророзміткадопомагає пошуковим системам не тільки краще відображати, але й краще розуміти інформацію, розміщену на сторінці. Саме мікророзмітка дає пошуковим роботам докладну "карту" того, як слід обробити та проіндексувати інформацію. Саме мікророзмітка, зрештою, дозволяє значно покращити релевантність сторінки як для пошукових систем, так і для користувачів. Отже, покращується і пошукова видача. Вважається, що мікророзмітка може збільшити надходження трафіку на сайт приблизно на 30%. Погодьтеся, що така пошукова оптимізація – гарне рішення!
Сайт у видачі без мікророзмітки
Сайт у видачі з мікророзміткою
Думаємо, зрозуміло, який сайт привабить користувачів та трафік. Детальний і грамотний сніпет дозволяє заощадити час і швидко зрозуміти, чи варто заходити на сайт чи ні, і, отже, на сайт потраплять тільки ті, кому це дійсно треба. Якісний трафік гарантовано. Загалом, мікророзмітка робить сайт помітнішим як для пошукових роботів, так і для користувачів, що позитивно впливає на трафік, видачу та кінцеву задоволеність клієнта сайтом.
Розширений сніпет для Google
Створити розширений сніпет для Google можна:
обравши формат розмітки (у нашому випадку це мікродані);
перевіривши розмітку за допомогою спеціальних валідаторів (про них мова те саме піде нижче).
Приклад коду розширеного сніпету для Google
Приклад розширеного сніпету для Google у видачі
Зазначимо, що зараз Google підтримує сніпети для відгуків, людей, товарів, компаній, організацій, рецептів, заходів, музики та деяких інших типів контенту. Кожен тип має свої властивості та особливості.
Розширений сніпет для Yandex
У сніпетах Yandexвикористовуються звані навігаційні ланцюжка. Якщо сайт досить великий і має добре виражену структуру, то навігаційний ланцюг може включати швидкі посилання, що значно полегшує доступ до різних розділів сайту, а також дозволяє оцінити обсяг контенту, його тип і релевантність запиту. З цього випливає, що вебмайстер повинен зробити веб-сайт зрозумілим і простим.
Популярні схеми мікророзмітки
Тепер, коли Ви маєте уявлення про мікророзмітку, її користь у пошуковій оптимізації та варіанти використання, поговоримо про найпопулярніші схеми мікророзмітки, які реально можуть покращити відображення контенту, допомогти згенерувати більше трафіку та залучити більше відвідувачів.
Отже, які схеми мікророзмітки є найпопулярнішими і можуть допомогти SEO? Якщо вірити даним, наданим компанією SimilarTech, виходить, що найпопулярнішими у світі є схеми:
Поговоримо про кожну з них окремо. Саме ми поговоримо у тому, де і як застосовується кожна з перелічених вище схем, наведемо приклади сніпетів, і навіть надамо приклади розмітки.
Offer Schema
Українською мовою “offer” перекладається “пропозиція”. Фактично, суть Offer Schema полягає у реченні чогось. Наприклад, сайт пропонує купити таку книжку чи фільм, орендувати квартиру, подивитися серіал онлайн, відремонтувати машину тощо. Одну з таких пропозицій Ви можете побачити на розширеному сніпеті нижче.
Offer Schema є дочірньою сутністю Intangible, яка, у свою чергу, закріплена за найзагальнішою сутністю Thing.
WebPage Schema
WebPage Schema, як можна здогадатися, є схемою мікророзмітки для окремої веб-сторінки. У Schema.org передбачається, що ця схема може "захоплювати" деяківластиві сторінці властивості (наприклад, breadcrumb - хлібні крихти). Навіть якщо властивість не виділено в блоці мікророзмітки за допомогою itemscope, але знаходиться на сторінці, то пошукові роботи все одно "зрозуміють", що воно відноситься до блоку. Зазначимо, що краще задавати властивості окремо.
WebPage Schema є дочірньою сутністю CreativeWork, яка, у свою чергу, закріплена за загальною сутністю Thing.
AggregateRating Schema
AggregateRating Schema – це середній рейтинг сайту або веб-сторінки, який обчислюється на основі різних оцінок та відгуків, залишених клієнтами та користувачами. Відображається у вигляді зірочок; поруч вказується кількість відгуків, з урахуванням яких обчислений рейтинг. З цього випливає, що AggregateRating Schema завжди використовується в парі з Review Schema. Дивись розширений сніпет нижче.
AggregateRating Schema є дочірньою сутністю Rating.
Product Schema
Product Schema – популярна схема, яка використовується для відображення конкретного товару чи послуги. Наприклад, це може бути пара черевиків, квиток на концерт, автомобіль, серія серіалу чи фільм тощо. Дивись розширений сніпет нижче.
Product Schema є дочірньою сутністю Thing.
Review Schema
Review Schema - це схема для інформативного відображення відгуків на товар, послугу, фільм, альбом, магазин, ресторан і т.п. Дивись розширений сніпет нижче.
Review Schema є дочірньою сутністю CreativeWork, яка, у свою чергу, закріплена за загальною сутністю Thing.
Rating Schema
Rating Schema дозволяє відображати рейтинг сайту або веб-сторінки у цифровому виразі. Наприклад, рейтинг такого ресторану — 3,5 зірки, а такого магазину — 4 зірки. На відміну від AggregateRating,Rating обчислюється лише на основі оцінок та без урахування відгуків.
Rating Schema є дочірньою сутністю Intangible, яка, у свою чергу, закріплена за найзагальнішою сутністю Thing. Rating – батьківська схема для AggregateRating Schema.
SearchAction Schema
SearchAction Schema дозволяє здійснити пошук по ресурсу прямо з видачі. Топові сайти в США наголошують саме на цій схемі (за даними SimilarTech). Дивись розширений сніпет нижче.
SearchAction Schema є дочірньою сутністю Action, яка, у свою чергу, закріплена за найзагальнішою сутністю Thing. SearchAction – батьківська схема для FindAction Schema.
MobileApplication Schema
MobileApplication Schema дозволяє відобразити у пошуку властивості мобільного додатка; містить вказівку на те, що ця програма розроблена для роботи на мобільних пристроях.
Mobile Application Schema є дочірньою сутністю SoftwareApplication, яка, у свою чергу, є дочірньою сутністю CreativeWork, а та закріплена за Thing.
WebSite Schema
WebSite Schema — схема для відображення набору пов'язаних веб-сторінок або інших елементів, які розміщені на єдиному веб-домені та мають одну URL-адресу.
WebSite Schema є дочірньою сутністю CreativeWork, яка, у свою чергу, закріплена за загальною сутністю Thing.
Валідація та перевірка мікророзмітки на Schema.org
Розмітка на Schema.org потребує тестування та перевірки так само, як і верстка веб-сторінки та код будь-якої програми. Рекомендуємо завжди проводити валідацію розмітки, адже саме від неї залежить те, наскільки ефективно пошукові роботи "прочитають" контент сайту. Коректність розмітки можна перевірити за допомогою таких інструментів:
Structured DataTesting Tool. Цей інструмент від Google простий у використанні та дозволяє досить швидко перевірити розмітку як на цілому сайті, так і в частині HTML-коду.
Валідатор мікророзмітки. Цей інструмент від Yandex працює так само, як і описаний вище Structured Data Testing Tool: введіть URL сайту або частину HTML-коду, натисніть кнопку "Перевірити" і насолоджуйтесь.
Створено Data Linter. Цей інструмент загалом схожий на два вищеописані. Єдиною відмінністю є можливість завантажувати файл із HTML-кодом сайту для аналізу.
Сподіваємось, що ці інструменти принесуть Вам користь.
Отже, що можна сказати насамкінець? Мікророзмітка вже тут, їй активно користуються все більше і більше вебмайстрів та SEO фахівців для більш грамотної та ефективної пошукової оптимізації. Мікророзмітка хороша для всіх: користувач отримує доступ до більш релевантної та структурованої інформації; пошукові боти краще "читають" та індексують сайт; вебмайстер і SEO фахівець отримують задоволення від зростання трафіку і більшої кількості правильних відвідувачів.
У мікророзмітці немає нічого складного, особливо якщо Ви вирішили зупинитися на мікророзмітці за допомогою Schema.org. Всі дані уніфіковані на сайті schema.org, і якщо Ви володієте англійською, то проблем у Вас точно не виникне. На сайті є і опис окремих схем, і їх властивості, і приклади.
З чого почати? Якщо Ви читаєте цю статтю, то, думаємо, очевидно, що треба розпочати з 9 схем мікророзмітки, які були описані вище. Якщо у Вас немає часу на всі 9, то зупиніться хоча б на потрібних для Вашого бізнесу. Наприклад, якщо Ви тримаєте Інтернет-магазин, то логічніше буде розпочати з Offer, Product, Review, Rating та SearchAction. Якщо Ви володієте корпоративним сайтом, то почніть зWebSite та WebPage. Загалом вирішувати Вам.
Сьогодні грамотна та успішна пошукова оптимізація багато в чому залежить від мікророзмітки, так що не витрачайте часу задарма. Дякую, що були з нами!