Урок 39 из 80: Основы: Open Graph
Основы: Open Graph: последовательный урок HTML с целью, объяснением, примером кода, правилами самопроверки и практическим заданием.
Цель: 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» — противоречащие друг другу сигналы затрудняют выбор страницы для индексации.
<article class="card">
<h2>Основы: Open Graph</h2>
<p>Содержимое компонента</p>
</article>Правила для Open Graph
- Сопоставьте видимое содержание с title, description, canonical и структурированными данными применительно к теме «Основы: Open Graph».
- Сопоставьте результат «Основы: Open Graph» с целью «передать роботам однозначные сведения о документе и его основном URL» и объясните каждое использованное условие.
- Повторите проверку «Основы: 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. Примеры и объяснения подготовлены для этого сервиса.