Что такое мета-теги и зачем они нужны?

SEO продвижение 
Время чтения: 6 мин, 4 сек
Что такое мета-теги и зачем они нужны?

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

Мета-теги — это теги (часть HTML-кода), которые предоставляют поисковым системам структурированные данные о конкретной странице. Они заключаются между тегом <head>…</head>, проверяются роботами при индексации сайта.

Какие функции выполняют мета-теги? Разберем подробно.

Задачи мета-тегов

 

  • Улучшают ранжирование сайта в поисковой выдаче, поэтому способствуют продвижению ресурса. Теги ориентированы на роботов, индексирующих веб-ресурсы, и на людей, которые вводят запрос в поисковую строку;
  • Предоставляют информацию о содержимом страницы, привлекая целевую аудиторию;
  • Способствуют адаптивному отображению контента на различных устройствах (компьютерах, планшетах, телефонах). Предотвращают некорректное отображение содержимого при различных сбоях браузера.

Изучая каждую функцию отдельно, вы поймете, что мета-теги для сайта — доступный, эффективный, простой инструмент продвижения.

Как правильно использовать мета-теги? Какие задачи можно решить? Какие ограничения предоставляют поисковики?

Сегодня вы узнаете все о мета-тегах!

Классификация мета-тегов

Теги принято разделять на: seo мета-теги (которые способствуют поисковой оптимизации сайта) и технические мета-теги (отвечают за техническую оптимизацию ресурса).

Seo мета-теги включают: Title, Description, Keywords.

Тег Title

Первый, главный для поисковой оптимизации мета-тег, который оказывает огромную роль в релевантности ресурса — Title! Это своеобразный заголовок сайта, который имеет свои уникальные особенности.

Title отображается 2-я способами:

  • В ТОПе поисковой выдачи синим крупным текстом, который передает суть страницы, подталкивая пользователя кликнуть по ссылке;
  • Во вкладках браузера, чтобы позволить пользователю сориентироваться при поиске нужного ресурса.

Как заполнять Title?

  • В мета-теге Title используют самые высокочастотные запросы в начале предложения;
  • Тег составляется из главных ключей, однако не должен быть их бездумным перечислением. Иначе поисковая система воспримет это как переспам.
  • Например, если ваши ключевые слова: “курсы в Харькове”, “IT-курсы”, “стать программистом”, то Title: “Пройти курсы в Харькове, крутые IT-курсы. Как стать очень хорошим программистом?” — плохой вариант. Какой тогда хороший?
  • Правильно составленный заголовок должен быть легко читаемым, информативным + привлекательным для пользователя. Не рекомендовано использовать ключевые слова, по которым страница не продвигается. Кратко передайте содержание страницы: “IT-курсы в Харькове: обучение на программиста — A-Level” — это уже хороший вариант;
  • Следите, чтобы ваш Title был уникальным. Проверить дубликаты тегов вы можете, используя программы-парсеры (Screaming Frog, Netpeak Spider) или Google Search Console!

Требование ПС

Seo мета-теги имеют свои специфические особенности, в зависимости от требований поисковых систем.

Например, максимальная длина title должна составлять:

При этом, десктопная версия отображает сниппет размером 600 пикселей. Значит, текст будет автоматически обрезаться:

  • Google: до 50—55 символов
  • Яндекс: до 45—55 символов

Тег Description

Description — это мета-тег для сайта, который дает краткое, информативное, сочное описание контента страницы. Зачастую он может использоваться как сниппет — это небольшие отрывки информации, которое видит пользователь в качестве описания сайта по своему запросу. Если Description был оформлен удачно, тогда поисковик выводит его в сниппете (это не касается информативных страниц, где Google часто сам определяет сниппет).

Если же этот пункт был пропущен/выполнен некачественно, то поисковик может сам выбрать наиболее релевантный контент сайта. Однако, это зачастую играет против ресурса, так как фраза, вырванная из контекста, звучит скомкано.

Итак, мы определились, что заполнять Description необходимо. Теперь давайте разберемся, как это делать.

Как заполнять Description?

  • Обязательно задействуйте ключевые слова, однако в умеренном количестве, иначе робот расценит это как переспам;
  • Не используйте вырванный кусок текста, который не содержит важной продающей информации. Например: “В современном мире сложно представить себе жизнь без смартфона, доступа к интернету, высокотехнологичных гаджетов. Сегодня профессия программиста является наиболее востребованной и актуальной. Она открывает перед нами новые возможности!” — такой вариант будет проигрышным;
  • Информация должна содержать понятное, легко читаемое описание контента, отвечать на вопросы пользователя, предоставлять выгоду + УТП. Например: “A-Level — IT-школа №1 в Харькове! Занятия проходят в режиме: онлайн + офлайн. Ты можешь освоить любое направление программирования с нуля! Скидка —15% до 10 марта!” — такой вариант более продающий;
  • Заполнять Description важно для всех URL сайта. Приоритетными являются: главная страница, каталоги. Важно понимать, что мета-теги Description описывают каждую отдельную страницу сайта, но не весь ресурс сразу;
  • Description может содержать СТА (призыв к действию): Свяжитесь с нами по телефону 0959999999! Переходите в наш каталог! Узнайте больше на сайте!
  • При необходимости текст можно дополнять смайлами (ограниченно);
  • Описание также должно быть уникальным, проверяйте парсерами или Google Search Console;
  • Description должен отображать информацию, которая действительно находится на сайте, является актуальной на данный момент.

Требование ПС

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

  • Google: десктопный поиск — 135-175; мобильный поиск — 100-120 (символы с пробелами)
  • Яндекс: десктопный поиск — 160-260; мобильный поиск — 100-160.

Если нажать кнопку «читать еще» появится дополнительно 500 символов.

Keywords

Ключевые слова имеют второстепенное значение. Поисковая система Google не учитывает данный мета-тег в результатах поиска с 2009 года. Однако, Яндекс в редких случаях продолжает использовать Keywords.

  • Каждое слово должно соответствовать контенту сайта;
  • Количество ключевых слов должно составлять максимум 3-6 штук. Если указать больше, робот засчитает это за переспам;
  • Используйте высокочастотные высококонкурентные запросы.

Технические мета-теги

Теперь изучим мета-теги для сайта технического характера. Они позволяют:

  • Настроить отдельные возможности отображения сайта различными сервисами, браузерами, устройствами, поисковыми системами;
  • Настроить внутреннюю оптимизацию сайта.

Viewport

Доля пользователей мобильного интернета растет с каждым днем. Чтобы сохранять трафик, важно адаптировать сайты под различные гаджеты.

Мета-тег Viewport в разделе HEAD означает, что данный ресурс адаптирован под отображение на мобильном устройстве.

Сам тег содержит “код” (device-width), который подстраивает ширину отображаемой страницы под мобильное устройство/компьютер. Наличие такого тега — актуальный фактор ранжирования страниц.

Open Graph

Open Graph — мета-теги для сайта, которые позволяют сделать качественный репост в другие сервисы (например, социальные сети).

Очень важный инструмент привлечения трафика. Без такого тега репост может отображаться с рандомным контентом (картинкой, текстом). Open Graph позволяет вам самостоятельно установить вид анонса!

Open Graph включает:

  • og:title – название;
  • og:description – описание;
  • og:image – изображение;
  • og:type – тип материала;
  • og:url – ссылка на веб-страницу, которая добавляется в социальную сеть.
Рекомендуем
Что такое разметка Open Graph и зачем она нужна
Подробнее

Robots

Вы можете самостоятельно решать, какие страницы включать в индекс поисковых систем, используя мета-теги Robots.

Данный тег позволяет работать со следующими атрибутами:

  • index + noindex — можно ли индексировать страницу;
  • follow + nofollow — учитывать ли гиперссылки;
  • all + none — открыть или закрыть страницу, гиперссылки для индексации поисковиками;

Например: <meta name=»robots» content=»noindex, follow»/>

Часть атрибутов поддерживается только одной поисковой системой.

Google Яндекс
nosnippet — не показывать описание страницы в поисковой выдаче noyaca — не использовать автоматическое описание страницы
max-snippet:[number] — наибольшая длина в сниппете index | follow | archive — отменяет конкретный запрещающий директив
max-image-preview:[setting] — наибольший размер изображений
max-video-preview:[number] — указание длины видео
notranslate — не переводить страницу
noimageindex — не индексировать изображения
unavailable after: [date/time] — прекращение показа страницы с определенного времени в поиске

Http-equiv

Какие мета-теги нужно использовать, чтобы сайт отображался всегда корректно?

  • Content-Type – определяет кодировку страницы, позволяет всегда корректно отображать ресурс в любом браузере;
  • Content-Language – определяет основной язык страницы;
  • Refresh – направляет пользователя на другую страницу, если загрузка этой страницы происходит дольше заданного времени.

Заключение

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

0

комментариев

Оставить коментарий

Получай новости первым

Спасибо! Ваше сообщение отправлено.