Урок 10. Метатеги

Здравствуй, уважаемый читатель.

Это десятый урок изучения html, в котором вы узнаете что такое метатег, какие бывают метатеги, почему они важны для сайта.

Перед прочтением данного урока рекомендую пройти предыдущие уроки:
Урок 1. Что такое html?
Урок 2. Параграфы, заголовки
Урок 3. Списки
Урок 4. Изображения Урок 5. Ссылки. Часть 1 Урок 5. Ссылки. Часть 2 Урок 6. Атрибуты Урок 7. Таблицы Урок 8. Выделения текста Урок 9. Формы. Часть 1 Урок 9. Формы. Часть 2

Теория и практика

Метатеги хранят информацию предназначенную для браузеров и поисковых систем. Метатеги создаются с помощью специального тега <meta> и не имеют закрывающего тега. Данный тег пишется внутри тега <head></head>

Но в зависимости от значения атрибута они носят разные значения. Рассмотрим атрибуты метатегов по порядку:

http-equiv, content

<html>
<head>
    <title>Главная</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
</body>
</html>

http-equiv — браузеры преобразовывают данное значение, заданное с помощью content, в формат заголовка ответа HTTP, обрабатывая их как будто они пришли от сервера.

content — указывает браузеру и поисковикам что содержит данная страница. В нашем случае указано «text/html» — это значит у нас html страница с текстом. А также через точку с запятой указывается кодировка страницы. В нашем случае кодировка utf-8.

name: description | keyword

<html>
<head>
    <title>Главная</title>
    <meta name="description" content="Описание атрибута name тега meta">
    <meta name="keywords" content="атрибут, метатег, описание атрибутов">
</head>
<body>
</body>
</html>

Важным атрибутом для поисковых систем являются атрибуты description и keywords. Это не совсем атрибуты, а значения атрибута name. При индексации страницы, поисковых робом просматривает данные теги и затем по данным ключевым словам может быть найден ваш сайт.

name="description" — отвечает за краткое описание к странице, которое пишется в соседнем атрибуте content="Описание атрибута name тега meta".

name="keywords" — отвечает за ключевые слова к странице/статье, которые пишутся в соседнем атрибуте content="атрибут, метатег, описание атрибутов".

Мы рассмотрели только основные метатеги. На самом деле их больше, но для понимания что такое метатег и как его использовать я думаю вы разобрались. Пробуйте всё прописать руками. Тогда вы лучше запомните и будете помнить где и как их применить.