Мікророзмітка - що це, навіщо потрібна і як її впровадити?

Хочете, щоб сніпет сторінок вашого сайту вигідно вирізнявся серед конкурентів у результатах пошуку, а Google краще розумів структуру вашого ресурсу? Тоді вам необхідно подбати про розширення сніпетів за допомогою впровадження мікророзмітки на сторінки сайту. У цій статті ми детально розглянемо основні види мікророзмітки, варіанти її впровадження та потенційний вплив на сніпети сторінок у пошуковій видачі, ранжування та індексацію сайту пошуковими системами.

Що таке мікророзмітка?

Мікророзмітка — це спеціальний вид розмітки, який допомагає пошуковій системі краще розуміти контент на сторінках сайту. Також мікророзмітка дозволяє покращити зовнішній вигляд сніпета, що, у свою чергу, може підвищити його привабливість для користувача, і в результаті користувач перейде саме на ваш сайт.

Суть мікророзмітки полягає в тому, щоб розмітити елементи, які знаходяться на сторінці сайту, спеціальними тегами, щоб виділити їх для пошукової системи.

Найпопулярнішим словником мікророзмітки на даний момент є Schema.org.

Існує кілька синтаксисів мікророзмітки — Microdata, RDFa та JSON-LD. Докладніше про кожен із них далі.

Microdata

Синтаксис мікророзмітки, який з’явився вперше в HTML5. Розмітка здійснюється безпосередньо в HTML-коді сторінки. Складається з кількох основних елементів:

• itemscope — визначає, який блок буде вузлом мікророзмітки (зазвичай блок, у якому міститься інформація, що розмічається);
• itemtype — використовується для вказівки типу елемента (наприклад, якщо в блоці міститься рецепт якогось блюда, то значенням цього атрибута буде https://schema.org/Recipe);
• itemprop — використовується для вказівки властивостей елемента мікророзмітки (наприклад, якщо ми розмічаємо рецепт, то унікальними властивостями будуть itemprop = "recipeIngredient" або itemprop = "cookTime").

Детальну інформацію про кожен тип мікророзмітки та їхні властивості можна отримати в словнику Schema.org.

Розглянемо приклад мікророзмітки з використанням синтаксису Microdata для сторінки з рецептом яєчні.

<div itemscope itemtype="https://schema.org/Recipe">
  <span itemprop="name">Яєчня</span>
  Автор: <span itemprop="author">Іван Іванович</span>,
  <meta itemprop="datePublished" content="2021-05-01">1 травня 2021
  <img itemprop="image" src="eggs.jpg" alt="Яєчня" />
  <span itemprop="description">Класичний рецепт яєчні</span>
  Час приготування: <meta itemprop="cookTime" content="PT10M">10 хвилин
  Теги: <link itemprop="suitableForDiet" href="https://schema.org/LowFatDiet" />Дієтична страва
  <div itemprop="nutrition" itemscope itemtype="https://schema.org/NutritionInformation">
    Харчова цінність:
    <span itemprop="calories">100 ккал</span>,
    <span itemprop="fatContent">3 г жиру</span>
  </div>
  Інгредієнти:
  - <span itemprop="recipeIngredient">2 яйця</span>
  - <span itemprop="recipeIngredient">сіль</span>
  - <span itemprop="recipeIngredient">перець</span>
  Як готувати:
  <span itemprop="recipeInstructions">
    Розбиваємо яйця на сковороду, солимо, перчимо. Чекаємо кілька хвилин.
  </span>
</div>

Отже, що ми бачимо в нашій мікророзмітці:

• <span itemprop="name">Яєчня</span> — назва страви;
• <span itemprop="author">Іван Іванович</span> — ім’я автора страви;
• <meta itemprop="cookTime" content="PT10M">10 хвилин — час приготування 10 хвилин;
• <link itemprop="suitableForDiet" href="https://schema.org/LowFatDiet" />Дієтична страва — тут ми бачимо додавання до мікророзмітки ще одного типу — LowFatDiet. За його допомогою ми вказуємо, що страва дієтична;
• <span itemprop="calories">100 ккал</span> — кількість калорій у страві;
• <span itemprop="recipeIngredient">2 яйця</span> — інгредієнт страви;
• <span itemprop="recipeInstructions">Розбиваємо яйця на сковороду, солимо, перчимо. Чекаємо кілька хвилин. </span> — опис способу приготування.

RDFa

Цей синтаксис мікророзмітки був розроблений фахівцями з W3C (World Wide Web Consortium) з метою структурування даних на сайті. Цей синтаксис схожий на Microdata, оскільки також розмічається безпосередньо в HTML-коді. Наразі цей синтаксис рідко використовується для стандартної мікророзмітки, оскільки він трохи складніший у реалізації, ніж Microdata.

Приклад:

<div vocab="https://schema.org/" typeof="Product">
    <img property="image" src="dell-30in-lcd.jpg" alt="Монітор Dell UltraSharp"> <span property="name">Монітор Dell UltraSharp 30"</span>
    <div property="aggregateRating" typeof="AggregateRating">
        <span property="ratingValue">87</span> із
        <span property="bestRating">100</span> на основі
        <span property="ratingCount">24</span> оцінок користувачів
    </div>
    <div property="offers" typeof="AggregateOffer">
        <span property="lowPrice">$1250</span> до
        <span property="highPrice">$1495</span> від
        <span property="offerCount">8</span> продавців Продавці:
        <div property="offers" typeof="Offer">
            <a property="url" href="save-a-lot-monitors.com/dell-30.html">Save A Lot Monitors - $1250</a>
        </div>
        <div property="offers" typeof="Offer">
            <a property="url" href="jondoe-gadgets.com/dell-30.html">Jon Doe's Gadgets - $1350</a>
        </div>
        ...
    </div>
</div>

JSON-LD

Цей синтаксис з’явився останнім серед цих трьох. Основна відмінність у тому, що розмітка впроваджується всередині тега <script>, а не в HTML-код. Являє собою пари "ключ-значення".

Розглянемо на прикладі того ж рецепту яєчні:

<script type="application/ld+json">
  {  
  "@context": "https://schema.org",
  "@type": "Recipe",
  "author": "Іван Іванович",
  "cookTime": "PT1H",
  "datePublished": "2021-05-01",
  "description": "Класичний рецепт яєчні",
  "image": "eggs.jpg",
  "recipeIngredient": [
    "2 яйця",
    "сіль",
    "перець"
  ],
  "name": "Яєчня",
  "nutrition":   {  
    "@type": "NutritionInformation",
    "calories": "100 ккал",
    "fatContent": "3 г жиру"
    }  ,
  "recipeInstructions": "Розбиваємо яйця на сковороду, солимо, перчимо. Чекаємо кілька хвилин.",
  "suitableForDiet": "https://schema.org/LowFatDiet"
  }  
</script>

• ключами виступають author, cookTime, description тощо;
• значеннями цих ключів відповідно є — Іван Іванович, PT1H (1 година), "Класичний рецепт яєчні".

Цей синтаксис є найпростішим і найзручнішим, оскільки не потрібно змінювати основну розмітку сторінки. Також цей синтаксис рекомендує використовувати як сам словник Schema.org, так і пошукова система Google.

Найпопулярніші типи мікророзмітки

На даний момент можна виділити такі типи мікророзмітки як найбільш часто використовувані:

• Organization
• Product
• BreadcrumbList
• Event
• FAQ
• AggregateRating

Розглянемо кожен із цих типів окремо.

Organization

Що таке Organization?

Цей тип мікророзмітки дозволяє розмітити дані про організацію, щоб виділити їх для пошукової системи. Це дозволяє структурувати ці дані, щоб пошуковій системі було легше їх отримати.

Як Organization впливає на сайт?

Завдяки даним із мікророзмітки Organization можна покращити ранжування в локальній видачі.

У сніпет після впровадження цього типу мікророзмітки може виводитися адреса компанії або її телефон. Також завдяки їй може відбуватися наступне:

Які види мікророзмітки Organization існують?

У цього типу мікророзмітки існує безліч підтипів:

• Airline
• Consortium
• Corporation
• EducationalOrganization
• FundingScheme
• GovernmentOrganization
• LibrarySystem
• LocalBusiness
• MedicalOrganization
• NGO
• NewsMediaOrganization
• PerformingGroup
• Project
• SportsOrganization
• WorkersUnion

Докладніше з кожним із них можна ознайомитися в словнику Schema.org.

Приклад мікророзмітки Organization

Розглянемо приклад:

<script type="application/ld+json">
  {   "@context" : "http://schema.org",
  "@type" : "Organization",
  "url" : "https://svet.kharkov.ua/",
  "email" : "stsoffice@ukr.net",
  "logo" : "https://svet.kharkov.ua/wa-data/public/site/themes/epika20062017/img/logo.png?v1.1.0.58",
  "name" : "STS",
  "description": "Наша компанія пропонує Вам постачання світлотехнічного обладнання та джерел світла для комплектації різних об’єктів (промислового, офісного призначення, житлових приміщень, декоративного та вуличного освітлення) від різних виробників — «Світлові технології», «PHILIPS», «GE», «BEGA», «Massive», «Linea Light», «Lena Lighting», «Feron», «Ultralight» та багатьох інших виробників. Також ми пропонуємо Вам постачання кабельно-провідникової та електротехнічної продукції різних виробників і повне забезпечення будівельними матеріалами для внутрішніх і зовнішніх робіт за прийнятними для Вас цінами. Ми пропонуємо продукцію різного рівня цін — від найекономнішого до елітного рівня. Якщо Вас зацікавила наша пропозиція, просимо надати заявку з продукцією, що Вас цікавить.",
  "contactPoint" :[ 
    {   "@type" : "ContactPoint",
      "telephone" : "+38 (057) 731-38-35",
      "contactType" : "служба підтримки клієнтів"   }  
    ]   }  
</script>

Це мікророзмітка Organization для інтернет-магазину світлотехнічного обладнання.

Використовувані ключі:

• • url — адреса сайту;
  • email — адреса електронної пошти;
  • logo — логотип сайту;
  • name — назва організації;
  • description — короткий опис;
  • telephone — номер телефону;
  • contactType — тип обслуговування за телефоном вище.

Це далеко не всі поля, які доступні в цьому типі мікророзмітки.

Також можна використовувати:

• валюта, що приймається;
• інформація про оплату;
• вказівка філій;
• час роботи кожної філії тощо.

Як впровадити Organization на свій сайт?

Впроваджувати тип мікророзмітки Organization, згідно з рекомендаціями Google, потрібно на головну сторінку сайту. Це логічно, оскільки головна сторінка сайту, грубо кажучи, є візитною карткою компанії чи організації, і на ній міститься вся інформація, необхідна для цього типу мікророзмітки.

Щодо технічного аспекту впровадження на сайт, то формуємо скрипт вручну або за допомогою будь-якого генератора мікророзмітки. Далі вставляємо отриманий скрипт у код головної сторінки сайту.

Product

Що таке Product?

Цей тип мікророзмітки дозволяє розмітити інформацію про товар. За допомогою цієї мікророзмітки можна чітко вказати пошуковій системі, що на сторінці є ціною, що є назвою товару, а що є його описом.

Як мікророзмітка Product впливає на сайт?

Завдяки мікророзмітці Product можна отримати розширений сніпет такого вигляду:

Якщо говорити про покращення ранжування, то за допомогою цієї мікророзмітки ми можемо збільшити CTR сніпета в пошуковій видачі, що опосередковано сприяє покращенню поведінкових факторів, а це може впливати на позиції. Також явно показуємо пошуковій системі, чим є сторінка (товар чи категорія). А також надаємо інформацію про різні важливі елементи товарів (ціна, опис, відгуки, доступність).

Які типи Product існують?

У цього типу мікророзмітки існує безліч підтипів:

• IndividualProduct
• ProductCollection
• ProductGroup
• ProductModel
• SomeProducts
• Vehicle

Докладніше з кожним із них можна ознайомитися в словнику Schema.org.

Приклад Product

Розглянемо приклад мікророзмітки Product:

<script type="application/ld+json">
  {  
  "@context": "https://schema.org",
  "@type": "Product",
  "aggregateRating":   {  
    "@type": "AggregateRating",
    "ratingValue": "5",
    "reviewCount": "11"
    }  ,
  "description": "Гідравлічний візок (рокла, рохля) – одноциліндровий ручний механізм для переміщення або підйому різних вантажів. Замовте візок на нашому сайті з доставкою за 3 дні!",
  "name": "Візок гідравлічний (рокла, рохля)",
  "image": "https://site.ua/rokla.jpg",
  "offers":   {  
    "@type": "Offer",
    "availability": "https://schema.org/InStock",
    "price": "5600.00",
    "priceCurrency": "UAH"
    }  ,
  "review": [
      {  
      "@type": "Review",
      "author": "Олена",
      "datePublished": "2020-04-01",
      "reviewBody": "Купили гідравлічний візок на 3т. Перевозимо палети тротуарної плитки вагою до 2 т. За два місяці роботи жодних нарікань не було, підйомний механізм працює чудово, ролики крутяться, метал міцний.",
      "name": "Хороша рокла",
      "reviewRating":   {  
        "@type": "Rating",
        "bestRating": "5",
        "ratingValue": "5",
        "worstRating": "1"
        }  
      }  ,
      {  
      "@type": "Review",
      "author": "Lucas",
      "datePublished": "2020-03-25",
      "reviewBody": "Купили нещодавно. Все працює без нарікань.",
      "name": "Відмінний товар",
      "reviewRating":   {  
        "@type": "Rating",
        "bestRating": "5",
        "ratingValue": "5",
        "worstRating": "1"
        }  
      }  
  ]
  }  
</script>

Це мікророзмітка Product для товару "Рокла". У ній міститься 3 блоки. Перший — AggregateRating (про нього докладніше нижче), другий — інформація про товар, третій — блок із розміткою відгуків для цього товару.

Використовувані ключі:

• • ratingValue — значення рейтингу товару (зазвичай від 1 до 5 зірок);
  • reviewCount — кількість відгуків про товар;
  • price — ціна товару;
  • priceCurrency — валюта;
  • description — опис товару;
  • author — ім’я автора відгуку;
  • reviewBody — текст відгуку;
  • bestRating, worstRating — верхній і нижній поріг оцінки;
  • ratingValue — поточний рейтинг товару.

Це далеко не всі поля, які доступні в цьому типі мікророзмітки.

Також можна використовувати:

• бренд товару;
• колір товару;
• матеріал;
• модель;
• артикул тощо.

Як впровадити Product на свій сайт?

Впроваджувати тип мікророзмітки Product, згідно з рекомендаціями Google, потрібно на сторінки товарів.

Щодо технічного аспекту впровадження на сайт, то є два варіанти впровадження:

• формуємо скрипт і витягуємо в значення дані з сайту за допомогою змінних, у яких зберігається потрібна інформація;
• розмічаємо наявні елементи на сторінці за допомогою атрибутів тегів відповідно до синтаксису Microdata.

В обох варіантах впроваджуємо код у шаблон сторінки товару та перевіряємо за допомогою інструменту перевірки структурованих даних.

BreadcrumbList

Що таке BreadcrumbList?

BreadcrumbList — мікророзмітка, що використовується для розмітки "хлібних крихт" сайту. Зазвичай це перелік елементів, який є ланцюжком пов’язаних елементів, останнім із яких є сторінка, на якій перебуває користувач.

Як BreadcrumbList впливає на сайт?

У результаті впровадження мікророзмітки BreadcrumbList можна отримати розширений сніпет такого вигляду:

Виводяться "хлібні крихти" у тому ж вигляді, що й на сайті.

Приклад BreadcrumbList

<script type="application/ld+json">
  {  
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
		  {  
			"@type": "ListItem",
			"position": 1,
			"item":   {  
				"@id": "https://toyota.com.ua/uk/",
				"name": "Автосаміт"
			  }  
		  }  ,
		  {  
			"@type": "ListItem",
			"position": 2,
			"item":   {  
				"@id": "modelnyij-ryad",
				"name": "Нові автомобілі"
			  }  
		  }  ,
		  {  
			"@type": "ListItem",
			"position": 3,
			"item":   {  
				"@id": "https://toyota.com.ua/uk/camry",
				"name": "Camry"
			  }  
		  }  
	]
  }  
</script>

Це мікророзмітка BreadcrumbList для сторінки "Toyota Camry". Використовувані ключі:

• position — позиція елемента в "хлібних крихтах";
• name — назва елемента з "хлібних крихт";
• item — посилання на елемент "хлібних крихт";

Як впровадити BreadcrumbList на свій сайт?

Як і у випадку з Product, впроваджуємо одним із двох способів. Формуємо скрипт, у який витягуємо елементи "хлібних крихт". Або ж розмічаємо наявні елементи навігації на сайті за допомогою синтаксису Microdata.

Event

Що таке Event?

Event — вид мікророзмітки, призначений для розмітки будь-яких запланованих подій, заходів. Відповідно до рекомендацій пошукової системи Google, ця мікророзмітка повинна відповідати трьом факторам:

• не повинна містити рекламних елементів або вартості в назві, лише в спеціальних властивостях;
• мати чітку дату початку заходу;
• повинна містити місце проведення (онлайн-заходи не підходять).

Як Event впливає на сайт?

Завдяки впровадженню цього виду мікророзмітки можна отримати розширений сніпет такого вигляду:

У сніпеті міститься інформація про концерт (дата проведення — 14 і 15 вересня та виконавець).

Також розмічати цією мікророзміткою можна й загальну сторінку заходу:

У підсумку ми бачимо в сніпеті всі найближчі заходи.

Які види Event існують?

У цього типу мікророзмітки існує безліч підтипів:

• BusinessEvent
• ChildrensEvent
• ComedyEvent
• CourseInstance
• DanceEvent
• DeliveryEvent
• EducationEvent
• EventSeries
• ExhibitionEvent
• Festival
• FoodEvent
• Hackathon
• LiteraryEvent
• MusicEvent
• PublicationEvent
• SaleEvent
• ScreeningEvent
• SocialEvent
• SportsEvent
• TheaterEvent
• VisualArtsEvent

Можна розмітити як спортивний захід, так і якийсь дитячий захід. Варіантів багато, вибирайте будь-який, що вам підходить.

Приклад Event

Розглянемо наступний приклад мікророзмітки Event:

<script type="application/ld+json">
  {  
"@context":"https://schema.org",
"@type":"MusicEvent",
"name":"Nightwish",
"image":"https://internet-bilet.ua/images/events_header/big/eh_1589202823_5eb94f8741c47.png",
"startDate":"2021-09-14T20:00:00+03:00",
"endDate":"2021-09-15T00:00:00+03:00",
"url":"https://kiev.internet-bilet.ua/uk/nightwish",
"eventStatus":"EventScheduled",
"location":
  {  
"@type":"Place",
"name":"Stereo Plaza",
"address":
  {  
"@type":"PostalAddress",
"streetAddress":"Київ, пр. Валерія Лобановського, 119",
"addressLocality":"Київ",
"addressCountry":"Україна"
  }  
  }  ,
"offers":
  {  
"@type":"AggregateOffer",
"price":0,
"lowPrice":0,
"highPrice":0,
"priceCurrency":"UAH",
"url":"https://kiev.internet-bilet.ua/uk/event-scheme/34619/nightwish",
"availability":"https://schema.org/InStock",
"category":"primary",
"validFrom":"2021-09-14T20:00:00+03:00",
"seller":
  {  
"@type":"Organization",
"name":"Сервіс Internet-bilet.ua"
  }  
  }  
  }  
</script>

Це мікророзмітка MusicEvent для сторінки "Концерт Nightwish у Києві". Використовувані ключі:

• startDate, endDate — дата початку та закінчення заходу;
• name — назва заходу;
• description — опис заходу;
• блок location — дані про місце проведення заходу.

Як впровадити Event на свій сайт?

Все як завжди. Або складаємо скрипт із даними зі сторінки заходу та впроваджуємо в код цієї ж сторінки. Або розмічаємо вже наявний код за допомогою синтаксису Microdata.

FAQ

Що таке FAQ?

FAQ — мікророзмітка, призначена для розмітки сторінок із часто заданими питаннями. Цей вид мікророзмітки з’явився відносно недавно і вже встиг стати дуже відомим. Так, після появи багато вебмайстрів почали зловживати впровадженням цього типу мікророзмітки, через що пошукова система Google була змушена посилити вимоги до неї. Після цього відображення FAQ у сніпетах скоротилося в рази.

Як FAQ впливає на сайт?

Завдяки впровадженню цього типу мікророзмітки можна зайняти значно більше місця в пошуковій видачі, ніж за допомогою стандартного сніпета:

Як видно зі скриншота вище, сніпет збільшується майже вдвічі. Це очевидно підвищує привабливість сніпета, а відповідно дозволяє отримати більше трафіку на сайт, звісно, за умови перебування в ТОПі.

Приклад FAQ

Розглянемо наступний приклад мікророзмітки FAQ

<script type="application/ld+json">
  {  
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [  {  
    "@type": "Question",
    "name": "Терміни реєстрації торгової марки?",
    "acceptedAnswer":   {  
      "@type": "Answer",
      "text": "Законодавством України терміни реєстрації торгової марки в Україні не передбачені, що викликає певні складнощі. На практиці стандартний термін реєстрації ТМ становить 18-24 місяці. Існує прискорена процедура проведення експертизи, замовивши яку можна отримати рішення експертизи за 7-9 місяців."
      }  
    }  ,   {  
    "@type": "Question",
    "name": "Скільки коштує зареєструвати ТМ?",
    "acceptedAnswer":   {  
      "@type": "Answer",
      "text": "Вартість реєстрації залежить від багатьох факторів: ✓ чи буде проводитися перевірка на тотожність і схожість; ✓ від кількості класів; ✓ чи подаватиметься кольорова чи чорно-біла ТМ; ✓ чи буде проводитися прискорена процедура реєстрації. Мінімальна вартість послуги становить 6675 грн. (з урахуванням послуги Харківської торгово-промислової палати)"
      }  
    }  ,   {  
    "@type": "Question",
    "name": "Що таке «класи»?",
    "acceptedAnswer":   {  
      "@type": "Answer",
      "text": "Клас – це вид діяльності або послуги, виробництво товарів за призначенням або з певними властивостями. Класи для реєстрації ТМ містяться в Міжнародній класифікації товарів і послуг."
      }  
    }  ]
  }  
</script>

Це мікророзмітка FAQ для сторінки "Реєстрація торгової марки". Використовувані ключі:

• блок Question із запитанням;
• name — запитання;
• блок Answer із відповіддю;
• text — відповідь.

Як впровадити FAQ на свій сайт?

Для впровадження мікророзмітки FAQ на свій сайт потрібно сформувати для кожної окремої сторінки або за допомогою шаблону скрипт і впровадити його на сторінки. Або ж розмітити запитання та відповіді відповідними тегами за допомогою синтаксису Microdata.

AggregateRating

Що таке AggregateRating?

AggregateRating — тип мікророзмітки, за допомогою якого можна розмітити рейтинг товару, якогось закладу тощо. Зазвичай використовується як частина якогось більш глобального типу, наприклад Product. Для впровадження на сайт необхідно мати на сторінках відображуваний рейтинг, наприклад, у вигляді зірок. Найкраще працює в комбінації з відгуками. Оскільки наявність відгуків підтверджує, що оцінки склали реальні люди, а не впроваджені програмно.

Як AggregateRating впливає на сайт?

У результаті впровадження цього типу мікророзмітки можна отримати розширений сніпет такого вигляду:

Такий сніпет значно привабливіший зазвичай, а отже, може привести більше користувачів саме на ваш сайт.

Приклад AggregateRating

"aggregateRating":   {  
    "@type": "AggregateRating",
    "ratingValue": "5",
    "reviewCount": "2"
    }  

Це мікророзмітка AggregateRating. Використовувані ключі:

• ratingValue — поточна оцінка;
• reviewCount — кількість відгуків;

Як впровадити AggregateRating на свій сайт?

Для впровадження цього типу мікророзмітки на сайт потрібно мати на сторінці систему оцінок (наприклад, зірки). Далі впроваджуємо скрипт, у який підтягуються дані про поточну оцінку. Або ж розмічаємо елементи на сторінці за допомогою синтаксису Microdata.

Загальні рекомендації щодо впровадження мікророзмітки

Відповідно до рекомендацій пошукової системи, мікророзмітка повинна містити ті ж елементи, що присутні на сторінці. Відповідно, якщо якогось елемента на сторінці немає, то його не повинно бути і в мікророзмітці. Це вважатиметься маніпуляцією, і сайт може отримати ручні санкції від асесорів.

Не варто використовувати типи мікророзмітки, які абсолютно не підходять до сторінки. За це також можна отримати ручні санкції.

Як перевіряти та контролювати мікророзмітку

Для цих цілей є кілька сервісів.

Основним є валідатор мікророзмітки від Google.

Виглядає він так:

У ньому можна як перевірити мікророзмітку на конкретній сторінці сайту:

Так і перевірити окремий фрагмент коду:

Якщо з мікророзміткою все гаразд, то сервіс покаже таке:

Якщо є помилки, то картина буде такою:

Щоб контролювати ситуацію з мікророзміткою, у панелі вебмайстрів є спеціальні розділи, розбиті за типами:

Усередині кожного з розділів можна побачити інформацію про стан конкретного типу мікророзмітки на вашому сайті:

Висновок:

Мікророзмітка на даний момент є одним із важливих елементів оптимізації сайту. Вона не тільки дозволяє покращити зовнішній вигляд сніпета, але й структурувати дані сайту для пошукової системи, що також може принести чимало переваг у просуванні вашого сайту.