Что такое мета-теги
Мета-теги — это специальные элементы HTML-кода, которые помещаются внутри секции <head> веб-страницы и не отображаются напрямую в браузере. Их основная задача — передача информации о странице (метаданных) поисковым системам, социальным сетям и браузерам.
Несмотря на то, что пользователи этих тегов не видят, именно они отвечают за представление страницы в поисковой выдаче, за предпросмотр в соцсетях и за индексацию в Google, Яндекс и других системах. Мета-теги — это не «волшебная палочка» для SEO, но их правильное использование критически важно для успешного продвижения сайта.
Основные мета-теги и их назначение
Рассмотрим наиболее важные мета-теги, которые используются практически на каждой странице.
1. <title>
Хотя технически это не мета-тег, а самостоятельный HTML-тег, он часто рассматривается в одном ряду с ними. Этот тег указывает заголовок страницы, который отображается:
- В заголовке вкладки браузера
- В результатах поисковой выдачи
- При сохранении страницы в закладки
Хорошо написанный тайтл должен быть коротким (до 60 символов), уникальным и отражать суть страницы.
2. <meta name=»description» content=»…»>
Этот тег описывает содержание страницы и часто используется поисковыми системами для формирования сниппета — краткого описания, которое вы видите под заголовком в результатах поиска. Он должен быть:
- Информативным и лаконичным
- Длиной до 160 символов
- Привлекательным для клика
Хотя наличие description не влияет напрямую на ранжирование, он влияет на CTR (Click-Through Rate) — показатель кликабельности страницы в поиске.
3. <meta name=»keywords» content=»…»>
Этот тег использовался в начале 2000-х годов для указания ключевых слов, по которым страница должна находиться. Однако сегодня поисковые системы практически не учитывают этот мета-тег, поэтому его использование — скорее дань традиции, чем необходимость.
4. <meta name=»robots» content=»index, follow»>
С помощью этого тега можно управлять поведением поисковых роботов:
- index — разрешить индексацию страницы
- noindex — запретить индексацию
- follow — разрешить переход по ссылкам на странице
- nofollow — запретить переход по ссылкам
Этот тег особенно важен для технической SEO-оптимизации и управления доступом к определённым разделам сайта.
5. <meta property=»og:title»> и другие Open Graph теги
Эти теги были разработаны Facebook, но используются во многих соцсетях (включая Telegram и LinkedIn) для формирования красивых карточек при публикации ссылок. Среди них:
- og:title — заголовок страницы
- og:description — описание
- og:image — изображение для предпросмотра
- og:url — ссылка на страницу
Open Graph теги — не обязательны, но повышают привлекательность страницы при распространении в социальных сетях.
