Section outline

🎓

Змістовий модуль 4. Словники мікророзмітки

Повний гайд: від теоретичних основ синтаксисів до практичного впровадження та SEO-оптимізації метаданих.

1. Концепція та вплив на SEO

🔍 Для пошукових систем

Мікророзмітка перетворює неструктурований контент на машинозчитувані дані. Це дозволяє Google формувати Rich Snippets (зірочки рейтингу, ціни, наявність товару, тривалість відео), що підвищує CTR (клікабельність) на 20-30%.

📱 Для соціальних мереж

Використання словників типу Open Graph керує тим, як ваше посилання виглядає у Telegram, Viber чи Facebook. Без метаданих соцмережа підтягує випадкове зображення та текст.

2. Порівняльний аналіз синтаксисів

Критерій	JSON-LD	Microdata	RDFa
Розміщення	Окремий блок <script>	Всередині HTML-тегів	Всередині HTML-тегів
Зручність	Найвища (рекомендовано)	Середня	Складно для новачків
Підтримка Google	Пріоритетна підтримка	Повна підтримка	Обмежена (переважно OG)

3. Еталонні зразки коду

example.html

<!-- Словник Schema.org у синтаксисі JSON-LD -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "Цифрові мультимедійні технології",
  "educationalCredentialAwarded": "Сертифікат ЗНУ",
  "description": "Курс присвячений вивченню мікророзмітки та SEO.",
  "provider": {
    "@type": "Organization",
    "name": "Zaporizhzhia National University"
  }
}
</script>

🚨 Лабораторія помилок: Чого НЕ варто робити?

❌ Помилка 1: Невалідний JSON

Студенти часто забувають про кому після останнього елемента в об'єкті або використовують «парні» лапки з Word. Браузер ігнорує весь блок.

❌ Помилка 2: Фантомні дані

Розмітка ціни в 100$ через Schema.org, тоді як на самій сторінці написано 150$. Пошукові системи вважають це спамом та знижують рейтинг.

❌ Помилка 3: Змішування синтаксисів

Спроба закрити тег Microdata (itemprop) всередині блоку JSON-LD. Це різні методи, вони не змішуються!

❌ Помилка 4: Дублювання OG

Декілька тегів og:image. Соцмережі оберуть випадковий або останній, що призведе до некоректного прев'ю.

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

Google Rich Results (Schema.org) FB Debugger (Open Graph)

Select activity 📌 Змістовий модуль 4: Словники мікророзмітки Швидк...