EYE 133
EYE 29.12.2020

Метатеги SEO: что это и как их оптимизировать

Max Monstro автор статьи

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

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

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

На страницах сайта есть не только текст, который видит пользователь. Все они состоят из кода, обычно HTML. Он не видим, но именно он отвечает за оформление материалов, кликабельность кнопок и за то, как поисковые системы будут ранжировать страницы. 

Метатеги — это HTML-теги <meta>, с помощью которых указывают служебную информацию о странице. Информация может быть разной: 

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

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

Но есть метатеги, которые могут быть видны пользователям. Это теги Title и Description. Они формируют сниппет — то, что люди видят в поисковой выдаче и благодаря чему принимают решение, стоит ли переходить на сайт. 

«Яндекс» запрос
В «Яндексе» запрос, заданный пользователем, выделен жирным в обоих метатегах
Google запрос
В Google запрос выделен жирным только в метатеге Description

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

Зачем нужны метатеги

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

А еще метатеги «управляют» поисковыми роботами. Например, некоторые запрещают индексирование ссылок в материале, а другие — разрешают просмотр страницы и ее вывод в результаты поиска. 

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

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

Какими бывают метатеги и как правильно их заполнять

Метатег Title

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

  • в результатах поисковой выдачи — выше мы уже показывали, как это выглядит; 
  • в качестве заголовка страницы в браузере — увидеть его часть можно на вкладке, а полностью, если навести на нее мышку. 
метатег Title в браузере Google Chrome
Так выглядит метатег Title в браузере Google Chrome

Теоретически в метатеге может быть сколько угодно символов, но поисковые системы отображают их в поисковой выдаче с ограничениями. Так, в Google люди видят до 50–55 символов с пробелами, а в «Яндексе» — до 45-55. 

К написанию метатега Title есть определенные требования: 

  • метатег должен быть уникальным для каждой страницы, а если используете один и тот же для двух разных страниц, роботы поисковиков могут посчитать их за дубли; 
  • Title должен отличаться от заголовка страницы, обозначенного метатегом H1; 
  • метатег должен содержать 1–3 главных ключевых слова: обычно тех, у которых больше всего показов в поисковых системах; 
  • Title должен отображать суть страницы, быть понятным и кратким. 

Использовать в метатеге для SEO специальные символы не стоит — они могут некорректно отображаться поисковыми системами и сбивать их с толку. Также не стоит делать Title слишком длинным и включать в него много ключевых слов. По возможности пишите его так, чтобы он привлекал внимание — от него отчасти зависит кликабельность сниппета. 

Метатег Description

Еще один метатег, о котором мы говорили выше. Отображается только в сниппете. Его средняя длина — 50–200 символов с пробелами. Можно больше, можно меньше: поисковые системы сами решат, что отображать в нем. Но иногда могут воспользоваться вашими рекомендациями и отобразить там то, что написали вы. 

Правильный метатег Description: 

  • содержит в начале самую важную информацию о содержании страницы; 
  • содержит главные ключи, по которым продвигается страница: чем ближе к началу, тем лучше; 
  • не повторяет метатег Title и другие метатеги Description на странице; 
  • не повторяет в точности какой-то отрывок текста на странице; 
  • содержит призывы к действию или преимущества компании, чтобы выделиться на фоне конкурентов. 

Метатег Description тоже влияет на кликабельность сниппета в поисковой выдаче. А чем чаще на него кликают и остаются после этого на сайте, тем лучше для ресурса. Поэтому старайтесь делать метатег не для SEO, а для людей, чтобы он был как можно более привлекательным для пользователей. 

Метатег H1

Это — тег, который видят пользователи: заголовок контента на странице. Например, заголовок статьи или какого-то раздела в каталоге. Есть страницы, на которых H1 не виден пользователям, но он есть в коде. 

метатег H1 (заголовок) в статье
Так выглядит метатег H1 (заголовок) в статье 

Именно благодаря этому тегу поисковые роботы определяют содержание страницы, индексируют ее и показывают в выдаче. Поэтому важно оформлять его в соответствии с требованиями SEO. Это: 

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

Есть и специфические особенности тегов для разных типов сайтов. Так, в интернет-магазинах для более эффективного SEO в метатег выносят название товара и его характеристики — модель, цвет, размер и так далее. 

Метатеги H2-H6

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

подзаголовок H2
Так выглядит подзаголовок H2

Использовать теги можно сколько угодно раз, но после H1. А еще в них должна быть соблюдена иерархическая структура. Нельзя использовать H3 перед H2. Смотрите: в нашем материале метатегами H3 обозначены конкретные метатеги, а H2 — общий рассказ о них и про их влияние на SEO. 

К метатегам есть дополнительные требования: 

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

В нормальном тексте подобные требования к подзаголовкам соблюдены автоматически. 

Keywords

Метатег Keywords тоже определяет содержимое страницы, но сейчас он устарел. Раньше в нем прописывали ключевые слова, которые помогали поисковым роботам определить тематику контента. «Яндекс» и сейчас может учитывать их при определении соответствия страницы запросу, но они не оказывают никакого влияние на ранжирование. 

Более того: если ошибиться при заполнении метатега, поисковые системы могут посчитать это «черным SEO» (нарушением правил продвижения) и пессимизировать страницу в выдаче. 

То, как правильно заполнять метатег Keywords, никому неизвестно. Некоторые вебмастера вообще не трогают его, а другие вписывают в него 2–3 ключевых слова, которые присутствуют на странице и соответствуют ее тематике. 

Viewport

Это — метатег строго для SEO, пользователи его не видят. Обычно он уже прописан, если сайт создан на CMS по шаблону, но проверить будет не лишним. 

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

Robots

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

У метатега может быть множество значений: 

  • all, index, follow разрешают индексировать весь контент на страницах; 
  • noindex запрещает индексировать текст; 
  • nofollow запрещает переходить по ссылкам на этой странице; 
  • none, noindex, nofollow фактически скрывают страницу из выдачи: запрещают индексировать ее и переходить по линкам внутри. 

По умолчанию на большинстве страниц сайта должны стоять теги all, index, follow — без этого невозможно нормальное SEO. Но некоторые разделы должны быть видны для пользователя, но скрыты от поисковых систем: например, страница с контактами или материал в блоге, написанный не по основной теме ресурса. 

Другие метатеги

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

Например, метатег NoYDIR запрещает формирование сниппета на основе информации из Yahoo!, если сайт был добавлен в каталог. А тег Generator просто показывает, на какой CMS-системе сделан сайт. Эта информация может понадобиться только специалистам, а поисковики не обращают на нее внимания. 

Где и как прописывают метатеги 

Все метатеги, связанные с контентом, прописывают «внутри» сайта: 

Если он сделан на CMS, то с помощью специальных плагинов. Например, у сайта на WordPress метатеги можно прописывать прямо в панели управления, под визуальным редактором. Заходите на страницу, добавляете туда текст, если нужно, и вписываете Title и Description. Там же отмечаете H1 и другие подзаголовки. 

Метатеги на WordPress
Например, на WordPress после установки плагинов для SEO метатеги прописывают так: при нажатии на кнопку открываются поля для заполнения

Если сайт на чистом HTML, что большая редкость, то метатеги прописывают прямо в коде, внутри контейнеров <head>…</head>. Если метатеги будут находиться вне этих тегов, поисковые системы просто не учтут их. 

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

Метатеги, которые напрямую не связаны с контентом, можно прописать только в коде. И неважно, как сделан сайт: на чистом HTML, на конструкторе или CMS. А для этого нужно разбираться в коде. Если у вас нет опыта, лучше обратитесь к специалистам. 

Как проверить, правильные ли метатеги на сайте

Каких-то специальных сервисов для проверки нет. Нужно или вручную просматривать каждую страницу через CMS, или использовать код. Для этого зайдите на страницу, требующую проверки, и откройте консоль. В Google Chrome для этого кликните в любом месте правой кнопкой мыши и нажмите «Посмотреть код». 

В правой части экрана перед вами откроется консоль. Включите поиск по странице (обычно для этого используется сочетание клавиш Ctrl + F) и введите в строку поиска название нужного метатега. Он автоматически отобразится на странице и подсветится желтым цветом. 

найденный поиском метатег
Так выглядит найденный поиском метатег

А как вы заполняете метатеги на сайте для SEO и делаете ли это вообще? Поделитесь опытом в комментариях! 

Max Monstro автор статьи
Количество статей: 74
EYE 133
EYE 29.12.2020
Количество статей: 74

Добавить комментарий

Ваш адрес email не будет опубликован.