Головна
Блог
Що таке мікророзмітка сайту – детальна інструкція по реалізації

Опубліковано 19.11.2024

Що таке мікророзмітка сайту – детальна інструкція по реалізації

65 хв читати

256

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

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

Що таке мікророзмітка і для чого вона потрібна

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

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

Види мікророзмітки

Схеми мікророзмітки

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

Schema.org: Найпопулярніший словник, розроблений спільно Google, Microsoft, Yahoo та Yandex. Він надає широкий набір типів та властивостей для різних видів контенту.
Open Graph: Створений Facebook для оптимізації контенту в соціальних мережах. Дозволяє контролювати, як ваші сторінки відображаються при спільному доступі.
Мікроформати: Використовують існуючі HTML-атрибути для позначення даних, особливо контактної інформації та подій.
Data Vocabulary: Старий формат, який поступово виходить з використання.
Dublin Core: Набір стандартів для опису метаданих, часто використовується в бібліотеках та архівах.
FOAF (Friend of a Friend): Схема для опису соціальних мереж та відносин між людьми.

Синтаксис мікророзмітки

Синтаксис визначає, як саме ви вбудовуєте мікророзмітку в HTML-код. Це “граматика”, яка використовується для правильного оформлення даних. Основні синтаксиси:

Мікродані (Microdata): Використовує атрибути HTML5, такі як itemscope, itemtype та itemprop, для позначення структурованих даних.
RDFa (Resource Description Framework in Attributes): Розширює існуючі HTML-теги атрибутами для вбудовування метаданих.
Мікроформати: Вбудовують дані безпосередньо в HTML, використовуючи класи та атрибути.
JSON-LD (JavaScript Object Notation for Linked Data): Вставляє структуровані дані у форматі JSON всередині тегів <script type="application/ld+json">. Рекомендований Google за свою простоту та гнучкість.

Найбільш використовувані комбінації

Schema.org у поєднанні з JSON-LD або з Microdata — стандарт де-факто для більшості веб-сайтів. Це забезпечує максимальну сумісність та підтримку з боку пошукових систем.
Open Graph — широко використовується для оптимізації контенту в соціальних мережах, особливо при поширенні посилань на Facebook, Twitter, LinkedIn та Telegram.

Практичні приклади використання мікророзмітки

Мікророзмітка для Header (Шапка сайту)

Шапка сайту (header) містить основну навігацію, логотип, контактні дані та посилання на соціальні мережі. Правильна розмітка допомагає пошуковим системам зрозуміти структуру сайту, а також сприяє підвищенню зручності для користувачів.

<header itemscope itemtype="https://schema.org/WPHeader">
  <!-- Логотип компанії -->
  <div itemscope itemtype="https://schema.org/Organization">
    <a href="/" itemprop="url">
      <img src="logo.png" alt="Логотип компанії" itemprop="logo">
    </a>
    <meta itemprop="name" content="Назва компанії">
  </div>

  <!-- Навігаційне меню -->
  <nav itemscope itemtype="https://schema.org/SiteNavigationElement">
    <ul>
      <li><a href="/about" itemprop="url"><span itemprop="name">Про нас</span></a></li>
      <li><a href="/services" itemprop="url"><span itemprop="name">Послуги</span></a></li>
      <li><a href="/blog" itemprop="url"><span itemprop="name">Блог</span></a></li>
      <li><a href="/contact" itemprop="url"><span itemprop="name">Контакти</span></a></li>
    </ul>
  </nav>

  <!-- Контактна інформація -->
  <div itemscope itemtype="https://schema.org/ContactPoint">
    <meta itemprop="contactType" content="Customer Support">
    <p>Телефон: <a href="tel:+380123456789" itemprop="telephone">+380123456789</a></p>
    <p>Email: <a href="mailto:info@example.com" itemprop="email">info@example.com</a></p>
  </div>

  <!-- Посилання на соціальні мережі -->
  <div>
    <a href="https://facebook.com/company" itemprop="sameAs">Facebook</a>
    <a href="https://twitter.com/company" itemprop="sameAs">Twitter</a>
    <a href="https://linkedin.com/company" itemprop="sameAs">LinkedIn</a>
  </div>
</header>

Organization – використовується для позначення офіційної інформації про компанію, наприклад, назви та логотипу. Дозволяє пошуковим системам асоціювати сайт із брендом, відображаючи логотип та контактні дані у видачі, що підвищує довіру до бренду.
SiteNavigationElement – вказує на навігаційне меню сайту. Допомагає пошуковим системам зрозуміти структуру сайту і створити зручні посилання (sitelinks) у результатах пошуку, що полегшує навігацію для користувачів.
ContactPoint – вказує контактну інформацію компанії, таку як телефон, email, тип контактів (наприклад, підтримка клієнтів). Відображає контактні дані у видачі, що корисно для локального SEO і полегшує користувачам зв’язок з компанією.
sameAs – додається до профілів у соціальних мережах, щоб асоціювати їх із брендом. Пошукові системи можуть відображати офіційні профілі компанії, що підвищує авторитет і видимість бренду.

Мікророзмітка для Footer (Підвал сайту)

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

<footer itemscope itemtype="https://schema.org/WPFooter">
  <!-- Розширена навігація -->
  <nav itemscope itemtype="https://schema.org/SiteNavigationElement">
    <ul>
      <li><a href="/about" itemprop="url"><span itemprop="name">Про нас</span></a></li>
      <li><a href="/services" itemprop="url"><span itemprop="name">Послуги</span></a></li>
      <li><a href="/faq" itemprop="url"><span itemprop="name">Часті питання</span></a></li>
      <li><a href="/terms" itemprop="url"><span itemprop="name">Умови використання</span></a></li>
      <li><a href="/privacy" itemprop="url"><span itemprop="name">Політика конфіденційності</span></a></li>
    </ul>
  </nav>

  <!-- Додаткова контактна інформація -->
  <div itemscope itemtype="https://schema.org/ContactPoint">
    <meta itemprop="contactType" content="Customer Support">
    <p>Телефон: <a href="tel:+380123456789" itemprop="telephone">+380123456789</a></p>
    <p>Email: <a href="mailto:info@example.com" itemprop="email">info@example.com</a></p>
  </div>
  
  <!-- Адреса -->
  <div itemscope itemtype="https://schema.org/PostalAddress">
    <p>Адреса: 
      <span itemprop="streetAddress">вул. Шевченка, 10</span>, 
      <span itemprop="addressLocality">Київ</span>, 
      <span itemprop="addressCountry">Україна</span>
    </p>
  </div>

  <!-- Копірайт -->
  <p>© <span itemprop="copyrightYear">2024</span> <span itemprop="copyrightHolder">Назва компанії</span>. Всі права захищені.</p>

  <!-- Платежі та безпека -->
  <div itemscope itemtype="https://schema.org/PaymentCard">
    <img src="visa.png" alt="Visa">
    <img src="mastercard.png" alt="MasterCard">
  </div>
</footer>

SiteNavigationElement – позначає розширене навігаційне меню в нижній частині сайту, яке допомагає пошуковим системам краще розуміти основну структуру сайту та полегшує користувачам доступ до ключових розділів.
ContactPoint — важливий елемент для відображення контактної інформації, що особливо корисно для локального SEO. Цей тег включає деталі, такі як телефон та email. Більш детально про налаштування ContactPoint дивіться розділі нижче.
PostalAddress – дозволяє чітко визначити місцезнаходження компанії. Особливо корисно для локальних бізнесів, щоб поєднати сайт з точною адресою.
copyrightYear та copyrightHolder — Ці теги додають інформацію про рік авторського права та власника сайту, що допомагає користувачам зрозуміти, що контент оновлений і захищений авторським правом.
PaymentCard — Позначає підтримувані платіжні системи для інтернет-магазинів, що може підвищити довіру користувачів до сайту, демонструючи доступні способи оплати.

Мікророзмітка для сторінки контактів

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

<div itemscope itemtype="https://schema.org/ContactPage">
  <h1 itemprop="name">Контактна інформація</h1>

  <!-- Інформація про компанію -->
  <div itemscope itemtype="https://schema.org/Organization">
    <meta itemprop="name" content="Назва компанії">
    <meta itemprop="url" content="https://example.com">
    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
      <img src="logo.png" alt="Логотип компанії" itemprop="url">
    </div>

    <!-- Контактна точка -->
    <div itemprop="contactPoint" itemscope itemtype="https://schema.org/ContactPoint">
      <meta itemprop="contactType" content="Customer Support">
      <p>Телефон: <a href="tel:+380123456789" itemprop="telephone">+380123456789</a></p>
      <p>Email: <a href="mailto:info@example.com" itemprop="email">info@example.com</a></p>
    </div>
    
    <!-- Адреса компанії -->
   <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> 
			<p>Адреса:</p> 
			<p><span itemprop="streetAddress">вул. Шевченка, 10</span></p> 
			<p><span itemprop="addressLocality">Київ</span>, <span itemprop="addressRegion">Київська область</span></p>
			<p><span itemprop="postalCode">01001</span>, <span itemprop="addressCountry">Україна</span></p> 
    </div>
  </div>
</div>

ContactPage – означає, що сторінка є контактною сторінкою компанії. Це допомагає пошуковим системам розуміти, що ця сторінка містить ключову контактну інформацію.
ContactPoint – є ключовою мікророзміткою для представлення контактної інформації компанії на сайті. Ця мікророзмітка допомагає пошуковим системам чітко визначити та відобразити контактні дані в локальній видачі, що особливо важливо для компаній, які обслуговують певний географічний регіон.
PostalAddress – використовується для точного позначення місцезнаходження компанії через:
- streetAddress – вказує точну адресу з будинком і вулицею (наприклад, «вул. Шевченка, 10»). Це ключовий елемент, який допомагає пошуковим системам ідентифікувати точне місце розташування.
- addressLocality – назва міста (наприклад, «Київ»). Місто важливе для локальних результатів пошуку, особливо коли користувачі шукають місцеві компанії.
- addressRegion – регіон або область (наприклад, «Київська область»). Це корисний атрибут для компаній, які обслуговують клієнтів у конкретному регіоні або мають офіси в різних регіонах.
- postalCode – поштовий індекс (наприклад, «01001»). Додаючи поштовий індекс, ви підвищуєте точність розташування в локальних результатах.
- addressCountry – країна (наприклад, «Україна»). Чітке вказання країни необхідне для міжнародних компаній та допомагає пошуковим системам асоціювати ваш бізнес з конкретною країною.

Використання PostalAddress для позначення адреси підвищує зручність для користувачів і надає вагомі переваги для локального SEO.

Мікророзмітка Хлібних крихтів (Breadcrumbs)

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

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

<ul itemscope itemtype="https://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
    <a itemprop="item" href="https://example.com">
      <span itemprop="name">Головна</span>
    </a>
    <meta itemprop="position" content="1" />
  </li>
  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/electronics">
      <span itemprop="name">Електроніка</span>
    </a>
    <meta itemprop="position" content="2" />
  </li>
  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/electronics/smartphones">
      <span itemprop="name">Смартфони</span>
    </a>
    <meta itemprop="position" content="3" />
  </li>
</ul>

Мікророзмітка для відгуків та рейтингу

Відгуки про товар (Product)

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

<div itemscope itemtype="https://schema.org/Product">
  <h2 itemprop="name">Смартфон Y</h2>
  <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
    <span itemprop="ratingValue">4.5</span> з 5
    <span itemprop="reviewCount">128 відгуків</span>
  </div>
  
  <!-- Окремий відгук -->
  <div itemprop="review" itemscope itemtype="https://schema.org/Review">
    <span itemprop="author">Іван Коваль</span> пише:
    <p itemprop="reviewBody">Відмінний смартфон! Якість фото на високому рівні.</p>
    <span itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
      Рейтинг: <span itemprop="ratingValue">5</span> з 5
    </span>
  </div>
</div>

У цьому прикладі AggregateRating показує середній рейтинг і загальну кількість відгуків, а кожен окремий відгук позначається тегом Review, включаючи автора (author), текст відгуку (reviewBody) та рейтинг (reviewRating).

Відгуки про сайт або компанію (LocalBusiness або Organization)

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

<div itemscope itemtype="https://schema.org/LocalBusiness">
  <h2 itemprop="name">Піцерія "Смачна піца"</h2>
  <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
    <span itemprop="ratingValue">4.7</span> з 5
    <span itemprop="reviewCount">250 відгуків</span>
  </div>
  
  <!-- Окремий відгук про компанію -->
  <div itemprop="review" itemscope itemtype="https://schema.org/Review">
    <span itemprop="author">Марія Іванова</span> пише:
    <p itemprop="reviewBody">Найкраща піца в місті! Дуже швидка доставка.</p>
    <span itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
      Рейтинг: <span itemprop="ratingValue">5</span> з 5
    </span>
  </div>
</div>

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

Наявність атрибута author є обов’язковим для відгуків, оскільки пошукові системи вимагають прозорості та правдивості даних. Вказання автора додає легітимності відгуку та підтверджує, що він є справжнім і негенерованим автоматично.

Мікророзмітка для статей та новин

Мікророзмітка для статей відіграє важливу роль у тому, як пошукові системи ідентифікують, індексують та відображають інформаційний контент. Google та інші пошукові системи розрізняють три основні типи мікророзмітки для статей: Article, NewsArticle та BlogPosting. Кожен із цих типів має свої унікальні характеристики та призначення, які відповідають конкретним типам контенту. Давайте розберемося в кожному з них, коли і як їх слід використовувати.

`Article`: Загальна мікророзмітка для статей

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

<article itemscope itemtype="https://schema.org/Article">
  <!-- Заголовок статті -->
  <h1 itemprop="headline">Глибокий аналіз змін клімату в ХХІ столітті</h1>
  
  <!-- Опис статті -->
  <p itemprop="description">Ця стаття розглядає основні фактори, які впливають на зміни клімату, та їх можливі наслідки для природи і суспільства.</p>
  
  <!-- Автор статті -->
  <div itemprop="author" itemscope itemtype="https://schema.org/Person">
<a itemprop="url" href="https://example.com/profile/olena-tkachenko">
    		Автор: <span itemprop="name">Олена Ткаченко</span>
	 </a>
  </div>
  
  <!-- Дата публікації (Вказується у форматі: дата час часовий пояс) -->
  <p>Дата публікації: <time itemprop="datePublished" datetime="2024-10-15T08:00:00+02:00">15 жовтня 2024</time></p>
  
  <!-- Дата останнього редагування (Вказується у форматі: дата час часовий пояс) -->
  <p>Останнє оновлення: <time itemprop="dateModified" datetime="2024-10-20T09:00:00+02:00">20 жовтня 2024</time></p>
  
  <!-- Зображення статті -->
  <img src="climate_change.jpg" alt="Кліматичні зміни" itemprop="image">
  
  <!-- Основний текст статті -->
  <div itemprop="articleBody">
    <p>Зміни клімату стали однією з найактуальніших тем сучасності...</p>
  </div> 
</article>

`NewsArticle`: Мікророзмітка для Новинних Статей

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

<article itemscope itemtype="https://schema.org/NewsArticle">
  <!-- Заголовок новини -->
  <h1 itemprop="headline">Нові екологічні ініціативи уряду для боротьби зі змінами клімату</h1>
  
  <!-- Опис новини -->
  <p itemprop="description">Уряд оголосив про нові заходи, спрямовані на захист навколишнього середовища та зменшення викидів CO2.</p>
  
  <!-- Автор новини -->
  <div itemprop="author" itemscope itemtype="https://schema.org/Person">
    	<a itemprop="url" href="https://example.com/profile/olena-tkachenko">
    		Автор: <span itemprop="name">Олена Ткаченко</span>
	 </a>
  </div>
  
  <!-- Джерело новини -->
  <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <meta itemprop="name" content="Новини Сьогодні">
    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
      <img src="publisher_logo.png" alt="Логотип видавця" itemprop="url">
    </div>
  </div>
  
  <!-- Дата публікації та редагування (Вказується у форматі: дата час часовий пояс) -->
  <p>Дата публікації: <time itemprop="datePublished" datetime="2024-10-20T08:00:00+02:00">20 жовтня 2024</time></p>
  <p>Останнє оновлення: <time itemprop="dateModified" datetime="2024-10-21T09:00:00+02:00">21 жовтня 2024</time></p>
  
  <!-- Зображення новини -->
  <img src="environment_initiative.jpg" alt="Ініціатива для захисту природи" itemprop="image">
  
  <!-- Основний текст новини -->
  <div itemprop="articleBody">
    <p>Сьогодні уряд представив низку нових заходів для зниження викидів...</p>
  </div>
</article>

`BlogPosting`: Мікророзмітка для Блогів

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

<article itemscope itemtype="https://schema.org/BlogPosting">
  <!-- Заголовок блог-посту -->
  <h1 itemprop="headline">10 порад для продуктивного робочого дня</h1>
  
  <!-- Опис посту -->
  <p itemprop="description">У цьому пості ми розглянемо 10 корисних порад, які допоможуть вам стати продуктивнішими.</p>
  
  <!-- Автор блог-посту -->
  <div itemprop="author" itemscope itemtype="https://schema.org/Person">
    	<a itemprop="url" href="https://example.com/profile/olena-tkachenko">
    		Автор: <span itemprop="name">Олена Ткаченко</span>
	 </a>
  </div>
  
  <!-- Видавець блогу -->
  <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <meta itemprop="name" content="Блог про продуктивність">
    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
      <img src="blog_logo.png" alt="Логотип блогу" itemprop="url">
    </div>
  </div>
  
  <!-- Дата публікації та останнього редагування (Вказується у форматі: дата час часовий пояс) -->
  <p>Дата публікації: <time itemprop="datePublished" datetime="2024-10-18T08:00:00+02:00">18 жовтня 2024</time></p>
  <p>Останнє оновлення: <time itemprop="dateModified" datetime="2024-10-19T09:00:00+02:00">19 жовтня 2024</time></p>
  
  <!-- Зображення посту -->
  <img src="productivity_tips.jpg" alt="Поради для продуктивності" itemprop="image">
  
  <!-- Основний текст блог-посту -->
  <div itemprop="articleBody">
    <p>Продуктивність на роботі є ключовим фактором успіху. Для цього важливо...</p>
  </div>
  
 <!-- Посилання на сторінку обговорення, наприклад, коментарі --> 
<a href="https://example.com/blog/productivity-tips#comments" itemprop="discussionUrl">Обговорити пост</a>
</article>

Мікророзмітка для товару

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

Основна мікророзмітка для товарів використовує тип Product із рядом додаткових атрибутів, таких як name, description, price, aggregateRating, review та інші. Давайте розглянемо практичний приклад розмітки та розберемо кожний атрибут, щоб зрозуміти, як їх правильно застосовувати.

<div itemscope itemtype="https://schema.org/Product">

  <!-- Назва товару -->
  <h2 itemprop="name">Смартфон Y Pro</h2>
  
  <!-- Зображення товару -->
  <img src="smartphone_y_pro.jpg" alt="Смартфон Y Pro" itemprop="image">
  
  <!-- Опис товару -->
  <p itemprop="description">Новий Y Pro з покращеною камерою та довготривалим акумулятором — ідеальний вибір для фото-ентузіастів.</p>
  
  <!-- SKU та Бренд -->
  <div>SKU: <span itemprop="sku">YPRO123</span>
  </div>
  <div itemprop="brand" itemscope itemtype="https://schema.org/Brand">
    <span itemprop="name">Y Electronics</span>
  </div>
  
  <!-- Ціна товару -->
  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
    <meta itemprop="priceCurrency" content="UAH" />
    <meta itemprop="price" content="2000" />
    <meta itemprop="priceValidUntil" content="2024-11-20" />
    <meta itemprop="availability" content="https://schema.org/InStock" />
    <meta itemprop="itemCondition" content="https://schema.org/UsedCondition" />
    
    <!-- Доставка -->
    <div itemprop="shippingDetails" itemtype="https://schema.org/OfferShippingDetails" itemscope>
      <div itemprop="shippingRate" itemtype="https://schema.org/MonetaryAmount" itemscope>
        <meta itemprop="value" content="100" />
        <meta itemprop="currency" content="UAH" />
      </div>
      <div itemprop="shippingDestination" itemtype="https://schema.org/DefinedRegion" itemscope>
        <meta itemprop="addressCountry" content="UA" />
      </div>
      <div itemprop="deliveryTime" itemtype="https://schema.org/ShippingDeliveryTime" itemscope>
        <div itemprop="handlingTime" itemtype="https://schema.org/QuantitativeValue" itemscope>
          <meta itemprop="minValue" content="1" />
          <meta itemprop="maxValue" content="2" />
          <meta itemprop="unitCode" content="DAY" />
        </div>
        <div itemprop="transitTime" itemtype="https://schema.org/QuantitativeValue" itemscope>
          <meta itemprop="minValue" content="2" />
          <meta itemprop="maxValue" content="5" />
          <meta itemprop="unitCode" content="DAY" />
        </div>
      </div>
    </div>
    
    <!-- Політика повернення -->
    <div itemprop="hasMerchantReturnPolicy" itemtype="https://schema.org/MerchantReturnPolicy" itemscope>
      <meta itemprop="applicableCountry" content="UA" />
      <meta itemprop="returnPolicyCategory" content="https://schema.org/MerchantReturnFiniteReturnWindow" />
      <meta itemprop="merchantReturnDays" content="30" />
      <meta itemprop="returnMethod" content="https://schema.org/ReturnInStore" />
      <meta itemprop="returnFees" content="https://schema.org/FreeReturn" />
    </div>
  </div>
  
  <!-- Рейтинг товару -->
  <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
    <div>Рейтинг: <span itemprop="ratingValue">4.8</span> з 5 </div>
    <span>( <span itemprop="reviewCount">200</span> відгуків) </span>
  </div>
  
  <!-- Відгук користувача -->
  <div itemprop="review" itemscope itemtype="https://schema.org/Review">
    <div itemprop="author" itemscope itemtype="https://schema.org/Person">
      <a itemprop="url" href="https://example.com/profile/olena-tkachenko"> Автор: <span itemprop="name">Олена Ткаченко</span>
      </a>
    </div>
    <p itemprop="reviewBody">Чудовий смартфон з високою продуктивністю, проте трішки важкий.</p>
    <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> Рейтинг: <span itemprop="ratingValue">4</span> з 5 </div>
  </div>
  
  <!-- Переваги товару -->
  <div itemprop="positiveNotes" itemscope itemtype="https://schema.org/ItemList">
    <meta itemprop="@type" content="ItemList">
    <h3>Переваги</h3>
    
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <meta itemprop="position" content="1">
      <span itemprop="name">Висока якість зображення</span>
    </div>
    
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <meta itemprop="position" content="2">
      <span itemprop="name">Потужний акумулятор</span>
    </div>
    
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <meta itemprop="position" content="3">
      <span itemprop="name">Чудовий звук</span>
    </div>
  </div>
  
  <!-- Недоліки товару -->
  <div itemprop="negativeNotes" itemscope itemtype="https://schema.org/ItemList">
    <meta itemprop="@type" content="ItemList">
    <h3>Недоліки</h3>
    
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <meta itemprop="position" content="1">
      <span itemprop="name">Великий розмір</span>
    </div>
    
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <meta itemprop="position" content="2">
      <span itemprop="name">Доволі висока ціна без знижки</span>
    </div>
  </div>
  
</div>

name – назва товару, що відображає основну інформацію для користувачів та пошукових систем.
description – короткий опис товару
image – головне зображення товару, яке показує його зовнішній вигляд.
sku – унікальний код товару, який використовується для його ідентифікації в інвентарі.
brand – назва бренду товару, що дозволяє пошуковим системам пов’язати товар із виробником.
offers – групує інформацію про пропозицію, включаючи ціну, доступність та інші деталі.
price – ціна товару, яка відображається на сайті.
priceCurrency – валюта ціни (наприклад, UAH для гривні).
priceValidUntil – термін дії ціни або знижки. Це може стимулювати покупців зробити покупку до завершення акції.
availability – визначає статус доступності товару. Правильне використання цього атрибута дозволяє пошуковим системам надавати точну інформацію про наявність продукту, що особливо важливо для інтернет-магазинів. Ось перелік статусів які можна примінити до цього атрибуту:
- InStock – товар є в наявності та готовий до покупки.
- OutOfStock – товар тимчасово відсутній на складі.
- BackOrder – товар очікує поповнення запасів і доступний для замовлення заздалегідь.
- PreOrder – товар ще не доступний для продажу, але можна оформити попереднє замовлення.
- PreSale – товар доступний для замовлення та доставки до його офіційного релізу.
- SoldOut – Товар повністю розпроданий і не планується поповнення.
- Discontinued – Товар знятий з виробництва або більше не продається.
- LimitedAvailability – кількість товару обмежена, і його може швидко не стати в наявності.
- InStoreOnly – товар доступний для покупки лише у фізичному магазині.
- OnlineOnly – товар доступний лише в інтернет-магазині і не продається у фізичних точках.
itemCondition – стан товару:
- NewCondition – новий товар
- RefurbishedCondition – відновлений товар
- UsedCondition – товар, що був у вжитку
shippingDetails – інформація про умови доставки, що включає вартість доставки, країну призначення та час доставки.
- shippingRate – value: вартість доставки, currency: грошова одиниця.
- shippingDestination – місце доставки товару (країна, де товар може бути доставлений).
- deliveryTime – час обробки та доставки товару (handlingTime: час обробки замовлення перед відправленням, transitTime: час транспортування товару).
hasMerchantReturnPolicy – політика повернення товару, що включає правила повернення, кількість днів на повернення та методи повернення.
- applicableCountry – країна, для якої діє політика повернення.
- returnPolicyCategory – категорія політики повернення (MerchantReturnFiniteReturnWindow: повернення товару можливе протягом певної кількості днів(необхідно вказати властивість merchantReturnDays), MerchantReturnNotPermitted: повернення неможливе, MerchantReturnUnlimitedWindow: повернення товару можливе в будь-який час).
- returnMethod – спосіб повернення товару (ReturnAtKiosk: товар можна повернути через кіоск, ReturnByMail: товар можна повернути поштою, ReturnInStore: товар можна повернути в магазині)
- returnFees – плата за повернення товару (FreeReturn: безкоштовне повернення, ReturnFeesCustomerResponsibility: покупець самостійно оплачує і здійснює зворотну доставку товару, ReturnShippingFees: продавець стягує плату з покупця за повернення товару(потрібно вказати властивість returnShippingFeesAmount.))
aggregateRating – загальний рейтинг товару, який відображає середню оцінку на основі відгуків.
review – відгуки користувачів, що включають автора відгуку, текст відгуку та оцінку.
positiveNotes та negativeNotes – Переваги та недоліки товару, що представляються у вигляді списків.

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

Мікророзмітка для групи товарів (Product Group)

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

<div itemscope itemtype="https://schema.org/ProductGroup">
    <!-- Назва товару -->
    <h1 itemprop="name">Зимове вовняне пальто</h1>

    <!-- Опис товару -->
    <p itemprop="description">Вовняне пальто, новинка цього зимового сезону</p>


    <a href="https://www.example.com/coat" itemprop="url">Детальніше</a>
    <div itemscope itemtype="https://schema.org/Brand" itemprop="brand">
        <span itemprop="name">Надійний бренд</span>
    </div>
    <div itemscope itemtype="https://schema.org/PeopleAudience" itemprop="audience">
        <meta itemprop="suggestedGender" content="unisex" />
        <div itemscope itemtype="https://schema.org/QuantitativeValue" itemprop="suggestedAge">
            <meta itemprop="minValue" content="13" />
            <meta itemprop="unitCode" content="ANN" />
        </div>
    </div>
    <meta itemprop="productGroupID" content="44E01" />
    <meta itemprop="pattern" content="в полоску" />
    <meta itemprop="material" content="вовна" />
    <meta itemprop="variesBy" content="https://schema.org/size" />
    <meta itemprop="variesBy" content="https://schema.org/color" />

    <!-- Варіант 1 -->
    <div itemscope itemtype="https://schema.org/Product" itemprop="hasVariant">
        <meta itemprop="sku" content="44E01-M11000" />
        <meta itemprop="gtin14" content="98766051104214" />
        <img src="https://www.example.com/coat_small_green.jpg" alt="Маленьке зелене пальто" itemprop="image" />
        <h2 itemprop="name">Маленьке зелене пальто</h2>
        <p itemprop="description">Маленьке вовняне зелене пальто для зимового сезону</p>
        <meta itemprop="color" content="зелений" />
        <meta itemprop="size" content="маленький" />
        <div itemscope itemtype="https://schema.org/Offer" itemprop="offers">
            <a href="https://www.example.com/coat?size=small&color=green" itemprop="url">Купити</a>
            <meta itemprop="priceCurrency" content="UAH" />
            <meta itemprop="price" content="1499" />
            <link itemprop="itemCondition" href="https://schema.org/NewCondition" />
            <link itemprop="availability" href="https://schema.org/InStock" />
            <link itemprop="shippingDetails" href="#shipping_policy" />
            <link itemprop="hasMerchantReturnPolicy" href="#return_policy" />
        </div>
    </div>

    <!-- Варіант 2 -->
    <div itemscope itemtype="https://schema.org/Product" itemprop="hasVariant">
        <meta itemprop="sku" content="44E01-K11000" />
        <meta itemprop="gtin14" content="98766051104207" />
        <img src="https://www.example.com/coat_small_lightblue.jpg" alt="Маленьке блакитне пальто" itemprop="image" />
        <h2 itemprop="name">Маленьке блакитне пальто</h2>
        <p itemprop="description">Маленьке вовняне блакитне пальто для зимового сезону</p>
        <meta itemprop="color" content="блакитний" />
        <meta itemprop="size" content="маленький" />
        <div itemscope itemtype="https://schema.org/Offer" itemprop="offers">
            <a href="https://www.example.com/coat?size=small&color=lightblue" itemprop="url">Купити</a>
            <meta itemprop="priceCurrency" content="UAH" />
            <meta itemprop="price" content="1499" />
            <link itemprop="itemCondition" href="https://schema.org/NewCondition" />
            <link itemprop="availability" href="https://schema.org/InStock" />
            <link itemprop="shippingDetails" href="#shipping_policy" />
            <link itemprop="hasMerchantReturnPolicy" href="#return_policy" />
        </div>
    </div>
</div>


<!-- Доставка -->
<div itemprop="shippingDetails" itemtype="https://schema.org/OfferShippingDetails" itemscope id="shipping_policy">
  <div itemprop="shippingRate" itemtype="https://schema.org/MonetaryAmount" itemscope>
      <meta itemprop="value" content="100" />
      <meta itemprop="currency" content="UAH" />
  </div>
  <div itemprop="shippingDestination" itemtype="https://schema.org/DefinedRegion" itemscope>
      <meta itemprop="addressCountry" content="UA" />
  </div>
  <div itemprop="deliveryTime" itemtype="https://schema.org/ShippingDeliveryTime" itemscope>
      <div itemprop="handlingTime" itemtype="https://schema.org/QuantitativeValue" itemscope>
          <meta itemprop="minValue" content="1" />
          <meta itemprop="maxValue" content="2" />
          <meta itemprop="unitCode" content="DAY" />
      </div>
      <div itemprop="transitTime" itemtype="https://schema.org/QuantitativeValue" itemscope>
          <meta itemprop="minValue" content="2" />
          <meta itemprop="maxValue" content="5" />
          <meta itemprop="unitCode" content="DAY" />
      </div>
  </div>
</div>

<!-- Політика повернення -->
<div itemprop="hasMerchantReturnPolicy" itemtype="https://schema.org/MerchantReturnPolicy" itemscope id="return_policy">
  <meta itemprop="applicableCountry" content="UA" />
  <meta itemprop="returnPolicyCategory" content="https://schema.org/MerchantReturnFiniteReturnWindow" />
  <meta itemprop="merchantReturnDays" content="30" />
  <meta itemprop="returnMethod" content="https://schema.org/ReturnInStore" />
  <meta itemprop="returnFees" content="https://schema.org/FreeReturn" />
</div>

У цьому розділі ми розглянули основні атрибути мікророзмітки для товару, які допоможуть вашому продукту виділятися у пошукових системах. Однак для повного використання можливостей мікророзмітки рекомендуємо ознайомитися з документацією. Або ж зверніться до команди Murre Agency, яка допоможе вам налаштувати все до найдрібніших деталей, щоб ваш сайт привертав максимум уваги!

Мікророзмітка для FAQ (Поширені запитання)

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

<div itemscope itemtype="https://schema.org/FAQPage">
  <div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
    <h3 itemprop="name">Як повернути товар?</h3>
    <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
      <p itemprop="text">Щоб повернути товар, зв’яжіться з нашою службою підтримки та надайте товар у належному стані.</p>
    </div>
  </div>
</div>

Мікророзмітка для відео

Відео — це один із найпотужніших способів привернути увагу, адже люди обробляють візуальну інформацію на 60 000 разів швидше, ніж текст! Завдяки мікророзмітці VideoObject ваші відео можуть потрапити прямо у розділ “Відео” Google або відображатися в результатах пошуку з відповідною картинкою та описом. Це підвищує шанси, що ваше відео буде переглянуте саме тією аудиторією, яка зацікавлена у вашому контенті.

<div itemscope itemtype="https://schema.org/VideoObject">
<!-- Назва відео -->
<meta itemprop="name" content="Історія українського мистецтва: від традицій до сучасності">

  <!-- Дата завантаження відео -->
  <meta itemprop="uploadDate" content="2024-03-31T08:00:00+08:00" />
  
  <!-- Тривалість відео у форматі ISO 8601 -->
  <meta itemprop="duration" content="PT1H30M54S" />
  
  <!-- Опис відео -->
  <p itemprop="description">Документальний фільм, який розповідає про унікальну історію українського мистецтва, від традиційних народних ремесел до сучасних інсталяцій. Зануртеся у світ українських художників та митців, дізнайтеся, як вони залишали слід в культурі та національній спадщині.</p>
  
  <!-- Кількість взаємодій із відео (переглядів) -->
  <div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter">
    <meta itemprop="userInteractionCount" content="77018" />
    <meta itemprop="interactionType" itemtype="https://schema.org/WatchAction" />
  </div>
  
  <!-- URL для вбудовування відео -->
  <link itemprop="embedUrl" href="https://www.example.com/embed/ukraine-art-history" />
  
  <!-- URL файлу відео -->
  <meta itemprop="contentUrl" content="https://www.example.com/video/ukraine-art-history/file.mp4" />
  
  <!-- Дозволені регіони для перегляду -->
  <meta itemprop="regionsAllowed" content="UA" />
  <meta itemprop="regionsAllowed" content="PL" />
  
  <!-- URL мініатюри для відео -->
  <meta itemprop="thumbnailUrl" content="https://example.com/thumbnails/ukraine-art-history.jpg" />
</div>

name – назва відео, яка відображає його тему та може зацікавити користувачів.
uploadDate – дата завантаження відео у форматі ISO 8601 (рік, місяць, день, час з урахуванням часової зони).
duration – тривалість відео у форматі ISO 8601, де PT означає період часу, H — години, M — хвилини, S — секунди.
description – короткий опис відео, що дає користувачам уявлення про його зміст і потенційну користь.
interactionStatistic – статистика взаємодій з відео, яка може включати кількість переглядів або інші показники.
embedUrl – URL для вбудовування відео на інші сайти.
contentUrl – пряме посилання на файл відео, за яким його можна переглянути або завантажити.
regionsAllowed – вказує на регіони, де відео доступне для перегляду. Використовується декілька разів для кожного дозволеного регіону.
thumbnailUrl – URL мініатюри відео, яка показує його обкладинку чи статичний кадр.

Мікророзмітка для зображення

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

<div itemscope itemtype="https://schema.org/ImageObject">
  <!-- URL зображення та короткий опис -->
  <img alt="Мальовничий краєвид Карпатських гір на світанку" itemprop="contentUrl" src="https://example.com/photos/1x1/karpaty-sunrise.jpg" />
  
  <!-- Ліцензія зображення -->
  <span itemprop="license">https://example.com/license</span><br>
  
  <!-- Сторінка з інформацією про отримання ліцензії -->
  <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
  
  <!-- Автор зображення (фотограф) -->
  <span itemprop="creator" itemscope itemtype="https://schema.org/Person">
    <meta itemprop="name" content="Олександр Бойко" />
  </span>
  
  <!-- Повідомлення про авторські права -->
  <span itemprop="copyrightNotice">Олександр Бойко</span>
  
  <!-- Текст для вказання кредиту -->
  <span itemprop="creditText">ФотоКарпати Студія</span>
</div>

contentUrl – URL, за яким розміщене зображення, яке показується на сторінці.
license – посилання на сторінку, де описано умови ліцензії для використання зображення.
acquireLicensePage – URL сторінки, де користувачі можуть дізнатися, як отримати ліцензію на використання зображення.
creator – Ім’я автора зображення, який зробив фото. Використовує вкладений тип Person, щоб додати детальну інформацію про фотографа.
copyrightNotice – повідомлення про авторські права на зображення, яке може включати ім’я власника прав.
creditText – текст із кредитом, який вказує на джерело або студію, яка надала зображення.

Мікророзмітка для локального бізнесу

Мікророзмітка для локального бізнесу (LocalBusiness) дозволяє вказати ваші контактні дані, місцезнаходження та години роботи прямо в Google. Це допомагає користувачам знайти вас серед тисяч інших, дізнатися, коли ви відкриті, і відразу зв’язатися для уточнення інформації. Незалежно від того, чи це кафе, студія йоги або сервісний центр, ця мікророзмітка допомагає користувачам швидше прийняти рішення. Адже, більше 45% всіх пошукових запитів стосуються місцевої інформації, тож локальне SEO має велике значення для будь-якого бізнесу.

<div itemscope itemtype="https://schema.org/LocalBusiness">
  <!-- Назва бізнесу -->
  <span itemprop="name">Кафе "Сонячна Галя"</span>
  
  <!-- URL веб-сайту -->
  <link itemprop="url" href="https://www.sonyachna-galya.ua">
  
  <!-- Логотип компанії -->
  <img itemprop="logo" src="https://www.sonyachna-galya.ua/logo.png" alt="Логотип Кафе 'Сонячна Галя'">
  
  <!-- Опис бізнесу -->
  <meta itemprop="description" content="Затишне кафе в самому серці Львова, де ви можете насолодитися традиційною українською кухнею.">
  
  <!-- Адреса -->
  <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
    <meta itemprop="streetAddress" content="пл. Ринок, 5">
    <meta itemprop="addressLocality" content="Львів">
    <meta itemprop="addressRegion" content="Львівська область">
    <meta itemprop="postalCode" content="79000">
    <meta itemprop="addressCountry" content="UA">
  </div>
  
  <!-- Географічні координати -->
  <div itemprop="geo" itemscope itemtype="https://schema.org/GeoCoordinates">
    <meta itemprop="latitude" content="49.841328">
    <meta itemprop="longitude" content="24.031592">
  </div>
  
  <!-- Контактний телефон -->
  <p>Телефон: <span itemprop="telephone">+380322345678</span></p>
  
  <!-- Email -->
  <meta itemprop="email" content="contact@sonaychna-galya.ua">
  
  <!-- Години роботи -->
  <div itemprop="openingHoursSpecification" itemscope itemtype="https://schema.org/OpeningHoursSpecification">
    <!-- Звичайні години роботи -->
    <meta itemprop="dayOfWeek" content="Monday">
    <meta itemprop="dayOfWeek" content="Tuesday">
    <meta itemprop="dayOfWeek" content="Wednesday">
    <meta itemprop="dayOfWeek" content="Thursday">
    <meta itemprop="dayOfWeek" content="Friday">
    <meta itemprop="opens" content="09:00">
    <meta itemprop="closes" content="22:00">
  </div>
  <div itemprop="openingHoursSpecification" itemscope itemtype="https://schema.org/OpeningHoursSpecification">
    <!-- Години роботи у вихідні -->
    <meta itemprop="dayOfWeek" content="Saturday">
    <meta itemprop="dayOfWeek" content="Sunday">
    <meta itemprop="opens" content="10:00">
    <meta itemprop="closes" content="23:00">
  </div>
  
  <!-- Спеціальні години роботи (наприклад, святкові дні) -->
  <div itemprop="openingHoursSpecification" itemscope itemtype="https://schema.org/OpeningHoursSpecification">
    <meta itemprop="validFrom" content="2024-12-25">
    <meta itemprop="validThrough" content="2024-12-25">
    <meta itemprop="opens" content="11:00">
    <meta itemprop="closes" content="18:00">
    <meta itemprop="description" content="Різдвяні години роботи">
  </div>
  
  <!-- Фото бізнесу -->
  <img itemprop="image" src="https://www.sonyachna-galya.ua/photos/cafe-front.jpg" alt="Кафе 'Сонячна Галя'">
  
  <!-- Соціальні мережі -->
  <div itemprop="sameAs">
    <link href="https://www.facebook.com/sonaychna.galya">
    <link href="https://www.instagram.com/sonaychna.galya">
  </div>
  
  <!-- Рейтинг бізнесу -->
  <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
    <meta itemprop="ratingValue" content="4.7">
    <meta itemprop="reviewCount" content="254">
  </div>
  
  <!-- Відгуки -->
  <div itemprop="review" itemscope itemtype="https://schema.org/Review">
  	<div itemprop="author" itemscope itemtype="https://schema.org/Person">
  		<span itemprop="name">Ольга Петренко</span>
  	</div>
    <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
      <meta itemprop="ratingValue" content="5">
    </div>
    <span itemprop="reviewBody">Найсмачніші вареники у Львові! Атмосфера просто чудова.</span>
  </div>
  
  <!-- Діапазон цін -->
  <meta itemprop="priceRange" content="₴₴">
  
  <!-- Види оплати -->
  <meta itemprop="paymentAccepted" content="Готівка, Кредитні картки, Apple Pay">
  
  <!-- Засновник та дата заснування -->
  <div itemprop="founder" itemscope itemtype="https://schema.org/Person">
    <meta itemprop="name" content="Галина Здирко">
  </div>
  <meta itemprop="foundingDate" content="2024-05-15">
</div>

name – назва бізнесу.
url – офіційний веб-сайт бізнесу.
logo – логотип бізнесу
description – короткий опис бізнесу.
address – фізична адреса бізнесу.
- streetAddress: Вулиця та номер будинку.
- addressLocality: Місто.
- addressRegion: Область чи регіон.
- postalCode: Поштовий індекс.
- addressCountry: Код країни (ISO 3166-1 alpha-2), для України це UA.
geo – географічні координати.
telephone – контактний номер телефону.
email – електронна пошта для зв’язку.
openingHoursSpecification – детальний графік роботи.
- dayOfWeek: День тижня (можна вказати кілька разів).
- opens: Час відкриття (у форматі HH:MM).
- closes: Час закриття (у форматі HH:MM).
- validFrom та validThrough: Дати, коли ці години роботи дійсні (для спеціальних годин).
- description: Опис, наприклад, “Різдвяні години роботи”.
image – зображення або фото бізнесу.
sameAs – посилання на профілі в соціальних мережах.
aggregateRating – середній рейтинг бізнесу.
- ratingValue: Середня оцінка (наприклад, 4.7).
- reviewCount: Кількість відгуків (наприклад, 254).
review – окремий відгук.
- author: Ім’я автора відгуку.
- reviewRating: Рейтинг від автора.
- reviewBody: Текст відгуку.
priceRange – діапазон цін, що допомагає користувачам зрозуміти, яка цінова категорія у бізнесу (“₴₴”- середня цінова категорія).
paymentAccepted – види оплати, які приймаються.
founder та foundingDate – Інформація про засновника бізнесу та дату заснування
- founder: Вкладений Person з ім’ям засновника.
- foundingDate: Дата у форматі YYYY-MM-DD.

Мікророзмітка для курсів

Мікророзмітка для курсів (Course) використовується для навчальних програм, тренінгів, онлайн-курсів та освітніх модулів. Вона допомагає пошуковим системам зрозуміти ключові деталі про курс, наприклад, його назву, опис, постачальника (викладача або організацію) і навіть інформацію про сертифікацію.

<div itemscope itemtype="https://schema.org/Course">
   <!-- Назва курсу -->
   <h2 itemprop="name">Основи програмування на Python</h2>
  
   <!-- Опис курсу -->
   <p itemprop="description">Цей курс знайомить студентів із базовими концепціями програмування на мові Python. Ви навчитеся працювати зі змінними, функціями, циклами та іншими фундаментальними поняттями.</p>

   <!-- Видавець курсу -->
   <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
       <span itemprop="name">Курсова платформа "Навчайся"</span>
       <meta itemprop="url" content="http://www.examplecoursewebsite.com">
   </div>

   <!-- Провайдер курсу -->
   <div itemprop="provider" itemscope itemtype="https://schema.org/Organization">
     <span itemprop="name">Онлайн Академія "Навчайся"</span>
     <link itemprop="sameAs" href="https://www.example.ua" />
   </div>

   <!-- Зображення курсу -->
   <img src="сourse-image.jpg" alt="Курс основи програмування на Python" itemprop="image">

   <!-- Рейтинг курсу -->
   <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
       <meta itemprop="ratingValue" content="4.6">
       <meta itemprop="ratingCount" content="1234">
       <meta itemprop="reviewCount" content="450">
   </div>

   <!-- Пропозиція участі у курсі -->
   <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
       <meta itemprop="category" content="Paid" />
       <meta itemprop="priceCurrency" content="UAH" />
       <meta itemprop="price" content="2500" />
   </div>

   <!-- Додаткова інформація про курс -->
   <meta itemprop="totalHistoricalEnrollment" content="12345">
   <meta itemprop="datePublished" content="2024-03-21">
   <meta itemprop="educationalLevel" content="Beginner">
   <meta itemprop="inLanguage" content="uk">
   <meta itemprop="availableLanguage" content="en">
   <meta itemprop="availableLanguage" content="pl">

   <!-- Модулі курсу -->
   <div itemprop="syllabusSections" itemscope itemtype="https://schema.org/Syllabus">
       <h2 itemprop="name">Робота з пам'яттю</h2>
       <p itemprop="description">Вивчення принципів розподілу пам'яті при створенні змінних у Python.</p>
       <meta itemprop="timeRequired" content="PT4H">
   </div>

   <!-- Відгуки про курс -->
   <div itemprop="review" itemscope itemtype="https://schema.org/Review">
       <div itemprop="author" itemscope itemtype="https://schema.org/Person">
         <span itemprop="name">Олександр П..</span>
       </div>
       <meta itemprop="datePublished" content="2024-08-31">
       <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
         <meta itemprop="bestRating" content="5">
         <meta itemprop="ratingValue" content="4">
       </div>
   </div>

   <!-- Пререквізити для курсу -->
   <div itemprop="coursePrerequisites">Базове розуміння алгоритмів і структур даних.</div>
   <a href="https://www.example.com/beginnerCpp" itemprop="coursePrerequisites">Курс Основи алгоритмів</a>
    <!-- Інстанс курсу -->
   <div itemprop="hasCourseInstance" itemscope itemtype="https://schema.org/CourseInstance">
     <meta itemprop="courseMode" content="Online" />

     <!-- Розклад курсу -->
     <div itemprop="courseSchedule" itemscope itemtype="https://schema.org/Schedule">
       <meta itemprop="duration" content="PT3H" />
       <meta itemprop="repeatFrequency" content="Daily" />
       <meta itemprop="repeatCount" content="30" />
       <meta itemprop="startDate" content="2024-02-15" />
       <meta itemprop="endDate" content="2024-05-15" />
     </div>

     <!-- Інструктор курсу -->
     <div itemprop="instructor" itemscope itemtype="https://schema.org/Person">
       <meta itemprop="name" content="Марія Іваненко" />
       <meta itemprop="description" content="Професор Київського університету, фахівець у сфері Python-програмування" />
     </div>
   </div>
</div>

name – назва курсу, що коротко описує його зміст.
description – короткий опис курсу, який інформує користувачів про основні теми, що розглядаються.
publisher – організація, яка видала курс або має права на його поширення.
provider – організація, що пропонує курс, наприклад, платформа або навчальний заклад.
image – зображення, що представляє курс.
aggregateRating – середній рейтинг курсу на основі відгуків користувачів.
- ratingValue: Середня оцінка (наприклад, 4).
- ratingCount: Кількість оцінок.
- reviewCount: Кількість текстових відгуків.
offers – інформація про комерційну пропозицію для курсу (вартість).
- category: тип пропозиції. Free(повністю безкоштовний), Partially Free(більшість частина курсу безкоштовна), Subscription(має бути куплена підписка), Paid(платний курс).
- priceCurrency: Валюта ціни (наприклад, UAH для гривні).
- price: Вартість курсу.
totalHistoricalEnrollment – загальна кількість учасників, що пройшли курс.
datePublished – дата публікації курсу, коли він став доступним для навчання.
educationalLevel – рівень курсу. Beginner(Початковий), Intermediate(Середній), Advanced(Просунутий)
inLanguage та availableLanguage – Основна мова курсу (inLanguage) та додаткові доступні мови (availableLanguage).
syllabusSections – розділи або теми, що охоплюються в курсі.
review – відгуки користувачів про курс.
coursePrerequisites – попередні знання або курси, необхідні для участі.
hasCourseInstance – інстанс курсу, що описує окрему сесію курсу (дати проведення, розклад, інструктор).
- courseMode: Формат курсу (наприклад, онлайн).
- courseSchedule: Деталі розкладу.
- instructor: Інструктор, який проводить курс.

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

Мікророзмітка для подій

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

<body itemscope itemtype="https://schema.org/Event">
   <!-- Назва події -->
   <h1 itemprop="name">Музичний Фестиваль "Гори та Звуки"</h1>
  
   <!-- Дата і час початку події -->
   <meta itemprop="startDate" content="2025-08-10T18:00+03:00" />
  
   <!-- Дата і час завершення події -->
   <meta itemprop="endDate" content="2025-08-12T23:00+03:00" />
  
   <!-- Режим відвідування події -->
   <meta itemprop="eventAttendanceMode" content="https://schema.org/OfflineEventAttendanceMode" />
  
   <!-- Статус події -->
   <meta itemprop="eventStatus" content="https://schema.org/EventScheduled" />
  
   <!-- Локація події -->
   <div itemprop="location" itemscope itemtype="https://schema.org/Place">
       <span itemprop="name">Полонина Перці</span>
       <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
           <span itemprop="streetAddress">вул. Карпатська, 1</span>,
           <span itemprop="addressLocality">Яремче</span>,
           <span itemprop="postalCode">78500</span>,
           <span itemprop="addressRegion">Івано-Франківська область</span>,
           <span itemprop="addressCountry">UA</span>
       </div>
   </div>


   <!-- Зображення події -->
   <img src="https://example.com/photos/1x1/festival.jpg" alt="Музичний Фестиваль 'Гори та Звуки'" itemprop="image" />
  
   <!-- Опис події -->
   <p itemprop="description">Фестиваль "Гори та Звуки" об'єднає талановитих музикантів і любителів природи серед Карпат. Відчуйте ритми гір і унікальні музичні виступи на вершині.</p>
  
   <!-- Пропозиція квитків -->
   <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
       <a href="https://www.example.com/festival_tickets" itemprop="url">Придбати квитки</a>
       <meta itemprop="price" content="1200" />
       <meta itemprop="priceCurrency" content="UAH" />
       <meta itemprop="availability" content="https://schema.org/InStock" />
       <meta itemprop="validFrom" content="2024-06-01T10:00+03:00" />
   </div>


   <!-- Виступаючі на фестивалі -->
   <div itemprop="performer" itemscope itemtype="https://schema.org/PerformingGroup">
       <span itemprop="name">Гурт "Дахабраха"</span>
   </div>


   <!-- Організатор події -->
   <div itemprop="organizer" itemscope itemtype="https://schema.org/Organization">
       <span itemprop="name">Карпатська Музична Спілка</span>
       <a href="https://karpatymusic.com" itemprop="url">Офіційний сайт</a>
   </div>
</body>

name – назва події, що відображає її зміст і приваблює увагу.
startDate – дата і час початку події у форматі ISO 8601 (YYYY-MM-DDTHH:MM+03:00).
endDate – дата і час завершення події у форматі ISO 8601.
eventAttendanceMode – режим участі у події:
- OfflineEventAttendanceMode – офлайн
- OnlineEventAttendanceMode – онлайн
- MixedEventAttendanceMode – як офлайн так і онлайн
eventStatus – статус події:
- EventCancelled – скасовано
- EventMovedOnline – подія буде проходити онлайн
- EventPostponed – подія перенесена і дата ще не відома (не змінюйте початкову дату в startDate доти, доки ви не будете точно знати, коли буде проведено захід. Щойно ви дізнаєтеся нову дату, змініть eventStatus на EventRescheduled і додайте нові дані в startDate і endDate.)
- EventRescheduled – подія перенесена і дата вже відома
- EventScheduled – подія буде проходити за планом
location – місце проведення події, яке включає назву локації та адресу.
- name: Назва місця проведення. Приклад: “Полонина Перці”
- streetAddress: Вулиця та номер будинку.
- addressLocality: Населений пункт.
- postalCode: Поштовий індекс.
- addressRegion: Регіон чи область.
- addressCountry: Країна у форматі ISO (для України UA).
image – зображення, яке відображає подію. Це може бути афіша чи фото з минулих заходів.
description – короткий опис події, що передає атмосферу та інформацію про захід.
offers – інформація про квитки або інші пропозиції для події.
- url: посилання на сторінку для купівлі квитків.
- price: вартість квитка.
- priceCurrency: валюта для ціни (UAH для української гривні).
- availability: наявність квитків.
- validFrom: дата, з якої починається продаж квитків.
performer – вказує на виконавців або групу, яка виступатиме на події.
organizer – організатор події, який включає назву та посилання на офіційний сайт.

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

Мікророзмітка для пошуку на сайті

Мікророзмітка для пошуку на сайті (SearchAction) допомагає пошуковим системам розуміти, що ваш сайт має внутрішню функцію пошуку. Це дає можливість користувачам шукати інформацію на вашому сайті прямо з пошукової видачі Google — вони можуть ввести запит у спеціальне поле прямо у результатах, і Google миттєво перенаправить їх на ваш сайт із вже сформованим пошуковим запитом.

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

<div itemscope itemtype="https://schema.org/WebSite">
   <meta itemprop="url" content="https://www.example.com/"/>

   <!-- Дія пошуку на сайті -->
   <form itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
     <!-- URL із запитом користувача -->
     <meta itemprop="target" content="https://query.example.com/search?q={search_term_string}"/>

     <!-- Поле для введення запиту -->
     <input itemprop="query-input" type="text" name="search_term_string" required/>
    
     <button type="submit">Шукати</button>
   </form>
</div>

Мікророзмітка для рецептів

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

Уявіть собі, що користувач шукає «швидкий рецепт борщу». Завдяки мікророзмітці Recipe, Google покаже ваш рецепт у привабливій рамці з зображенням борщу, часом приготування (наприклад, «30 хвилин») та оцінкою інших кулінарів. Це виглядає смачно вже у пошуковій видачі! Рецепти, оформлені таким чином, мають набагато більше шансів привернути увагу, адже користувачі бачать, що саме вони шукають, ще до переходу на сторінку.

<div itemscope itemtype="https://schema.org/Recipe">
   <!-- Назва рецепту -->
   <h2 itemprop="name">Борщ по-українськи</h2>
  
   <!-- Зображення страви -->
   <img src="https://example.com/images/borscht.jpg" alt="Борщ по-українськи" itemprop="image">

   <!-- Відео з приготування (необов'язкове) -->
   <video itemprop="video" itemscope itemtype="https://schema.org/VideoObject" controls>
       <meta itemprop="name" content="Як приготувати борщ по-українськи">
       <meta itemprop="thumbnailUrl" content="https://example.com/thumbnails/borscht.jpg">
       <meta itemprop="contentUrl" content="https://example.com/videos/borscht.mp4">
       <meta itemprop="uploadDate" content="2024-03-31T08:00:00+08:00" />
       <meta itemprop="duration" content="PT20M43S" />
       <p itemprop="description">Опис відео, де готоуємо самчний борщ по-українськи</p>
   </video>
  
   <!-- Опис рецепту -->
   <p itemprop="description">Традиційний український борщ з буряком, капустою та м'ясом.</p>
  
   <!-- Автор та дата публікації -->
   <div itemprop="author" itemscope itemtype="https://schema.org/Person">
       <a itemprop="url" href="https://example.com/profile/olena-tkachenko">
           Автор: <span itemprop="name">Олена Ткаченко</span>
       </a>
   </div>       
   <meta itemprop="datePublished" content="2024-10-01">
  
   <!-- Кількість порцій та час приготування -->
   <p>Кількість порцій: <span itemprop="recipeYield">6 порцій</span></p>
   <p>Час підготовки: <time itemprop="prepTime" datetime="PT30M">30 хвилин</time></p>
   <p>Час приготування: <time itemprop="cookTime" datetime="PT1H">1 година</time></p>
   <p>Загальний час: <time itemprop="totalTime" datetime="PT1H30M">1 година 30 хвилин</time></p>

   <!-- Категорія рецепту -->
   <meta itemprop="recipeCategory" content="Основна страва">

   <!-- Кухня -->
   <meta itemprop="recipeCuisine" content="Українська">

   <!-- Ключові слова -->
   <meta itemprop="keywords" content="борщ, українська кухня, традиційні рецепти">
  
   <!-- Інгредієнти -->
   <h3>Інгредієнти:</h3>
   <ul>
     <li itemprop="recipeIngredient">500 г яловичини</li>
     <li itemprop="recipeIngredient">3 середні буряки</li>
     <li itemprop="recipeIngredient">4 картоплини</li>
     <li itemprop="recipeIngredient">1 морква</li>
     <li itemprop="recipeIngredient">1 цибулина</li>
     <li itemprop="recipeIngredient">200 г капусти</li>
     <li itemprop="recipeIngredient">Сіль, перець за смаком</li>
   </ul>
  
   <!-- Кроки приготування -->
   <h3>Кроки приготування:</h3>
   <ol itemprop="recipeInstructions">
     <li>Зваріть бульйон з яловичини протягом 1 години.</li>
     <li>Додайте нарізані буряки та варіть 15 хвилин.</li>
     <li>Додайте картоплю, моркву, цибулю та капусту. Варіть ще 20 хвилин.</li>
     <li>Додайте спеції та дайте настоятися 10 хвилин перед подачею.</li>
   </ol>
  
   <!-- Харчова цінність -->
   <div itemprop="nutrition" itemscope itemtype="https://schema.org/NutritionInformation">
     <p>Калорійність на порцію: <span itemprop="calories">150 калорій</span></p>
   </div>
  
   <!-- Рейтинг рецепту -->
   <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
     <meta itemprop="ratingValue" content="4.8">
     <meta itemprop="reviewCount" content="256">
   </div>
</div>

name: Назва рецепту.
image: Зображення готової страви.
video – відео, що демонструє приготування рецепту. Дозволяє користувачам візуально побачити кожен крок.
description: Короткий опис рецепту.
author: Автор рецепту.
datePublished: Дата публікації рецепту.
recipeYield: Кількість порцій.
prepTime, cookTime, totalTime: Час підготовки, приготування та загальний час.
recipeCategory – категорія рецепту, яка допомагає чітко класифікувати його (наприклад, основна страва, десерт).
recipeCuisine – тип кухні, до якої належить рецепт (українська, італійська тощо).
keywords – ключові слова або теги, що допомагають пошуковим системам краще розуміти зміст рецепту.
recipeIngredient: Список інгредієнтів.
recipeInstructions: Кроки приготування.
aggregateRating: Середній рейтинг рецепту.
nutrition: Харчова цінність (калорійність, білки, жири тощо).

Зауважте, що ключові слова не повинні дублювати значення з полів recipeCategory або recipeCuisine.

Це базовий набір мікророзмітки, який допоможе вашому сайту стати більш видимим для пошукових систем. За деталями звертайтеся до офіційної документації Google, або до експертів Murre Agency — ми допоможемо зробити ваш сайт ще більш привабливим і видимим для пошукових систем!

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

Відображення в сніпетах Google

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

Уявіть, що ви шукаєте найкращий заклад для вечері, і в результатах пошуку з’являється кілька однакових сторінок із описами. Та лише одна має розширений сніпет з рейтингом у 5 зірок, привабливим фото й уточненням, що вечірні страви подають до 23:00. Користувач майже напевне вибере цю сторінку, адже інформація виглядає більш повною і довірливою. Це і є сила мікророзмітки!

Важливість для користувацького досвіду

Мікророзмітка — це не просто засіб для оптимізації під пошукові системи, але й інструмент для покращення користувацького досвіду. Уявіть, що користувач бачить товар, який йому подобається, без потреби переходити на сайт, адже в сніпеті вже є всі необхідні деталі: ціна, доступність і навіть фото. Це створює враження, що сайт дбає про комфорт користувачів і готовий забезпечити їх інформацією навіть до кліка.Замість того щоб витрачати час на нескінченні переходи між сторінками, користувач може одразу перейти до того розділу, який йому потрібен, або швидко знайти конкретний товар. Наприклад, мікророзмітка дозволяє додавати хлібні крихти (breadcrumbs), які показують, де на сайті знаходиться певний розділ, або ж позначати найпопулярніші категорії товарів.

Збільшення довіри

Розширені сніпети допомагають створити довіру до вашого бренду. Скажімо, якщо ваш сайт має багато позитивних відгуків, мікророзмітка дозволяє показати ці оцінки прямо в результатах пошуку. Користувач бачить, що інші вже оцінили вашу роботу або продукт, і це створює враження надійності та позитивного досвіду. Коли ваш сайт показує “5 зірок” або “100+ відгуків”, він виділяється як більш привабливий і гідний довіри варіант.

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

Покращення розуміння контенту пошуковими системами

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

Наприклад, якщо на вашому сайті є контактні дані, просто текст “Контакти” або “Адреса” може не завжди бути очевидним для робота. Але з використанням мікророзмітки Schema.org ви можете точно вказати: “це — адреса офісу”, “це — номер телефону для зв’язку”, “тут знаходиться карта” і так далі. Це допомагає пошуковій системі швидше розпізнати і засвоїти важливу інформацію про ваш бізнес і, як результат, вивести її в спеціальному блоці в пошуковій видачі.

Підвищення релевантності та видимості

Мікророзмітка також сприяє підвищенню релевантності вашого контенту. Це означає, що пошукові системи можуть краще співвідносити ваш контент із запитами користувачів. Уявіть собі бібліотеку без категорій — книги лежать на полицях без будь-якого порядку. Мікророзмітка ж наводить лад, допомагаючи пошуковим системам зрозуміти, які саме “категорії” відповідають вашому сайту. Наприклад, статті на вашому сайті з рецептами можуть відображатися з конкретною інформацією, як-от час приготування, інгредієнти і калорійність, що одразу відповідає на можливі запитання користувача.

Покращення взаємодії з голосовими асистентами

Голосовий пошук зростає з кожним роком, і мікророзмітка тут є справжнім помічником. Голосові асистенти, такі як Siri, Alexa та Google Assistant, використовують структуровані дані, щоб дати точні відповіді на запитання користувачів. Чим краще структурований ваш контент, тим більше шансів, що саме ваш сайт стане відповіддю на голосовий запит.

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

Приклад використання Speakable з Microdata:

<div itemscope itemtype="https://schema.org/NewsArticle">
    <h1 itemprop="headline">Новини технологій: Майбутнє вже тут</h1>
    <div itemprop="speakable">
        <p itemprop="text">Штучний інтелект швидко змінює всі сфери нашого життя.</p>
    </div>
</div>

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

Помилки в мікророзмітці, які можуть зашкодити, та санкції

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

Невідповідність вмісту та мікророзмітки

Одна з найпоширеніших і критичних помилок — це коли мікророзмітка не відповідає реальному вмісту сторінки. Наприклад, якщо ви використовуєте мікророзмітку для позначення відгуків і додаєте дані про високий рейтинг, але насправді ваш продукт не має таких відгуків, це може серйозно нашкодити. Пошукові системи постійно вдосконалюють алгоритми і можуть розпізнати таку “прикрашену” інформацію як маніпуляцію. У найкращому випадку Google просто не буде відображати розширені сніпети, але у гіршому випадку можливі й санкції, які вплинуть на ранжування всього сайту.

Перевантаження ключовими словами

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

Дублювання мікророзмітки

Ще одна часта помилка — це дублювання мікророзмітки на одній сторінці, що заплутує пошукових роботів. Наприклад, коли одна й та сама інформація (скажімо, рейтинг товару) позначена кілька разів у різних розділах сторінки, алгоритми Google можуть розглядати це як спробу маніпулювати сніпетами. Це особливо актуально для інтернет-магазинів, де на одній сторінці можуть бути відгуки, рейтинги та ціни з різних джерел. Дублювання створює плутанину і може призвести до неправильного відображення інформації або взагалі до ігнорування таких даних.

Неправильне використання типів мікророзмітки

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

Використання застарілих стандартів

У сфері мікророзмітки важливо слідкувати за оновленнями, адже нові стандарти та специфікації з’являються постійно. Наприклад, Data Vocabulary був досить популярний стандарт, але Google офіційно припинив його підтримку. Використання застарілих стандартів може призвести до того, що пошукові системи ігноруватимуть вашу мікророзмітку. Переконайтеся, що ваш сайт використовує актуальні стандарти, такі як Schema.org у форматі JSON-LD або Microdata.

Можливі санкції за помилки в мікророзмітці

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

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

Як уникнути помилок

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

Перевіряйте відповідність мікророзмітки фактичному вмісту сторінки.
Використовуйте мікророзмітку лише для відображення достовірної інформації.
Уникайте надмірного використання ключових слів у структурованих даних.
Стежте за оновленнями стандартів мікророзмітки.

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

Як перевірити мікророзмітку

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

Google Rich Results Test

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

Як використовувати: Просто вставте URL-адресу сторінки або ваш код в Google Rich Results Test, і система покаже, які розширені сніпети підтримує ваша сторінка і чи є в них помилки.

Schema Markup Validator

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

Як використовувати: Завантажте HTML-код або вставте URL-адресу в Schema Markup Validator. Інструмент миттєво покаже всі деталі структури мікророзмітки, від атрибутів до їх значень, і надасть список можливих помилок.

Google Search Console

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

Як використовувати: Підключіть свій сайт до Google Search Console, і у розділі “Покращення” ви зможете переглянути всі структуровані дані. Якщо Google виявить проблеми, наприклад, відсутність полів чи невідповідність стандартам, ви отримаєте повідомлення з детальним поясненням.

Відстеження ефективності мікророзмітки

Щоб оцінити, наскільки ефективно працює ваша мікророзмітка, скористайтеся можливостями Google Search Console. Відстежуйте, як змінюється показник CTR (click-through rate) та загальна видимість вашого сайту після впровадження мікророзмітки. Це допоможе зрозуміти, які типи структурованих даних приносять найбільше користі і як вони впливають на взаємодію користувачів із вашим сайтом.

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

Поділитися

Copied!

Команда авторів:

Надія Ронікер

Співзасновниця, CEO та керівниця відділу SEO

Адамів Святослав

Співзасновник та технічний директор