Теория
Теория

Тег meta, ключевые слова

С помощью метатегов можно добавить на страницу информацию полезную для поисковых систем: перечень ключевых слов и краткое описание страницы.

Перечень ключевых слов задаётся тегом <meta>, у которого атрибут name имеет значение keywords. Ключевые слова (самые важные слова из содержания страницы) перечисляются в атрибуте content через запятую:

<meta name="keywords" content="важные, ключевые, слова">

Раньше этот тег был очень важен для поисковиков. Каково положение дел сейчас? Мы бы с удовольствием вам поведали, но это большой секрет Яндекса и Гугла.

Краткое описание страницы задаётся похожим образом, только значение атрибута name меняется на description:

<meta name="description" content="краткое описание">

Краткое описание (или аннотация) страницы часто используется поисковиками при отображении результатов поиска.

Скриншот браузера с описанием страницы в результатах поиска

Существуют рекомендации по правильному использованию метатегов от Гугла и Яндекса.

index.html

HTML

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8">  <title>Сайт начинающего верстальщика</title> <link rel="stylesheet" href="outlines.css"> </head> <body> <header> <h1>Сайт начинающего верстальщика</h1> </header> <main> <nav> Навигация </nav> <section> <p>Всем привет! Добро пожаловать на мой первый сайт. Ещё недавно я понятия не имел, кто такой верстальщик, а теперь я нашёл тренажёры по HTML и CSS и поставил перед собой цель — стать им. У меня даже появился инструктор — Кекс, который не позволит мне расслабиться и будет следить за моими успехами.</p> <p>Моё первое задание — вести дневник и честно писать обо всех своих свершениях.</p> </section> <section> Раздел про навыки </section> </main> <footer> Подвал сайта </footer> </body> </html>

ЗадачиВыполнено

Добавьте в <head> метатег с ключевыми словами: вёрстка, HTML, CSS, блог,
затем добавьте в <head> ещё один метатег с кратким описанием страницы: Блог о процессе обучения веб-технологиям.

Тег meta, ключевые слова

Вход

Регистрация

Восстановление доступа