Курс HTMLАктуально

Урок 39 из 80: Основы: Open Graph

Основы: Open Graph: последовательный урок HTML с целью, объяснением, примером кода, правилами самопроверки и практическим заданием.

Самоучитель HTMLУрок 39 из 80

Цель: Open Graph

Этап «Основы» в уроке «Open Graph» помогает передать роботам однозначные сведения о документе и его основном URL. После урока вы сможете объяснить роль темы «Open Graph», собрать минимальный пример и назвать критерии корректного результата.

Разбор темы

Материал «Основы: Open Graph» относится к области «урок HTML: поисковая разметка». Для темы «Основы: Open Graph» предметный результат подтверждается так: сопоставьте видимое содержание с title, description, canonical и структурированными данными. Предметная проверка для «Основы: Open Graph»: сопоставьте видимое содержание с title, description, canonical и структурированными данными. Для «Основы: Open Graph» для темы «Основы: Open Graph» результат зависит от исходной структуры, входных данных и явно выбранных критериев проверки. Рабочая проверка «Основы: Open Graph» звучит так: сопоставьте видимое содержание с title, description, canonical и структурированными данными. Главный риск «Основы: Open Graph» — противоречащие друг другу сигналы затрудняют выбор страницы для индексации.

html
<article class="card">
  <h2>Основы: Open Graph</h2>
  <p>Содержимое компонента</p>
</article>

Правила для Open Graph

  1. Сопоставьте видимое содержание с title, description, canonical и структурированными данными применительно к теме «Основы: Open Graph».
  2. Сопоставьте результат «Основы: Open Graph» с целью «передать роботам однозначные сведения о документе и его основном URL» и объясните каждое использованное условие.
  3. Повторите проверку «Основы: Open Graph» с другими данными и убедитесь, что исключён риск: противоречащие друг другу сигналы затрудняют выбор страницы для индексации.
Решение

Используйте подход из темы «Основы: Open Graph», когда требуется передать роботам однозначные сведения о документе и его основном URL. Перед переносом «Основы: Open Graph» выполните проверку: сопоставьте видимое содержание с title, description, canonical и структурированными данными.

Мини-задание

Соберите «Основы: Open Graph» в тестовом шаблоне. Для «Основы: Open Graph» выполните предметную проверку: сопоставьте видимое содержание с title, description, canonical и структурированными данными. Затем замените демонстрационные данные «Основы: Open Graph» реальными.

Спецификации и источники

Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.