Проверка head первой страницы
Секция head описывает документ для браузера и других потребителей, не заменяя видимое содержание страницы.
Назначение
Секция head описывает документ для браузера и других потребителей, не заменяя видимое содержание страницы.
Как это работает
Для начала нужны подходящая кодировка, осмысленный title, настройка viewport и подключение стилей. Описание страницы должно соответствовать реальному материалу, а не перечислять несвязанные ключевые слова.
Пример
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Моя первая страница о CSS</title>
<meta name="description" content="Учебная страница с примером оформления текста.">
<link rel="stylesheet" href="style.css">
</head>Что должно получиться
Документ имеет читаемые метаданные и локальное подключение CSS. Полноценная страница также требует html, body и содержимого; это только её служебный фрагмент.
Граница применения и частая ошибка
Не копируйте canonical и пути ресурсов из чужого шаблона без замены. Неверный адрес может отправить браузер или поисковую систему к другому документу.
Самостоятельная проверка
Откройте свою страницу, сравните название вкладки и основной заголовок. Проверьте загрузку style.css и убедитесь, что кириллица читается без искажений.