Создайте: title и description документа

Добавьте полезные title и meta description.

Официальный источникWHATWG HTML — document metadataПроверено: 2026-08-26

ШАГ 1 · ИЗУЧИТЕ

Как это работает

Добавьте полезные title и meta description. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример

<head><title>Веб-услуги для бизнеса</title><meta name="description" content="Сайты и веб-системы, построенные вокруг реальных процессов бизнеса."></head>

title называет документ и может отображаться во вкладках, истории или результатах поиска. meta description кратко описывает страницу в атрибуте content и должна добавлять контекст.

Частая ошибка

<head><title>Веб-услуги</title><meta name="description" content="Веб-услуги"></head>

Оба поля заполнены, но description полностью повторяет title и не объясняет содержание страницы.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Дополните пример. Добавьте полезные title и meta description.

index.htmlHTML

Безопасный результатизолировано

Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы

ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено

У документа есть title с текстом.
Meta description содержит текст.
Описание добавляет информацию, а не повторяет только title.

Объясните логику решения

Добавьте в head один title с текстом. Затем создайте meta name="description" и укажите в content отдельное предложение, кратко описывающее страницу.

Как это работает

Ваше задание

Напишите и посмотрите результат

Что должно пройти