Метатеги — это служебные элементы кода, которые содержат информацию о странице. Обычно они располагаются в заголовке, в границах тегов и .
С точки зрения работы сайта метатеги не обязательны: страницы будут корректно загружаться и без них. Но если важно продвижение веб-ресурса, эти элементы необходимы. Они влияют на позиции сайта в результатах выдачи, а значит, на посещаемость.
Рассказываем, какие бывают метатеги, зачем они нужны и как их правильно писать.
Функции метатегов
Метатеги влияют и на то, как отображается сайт в результатах поиска. Когда отсутствуют title и description, пользователь видит вместо заголовка страницы бессмысленный набор символов, а вместо описания в сниппете (кратком блоке-анонсе) — случайный и зачастую бессвязный текст. Благодаря грамотно прописанным метатегам пользователю сразу понятно, соответствует ли сайт тематике его запроса.
Основные метатеги
В зависимости от целей использования метатеги можно разделить на две группы: для SEO-продвижения и для внутренней оптимизации. Особенно важны первые. Основные метатеги с точки зрения ранжирования в Яндексе и Google — это title (заголовок) и description (описание). Также важны теги заголовков H1, H2. Несколько лет назад поисковики уделяли внимание элементу keywords (ключевые слова), но из-за злоупотребления его значимость снизилась.
Title — название страницы, которое видно в результатах поиска. Этот тег — самый важный для продвижения. Если title не прописан, в заголовок сниппета попадет url-адрес, который ни о чем не говорит пользователю. Поэтому тег должен присутствовать у каждой страницы сайта.
Description — описание страницы, которое показано в сниппете. Оно дополняет title и служит его логическим продолжением. Если не прописывать description, алгоритм поисковика вставит в сниппет произвольный фрагмент текста с ключевым словом.
H1 — тег заголовка первого уровня. В отличие от title, который при открытии сайта в браузере виден в строке поиска, H1 отображается в верхней части страницы.
H2, h3 и т.д. — теги заголовков следующих уровней. Они помогают структурировать текст, облегчить его восприятие. Поисковые роботы, как и читатели, отдают предпочтение веб-страницам с четко выстроенной иерархией заголовков.
Как просмотреть и проверить метатеги
Можно также применить комбинацию клавиш Ctrl+U. Откроется отдельное окно с HTML-кодом. Ищите названия метатегов в пределах контейнера — он находится в верхней части страницы. Или воспользуйтесь функцией поиска Ctrl+F.
Как писать метатеги
Метатеги помогают продвигать страницу в поиске только тогда, когда они грамотно оформлены и заполнены. Для каждого элемента кода существуют свои правила.
Title
Вот еще несколько рекомендаций по написанию title:
- обязательно впишите ключевые слова в тайтл, но не злоупотребляйте — используйте не больше трех в заголовке;
- начните тайтл с основного запроса в прямом вхождении;
- если продвигаете сайт в определенном регионе, добавьте его название в заголовок;
- старайтесь не использовать стоп-слова (частицы, предлоги, союзы), когда без них можно обойтись;
- то же касается знаков препинания и спецсимволов (кавычки, скобки, косая и прямая черта) — чем меньше, тем лучше;
- используйте цифры в заголовках — конкретику любят и читатели, и поисковые роботы;
- исключите повторы — для каждой страницы сайта необходим уникальный заголовок.
Пример title может выглядеть так:
Дома из клееного бруса в Москве: строительство под ключ
В данном случае мы объединили в заголовке ключевые фразы «дома из клееного бруса», «дома из бруса в Москве», «дома из бруса под ключ».
Description
Описание страницы детализирует тайтл. Оно должно содержать важную для пользователя информацию. Ключевики в текст description вставлять можно и нужно, но желательно, чтобы они не дублировали фразы из заголовка. Оптимальная длина описания — не менее 70 и не более 200 символов с пробелами.
При заполнении description:
- текст должен быть связным и грамотным;
- основную информацию (например, преимущества вашего предложения) лучше поместить в начало описания;
- ключевые фразы можно склонять, разбавлять, менять порядок слов — главное, чтобы они выглядели органично;
- полезно использовать меняющиеся значения (количество товаров, размер скидки) — описание получится динамичным, а значит, привлекательным для поисковиков;
- как и в случае с заголовками, для каждой страницы сайта необходимо уникальное описание.
Вот пример оформления и заполнения тега description:
Н1
Основной заголовок, как и title, отражает тему страницы, но имеет более привлекательную с точки зрения читателя формулировку. В нем тоже рекомендуется использовать ключевую фразу.
Пример заполнения тега H1:
Проекты домов из бруса
Метатеги для внутренней оптимизации
Технические метатеги способствуют быстрой и правильной индексации сайта. Перечислим элементы кода, которые используются чаще всего.
Robots
Этот метатег содержит требования по индексации для поисковых роботов. Он сообщает, нужно ли добавлять содержимое страницы в базу данных, разрешать ли переходить по ссылкам. Требования оформляют с помощью директив, например:
- all, index, follow — индексация и переход по ссылкам разрешены;
- noindex — запретить индексацию текста страницы;
- nofollow — запретить переход по ссылкам;
- noimageindex — не индексировать изображения;
- nosnippet — не выводить сниппет в результатах поиска.
Можно настроить метатег robots для конкретной поисковой системы, указав ее название.
Пример оформления метатега:
Canonical, Next, Previous
Группа метатегов, которые позволяют избежать дублирования страниц. Например, у сайтов интернет-магазинов карточка одного и того же товара часто попадает в разные категории. Чтобы поисковик не проиндексировал две одинаковые страницы как дубли, используют тег canonical. Он указывает, какой url считать каноническим.
Метатеги next и previous прописывают в коде с постраничной навигацией. Они актуальны опять же для крупных интернет-магазинов, которые часто содержат каталоги из десятков страниц. В теге previous прописывают адрес предыдущей, в теге next — следующей страницы (по отношению к текущей).
Content-Type
Тег указывает на тип документа (текст, изображение, видео, аудио) и иногда на кодировку. Необходим для корректного отображения страницы в браузере.
Content-Language
Хотя браузеры определяют язык документа автоматически, иногда бывают ошибки. Например, если пользователь находится за рубежом. Поэтому для текстовых страниц рекомендуется использовать метатег content-language.
Author, Copyright
Метатеги для указания авторства или правообладания. Считается, что они могут влиять на продвижение, поскольку поисковики предпочитают уникальный контент.
Ошибки при составлении метатегов
Чтобы метатеги выполняли свои функции, тщательно проверяйте их при написании. Избегайте типичных ошибок, таких как:
- дублирование (два или больше одинаковых title, description и др. на разных страницах сайта);
- перенасыщенность ключевыми словами;
- неподходящая длина (текст внутри тега значительно длиннее или, наоборот, короче, чем рекомендуется);
- ошибки в синтаксисе.
Что важно запомнить
- С помощью метатегов роботы поисковых систем получают информацию о веб-страницах.
- Грамотно прописанные метатеги помогают повышать позиции сайта в выдаче.
- Важнейшие для SEO метатеги — title, description и h1.
- Чтобы сайт лучше ранжировался в поисковых системах, рекомендуется прописать уникальные метатеги для каждой страницы.
- Ключевые слова должны присутствовать в метатегах, но не стоит ими злоупотреблять.
Источник: www.mango-office.ru
Тег HTML заголовок страницы
Тег определяет заголовок HTML страницы. Этот тег не отображается на самой веб странице. Браузеры обычно выводят его как название вкладки. Также тег title используется поисковыми системами как заголовок сайта в выдаче.
Не путайте HTML тег с глобальным атрибутом title — это разные вещи.
Элемент находится в области страницы (подробнее про раздел head). Можно использовать только один тег title на странице.
Синтаксис
Содержимое тега заголовка используется:
- как название вкладки в браузере;
- как название страницы при добавлении в Избранные или Закладки;
- как заголовок сниппета сайта в поисковой выдаче.
Атрибуты у тега title отсутствуют.
Пример использования в HTML коде
Поддержка браузерами
| Тег | |||||
| Да | Да | Да | Да | Да |
Тег title в поисковых системах
Поисковые системы используют содержимое тега title страницы для построения заголовка сниппета сайта в выдаче.

Чтобы правильно заполнять тег нужно учитывать следующие правила:
- Пишите внутри title только то, что соответствует содержанию страницы.
- Не пишите слишком длинные заголовки.
- Не стоит делать из заголовка перечисление ключевых слов.
- Ставьте наиболее важную информацию в начало заголовка.
Правильный тег поспособствует поднятию позиции страницы сайта при ранжировании.
Многие CMS поддерживают автогенерацию заголовка. Обычно при этом используется заголовок страницы и название раздела сайта (например, для страницы товара интернет магазина: название товара из h1 и категория товара). Хотя эта схема не является идеальной, ее использование оправдано во многих случаях.
Вот пример тега title для этой страницы (один из вариантов):
Тег title HTML заголовок страницы — справочник HTML тегов Guru Weba
Источник: guruweba.com
Что писать в title сайта
Определяет заголовок документа. Элемент (от англ. title — название, заголовок) не является частью документа и не показывается напрямую на веб-странице. Текст заголовка отображается, как правило, на вкладке браузера (рис. 1). Допускается использовать только один на документ и размещать его в контейнере .

Рис. 1. Вид заголовка в браузере Firefox
Синтаксис
Атрибуты
Для этого элемента доступны универсальные атрибуты.
Пример
Примечание
Элемент выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.
- По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница.
- Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы, недопустимые в имени файла ( / : * ? » < >|), они будут проигнорированы или автоматически заменены другими дозволенными символами.
- При сохранении в разделе браузера «Избранное», адрес текущей страницы с её заголовком помещается в список предпочитаемых ссылок.
- В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечёт больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.
Спецификация
| HTML Living Standard | Живой стандарт |
| HTML 4.01 Specification | Заменённая рекомендация |
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft ( Черновик спецификации ) — первая черновая версия стандарта.
Браузеры
| 3 | 12 | 1 | 4 | 1 | 1 |
| 4.4 | 4 | 14 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
См. также
- Создание первой веб-страницы
- Структура HTML-кода
Источник: webref.ru
