Самые важные метатеги в SEO и как их использовать

SEO

Современный подход к оптимизации сайтов под поисковики кажется парадоксальным. Чтобы показать свой контент людям, вам нужно привлечь внимание … машин. Для этого используются метатеги, которые вставляются в HTML-код сайта. Рассказываем, какие из них имеют наибольшее значение, какими следует пользоваться очень осторожно и какие вышли из употребления.

Что такое метатеги в SEO?

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

Теги вставляются в первый раздел HTML-кода, обозначенный заголовком <head>. Обычно они записываются в формате <meta name=”AAA” content=”BBB”>. AAA — наименование используемой функции. BBB — конкретная команда для поисковой системы или браузера.

Теги не отображаются на странице. Однако пользователь может прочитать метаданные, если получит доступ к исходному коду вашего сайта. Поэтому не следует рассматривать их как способ передачи зашифрованных посланий и шуток — просмотреть теги очень легко. Кроме того, не следует вписывать в заголовок <head> лишние материалы. Хотя это не повлияет на индексацию и ранжирование, лишние фрагменты кода могут показаться поисковикам подозрительными, что повысит риск блокировки.

Почему метатеги SEO важны?

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

Другая группа SEO-метатегов влияет на впечатление пользователя от страницы (UX). Ошибка в этом разделе не сделает вас изгоем среди поисковиков, однако ухудшит восприятие контента. В результате, посетитель будет быстрее закрывать страницу или нажимать кнопку «Назад». В свою очередь, это приведет к понижению рейтинга. Своеобразная бомба замедленного действия, которая может скрываться в вашем коде.

Теги — вспомогательный инструмент, гарантирующий правильность восприятия сайта поисковиками. Однако их нельзя назвать фундаментальной основой SEO. Гораздо большее зависит от подбора ключевых слов и создания массива авторитетных ссылок. Кроме того, метаданные тоже меняются с течением времени. Некоторые функции потеряли свое значение, а другие приобрели вес. Поэтому важно следить за поисковыми алгоритмами популярных поисковиков, чтобы всегда оставаться в тренде.

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

Важнейшие SEO-метатеги

В современной практике оптимизации сайтов каждая страница должна содержать метаданные. Но проставлять их на больших ресурсах вручную очень сложно и ненадежно — существует очень большая вероятность, что вы упустите несколько разделов, снизив свой общий рейтинг. Поэтому рекомендуем пользоваться популярными инструментами для автоматизации SEO-таргетинга, например, Yoast, SERPSim и Ahrefs.

Тег Title

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

Содержимое тега Title должно быть не длиннее 60 символов с пробелами. Желательно также соблюдать минимум в 40 знаков. Слишком короткие и длинные фрагменты текста будут ухудшать эффективность вашей SEO-стратегии.
Текст должен привлекать внимание пользователя, но не злоупотреблять им. Интрига приветствуется, а откровенный кликбейт будет восприниматься как спам с соответствующим результатом.
В заголовок обязательно включают важнейший ключ. Однако не допускайте переспама. Если это возможно, не используйте одно слово в заголовке дважды.
Title должен соответствовать намерению посетителя. Если он вводит людей в заблуждение, рейтинг вашего сайта будет неизбежно снижаться.

Эксперты Google говорят, что каждая страница ресурса должна иметь уникальный заголовок, соответствующий ее содержанию и целевому действию. Копирование Title может привести к тому, что некоторые страницы будут исключены из поисковой индексации.

Практические советы

Убедитесь, что ваша страница имеет соответствующий SEO-тег. Если его нет, Google автоматически снизит ее позицию в ранжировании. И даже если она каким-либо образом попадет в топ поисковой выдачи, система самостоятельно выберет нужный ей фрагмент текста. Как вы понимаете, это будет не в вашу пользу, ведь предпочтения людей и роботов слишком отличаются.
Проверьте количество тегов Title. Если вы случайно оставили несколько заголовков, система опять же будет принимать собственное решение.
Проверьте длину текста. Оптимально — 40–60 знаков с пробелами. Если текст будет меньше или больше по объему, Google будет воспринимать его недостаточно информативным или слишком расплывчатым.
Проверяйте свой ресурс специализированным краулером. Например, Ahrefs’ Site Audit показывает дубликаты Title, которые сложно заметить при визуальном просмотре кода.

Добавление Title на страницу

В раздел <head> добавляется следующий фрагмент кода:

<title>Example of a good site title for search engine.</title>

Подходящую функцию имеют почти все CMS, включая WordPress, Wix и Squarespace.

Тег Description

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

В отличие от Title, Description не используется при ранжировании в поисковике, поэтому вы можете проявить немного больше фантазии. Однако ошибки использования этого тега могут иметь негативные последствия для оптимизации. Например, если вы намеренно будете вводить пользователя в заблуждение, он быстро закроет ваш сайт и вряд ли вернется. Подобное массовое поведение посетителей будет свидетельствовать о плохом UX. В долгосрочной перспективе это снизит рейтинг сайта.

Практические советы

Оптимальный объем Description — 140–160 символов с пробелами. Слишком короткий тег вызывает подозрение. Слишком длинный не вмещается, поэтому в поисковой выдаче будет показываться только его часть. А как известно, если из фразы забрать пару слов, ее можно извратить до неузнаваемости.
Пишите коротко и точно. Используйте ключевое слово и ориентируйтесь на намерение пользователя. Относитесь к этому элементу кода так же серьезно, как к подбору ключей.
Делайте уникальный тег для каждой страницы. Хотя Google не включает этот пункт в обязательные требования оптимизации, массовое повторение может быть воспринято как спам и воровство контента. Результаты — от снижения рейтинга до полного бана.
Избегайте откровенных кликбейтов. Время таких грубых инструментов ушло вместе с эпохой Web 1.0. Их эффективность ниже риска блокировки.

Добавление Description на страницу

В исходный раздел сайта включается следующая строка:

<meta name=”description” content=”Your description meta tag most match page content и apply to users intent. Keep it short, simple and catchy, but avoid any risky clickbaits”>

Тег Robots

Важнейший тег для SEO. Он содержит инструкции для поисковых систем по индексации страницы, необходимости анализа ссылок и использования дополнительных инструментов. Любопытно, что в большинстве случаев он просто не используется. Его отсутствие соответствует максимальному уровню разрешений — система будет индексировать и этот раздел сайта, и те URL, на которые он ссылается.

Тег Robots имеет две отдельные функции, каждая из которых может содержать два противоположных значения: index — сигнал о необходимости индексации страницы, noindex — запрет; follow — подтверждение качества ссылок на странице и разрешение на их исследование, nofollow — ограничение.

Важно понимать, как комбинировать эти команды. Например, сочетание noindex и follow запретит индексацию раздела сайта, но позволит обработку страниц, на которые он ссылается. Поисковая система может обрабатывать URL, даже если по ссылкам тоже проставлен тег noindex.

Практические советы

Если страница должна участвовать в ранжировании сайта, удаляйте тег Robots или снимайте соответствующую галочку в CMS. Это гораздо лучше, чем выдавать разрешения вручную — риск совершить ошибку гораздо меньше.
Не блокируйте индексацию ссылок в файле robots.txt, если за ними расположены страницы с этим тегом. Поисковая система получит неправильную команду, из-за чего возникнет неразбериха.
Обязательно проверяйте наличие и значение тега Robots после завершения разработки. Не забывайте проставлять правильные команды. Это особенно актуально, если вы открывали тестовую версию страницы для предварительной проверки перед окончательной публикацией.

Добавление Robots на страницу

Если вы не собираетесь блокировать индексацию, просто удаляйте тег — так проще и надежнее.

В других случаях к коду добавляется следующий фрагмент:

<meta name=”robots” content=”noindex, follow”>

Значения noindex и nofollow можно сократить до одной общей команды:

<meta name=”robots” content=”none”>

В большинстве CMS доступ к этой функции содержится в разделе Advanced.

Тег Googlebot

По сути, это специфический для Google метатег Robots. Он позволяет установить ограничения только для одной поисковой системы, игнорируя ее конкурентов, например, Bing и DuckDuckGo. Необходимость его использования может быть связана с обращением к разным целевым аудиториям.

Если теги Robots и Googlebot вступают в конфликт, в поисковике Google автоматически используются более строгие ограничения. К примеру, между follow и nofollow машина выберет именно последнюю команду. В Googlebot также могут использоваться специфические команды:

nosnippet — запрет на цитирование фрагмента текста в поисковой выдаче;
max-snippet:xx — максимальная длина такой цитаты в знаках с пробелами;
nositelinkssearchbox — отключение строки поиска внутри вашего сайта;
notranslate — ограничение на автоматический перевод;
nopagereadaloud — запрещение трансляции текста в аудио.

Практические советы

Как и в случае с Robots, если вы позволяете поисковику свободно индексировать страницу и изучать ссылки, сразу удаляйте этот тег.
Избегайте конфликта метаданных в Googlebot и файле Robots.txt. Это может привести к снижению рейтинга и неправильному отображению сайта в поисковой выдаче.
Используйте тег только в том случае, когда на 100% уверены в том, что делаете. Не отключайте «лишние» функции без необходимости.

Добавление Googlebot на страницу

Для управления индексацией добавьте следующий фрагмент в HTML-код:

<meta name=”googlebot” content=”noindex, follow”>

Или:

<meta name=”googlebot” content=”nosnippet”>

Для отключения определенных функций воспользуйтесь следующим синтаксисом:

<meta name=”google” content=”nositelinkssearchbox”>

Тег Viewport

Инструкция, как отображать страницу на экранах разного размера и разрешения. В Google признают, что этот метатег в HTML для SEO оказывает непосредственное влияние на ранжирование в поисковой выдаче. Он показывает, что сайт адаптирован к мобильным устройствам, на которые сейчас приходится более 60% просмотров.

Тег Viewport имеет двойное значение. Если он не используется, пользователи по умолчанию просматривают десктопную версию контента. Очень часто она неудобна для восприятия на маленьком экране, что приводит к большому проценту отказов. В то же время это негативно влияет на общий рейтинг сайта.

Следует отметить, что само по себе наличие тега Viewport не дает гарантии корректного отображения контента. Чтобы избежать ошибок, следует пользоваться CSS-разметкой, избегать больших объектов фиксированного размера и проводить тщательное тестирование продукта на разных девайсах.

Практические советы

Вставляйте этот тег на все страницы, чтобы продемонстрировать их совместимость с мобильными устройствами. Это положительно повлияет на ранжирование вашего сайта.
Если вы не уверены на 100% в своих действиях и их последствиях, используйте только стандартные переменные для тега Viewport.
Чтобы проверить правильность показа контента, используйте отчет Mobile Usability в сервисе Google Search Console.

Добавление Viewport на страницу

Функция со стандартными переменными выглядит следующим образом:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

Команда width=device-width означает, что контент адаптируется к фактической ширине и разрешению экрана. initial-scale=1.0 позволяет устанавливать исходный масштаб просмотра по шкале от 0.0 до 1.0, то есть от 0 до 100% с шагом 1%.

Тег Refresh Redirect

«Черный» HTML-метатег в SEO. Его использование автоматически снижает позицию страницы в поисковике Google и Bing. Эксперты рекомендуют избегать этого элемента, используя современные альтернативы. Аналогичное отношение сложилось и к тегу Keywords. Именно его использование уменьшает рейтинг Google и дает автоматический бан в Bing.

Тег Refresh Redirect используется для перенаправления запроса на другую страницу через определенный период времени. Проблема в том, что обычно его применяли для перенаправления пользователей на сайты с вредоносным контентом или спамом. Поэтому современные версии браузеров могут не прорабатывать эту команду.

Практические советы

Откажитесь от тега Refresh Redirect.
Используйте перенаправление по HTTP-коду 301 или 302, если вам нужно перевести пользователя на актуальную версию сайта.

Добавление Refresh Redirect на страницу

Если у вас возникло желание поэкспериментировать с действием этого тега, можете добавить в хедер следующую строчку:

<meta http-equiv=”refresh” content=”N;url=”https://aaabbb.xyz/”>

N — количество секунд до переадресации, url=”https://aaabbb.xyz/ — адрес страницы, которая откроется в браузере пользователя.

Тег Charset

Один из важнейших метатегов в SEO для сайтов со сложным разнообразным контентом. Он определяет набор символов, который будет использоваться для отображения текста. Его обязательно следует вставлять в код, если вы приводите цитаты из нелатинских алфавитов.

Без тега Charset браузер будет автоматически заменять незнакомые символы аналогами, которые подберет по кодировке. Это почти всегда приводит к ошибкам, которые ухудшают UX и отрицательно воспринимаются поисковиками. Результат — существенное снижение эффективности SEO.

Даже если вы уверены, что весь текст на сайте набран латиницей, стоит вставить ссылку на набор символов Unicode UTF-8. Также допускается использование альтернативы посредством ISO-8859-1. Специфические наборы символов подбираются индивидуально. Важно уточнять, поддерживаются ли они популярными браузерами.

Практические советы

Проставляйте тег Charset на каждой странице. Это косвенно повлияет на ваши позиции в Google и других популярных поисковиках.
Предпочитайте набор Unicode UTF-8. Статистика показывает, что он применяется на 90% англоязычных ресурсов.
Выберите правильный синтаксис в соответствии с версией HTML.

Добавление Charset на страницу

Прежде чем начать работу с тегом, необходимо определить версию HTML. Сделать это просто. В HTML5 обязательно используется идентификатор <!doctype html>. В предыдущих версиях он отсутствует.

К коду в современной среде разработки HTML5 прилагается следующая строка:

<meta charset=”UTF-8″>

В предыдущих версиях, включая HTML4, используется аналог:

<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″>

Если вам нужно использовать другой набор символов, просто укажите его код в переменном теге:

<meta charset=”ISO-8859-1″>

Чеклист для оптимизации метаданных SEO

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

Title проставлен, он уникален, содержит ключ и отвечает намерению пользователя. Его длина — от 40 до 60 символов с пробелами.
Description интересный, он точно описывает контент на странице. Длина текста — от 140 до 160 символов с пробелами. В нем нет рискованных кликбейтов.
Robots и Googlebot позволяют индексировать страницу и изучение материалов по ссылкам, если в этом состоит ваше намерение. Страницы с этими тегами не блокируются файлом Robots.txt.
Viewport и Charset представлены на каждой странице. Если вы не знакомы с их синтаксисом, оставляйте стандартные значения переменных.
Refresh Redirect и Keywords отсутствуют в вашем коде. Они считаются признаком «черного» SEO, поэтому автоматически снижают рейтинг сайта и подвергают вас опасности бана.

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

Однако даже при наличии удобного чеклиста ручная проверка будет длинной, трудоемкой и не всегда эффективной. Поэтому рекомендуем пользоваться функциональными SEO-сервисами. Например, краулер Ahrefs быстро собирает информацию обо всех страницах сайта, подсвечивает ошибки и дает рекомендации по их устранению.

Метатеги в технической оптимизации: краткие итоги

HTML-метатеги в SEO — вспомогательный инструмент, дающий разрешение на индексацию сайта поисковиками, кратко характеризует контент на странице и позволяет корректно показывать ваши материалы. Важно помнить о значении каждого элемента, ведь правильное написание кода повышает шансы сайта на выход в топ, тогда как ошибки создают риск снижения рейтинга или даже блокировки. Но теги — это не вся суть SEO и даже не самая важная ее часть. Не забывайте, что успех сайта зависит от комплексной оптимизации, включающей подбор ключевых слов, структурирование контента, создание ссылочной массы и другие работы.

FAQ

Что такое SEO-метатеги?

Короткие фрагменты кода, необходимые для взаимодействия с поисковиками и браузерами. Они определяют необходимость индексирования контента и создают правила его показа.

Почему метатеги важны для SEO?

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

Как поисковики используют метатеги?

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