Семантична розмітка HTML документів

Тема: Використання плагінів для автоматичної розмітки та аналіз результатів.

Мета: Навчитися використовувати інструменти автоматизації (плагіни CMS, онлайн-генератори) та проводити порівняльний аналіз їхньої ефективності відносно ручного кодування.

Завдання 1. Генерація розмітки за допомогою онлайн-інструментів

Замість написання коду вручну, скористайтеся спеціалізованими генераторами (наприклад, Merkle Schema Markup Generator або TechnicalSEO).

• Крок 1: Оберіть тип об'єкта LocalBusiness або Organization.
• Крок 2: Заповніть поля форми (назва, адреса, телефон, соціальні мережі).
• Крок 3: Згенеруйте код у форматі JSON-LD.

Завдання 2. Впровадження через CMS

Уявіть, що ви працюєте з CMS (WordPress/Joomla). Дослідіть можливості популярних плагінів (Yoast SEO, Rank Math).

Випишіть назву одного плагіна та перелік типів Schema.org, які він дозволяє налаштовувати автоматично без втручання в код.

Завдання 3. Порівняльний аналіз

Складіть порівняльну таблицю для коду, який ви писали вручну в ЛР №4, та коду, отриманого через генератор у Завданні 1 цієї роботи.

Завдання 4. Валідація та перевірка 

1. Візьміть згенерований код із Завдання 1.

2. Перевірте його за допомогою Google Rich Results Test.

3. Зафіксуйте, чи додав генератор якісь поля, про які ви не знали раніше (наприклад, priceRange або openingHours).

Зразки коду для демо:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "CollegeOrUniversity",
  "name": "Запорізький національний університет",
  "alternateName": "ЗНУ",
  "url": "https://znu.edu.ua",
  "logo": "https://znu.edu.ua/images/logo.png",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+38-061-228-75-00",
    "contactType": "admissions",
    "areaServed": "UA",
    "availableLanguage": "Ukrainian"
  }
}
</script>