Полный список метатегов, почему они важны для SEO и как их написать

Опубликовано: 2022-12-15

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

С другой стороны, они могут негативно повлиять на SEO-рейтинг вашего сайта, если написаны неправильно.

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

→ Загрузить сейчас: стартовый пакет SEO [бесплатный комплект]

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

Мета-теги — это фрагменты HTML-кода, которые могут быть просканированы роботами поисковых систем, такими как Google.

Они влияют на определение видимости веб-страницы в поисковой выдаче. Метатеги добавляются в раздел <head> страниц и видны только в HTML-коде:

пример метатегов в коде

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

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

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

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

Примеры метатегов

Мета-теги являются неотъемлемой частью успешной стратегии SEO, поэтому важно писать их уникальным образом, помня о Google, чтобы получить более высокий рейтинг, но также думая о пользователе. Давайте рассмотрим несколько примеров того, как вы должны и не должны писать метатеги.

Примеры оригинальных тегов мета-заголовка и мета-описания

С помощью тегов meta title и meta-description мы указываем как роботам, так и пользователям основную тему страницы и то, о чем она в поисковой выдаче.

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

пример метаописаний на странице поисковой выдачи

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

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

пример наполнения ключевыми словами в метаописаниях

Примеры метатегов, которые могут повредить всей нашей цифровой стратегии

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

В данном случае мы говорим о мета-теге robots с content=”noindex” , с помощью которого мы указываем поисковым системам, что мы не хотим, чтобы страница индексировалась — а значит, отображалась — в поисковой выдаче. С этим примером метатегов robots трудно получить органические клики на веб-странице из Google, поскольку она не будет указана в списке.

<meta name="robots" content="noindex, nofollow"/>

пример метатега noindex

С другой стороны, с помощью content=”index” мы сообщаем роботам, что мы хотим, чтобы они отображались в результатах SERPS:

<meta name=”robots” content=”follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large”/>

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

Как написать метатеги

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

Вот почему, когда вы пишете метатеги, вы должны помнить о теме страницы или ее теме. Если это возможно с вашим основным ключевым словом или синонимами, особенно в случае тегов title и meta-descriptions.

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

Теги заголовков

Используя тег title, мы указываем заголовок содержимого страницы как для Google, так и для пользователей поисковых систем. Этот тег не следует путать с заголовком 1, основным заголовком текста. Метатег title виден пользователям только в результатах поиска, но не на странице.

Как написать теги заголовков

В WordPress или аналогичных инструментах CMS вы можете установить SEO-плагины, такие как All in One SEO , Rank Math или Yoast SEO, которые помогут вам редактировать и предварительно просматривать теги заголовков.

Инструмент тега заголовка WordPress

Или вы также можете вставить следующий код в <head> вашей веб-страницы:

<title>Что такое заголовок веб-сайта (тег title) и почему он важен для поисковой оптимизации?</title>

пример тега заголовка HubSpot в поисковой выдаче

В некоторых инструментах CMS ваш тег заголовка будет автоматически соответствовать заголовку вашей страницы или блога. Например, в бесплатной CMS HubSpot ваш заголовок будет отображаться и как тег заголовка, и как H1.

Как добавить свой мета-заголовок в HubSpot CMS

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

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

Как сделать ваш тег заголовка отличным от вашего заголовка в HubSpot CMS

Теги мета-описания

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

Хотя Google не всегда отображает контент, предложенный создателем, иногда он может быть сгенерирован автоматически через контент страницы, если они считают, что сгенерированные пользователем недостаточно «качественны» или не связаны с запросом пользователя. .

Как написать теги мета-описания

Вы также можете использовать SEO-плагины, которые помогут вам редактировать и просматривать этот раздел:

SEO-плагин, который поможет вам создавать метаописания

Или вы также можете вставить следующий код в <head> вашей страницы:

Многие инструменты CMS будут иметь простое текстовое поле, где вы можете ввести свое метаописание. CMS добавит этот текст в раздел <head> за вас. Вот как это выглядит в CMS HubSpot.

мета-описание-в-hubspot-cms

Мета-роботы

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

Как правило, значениями по умолчанию являются index, follow и указывать их в большинстве случаев не нужно. Этим мы указываем роботам, что хотим, чтобы страница была проиндексирована в поисковой выдаче и что за ней можно следить.
Напротив, если мы указываем значения noindex, nofollow , мы сообщаем Google, что мы не хотим, чтобы эти ссылки переходили и не отображались в поисковых системах.

Лучшие практики для написания тегов Meta Robots

Не путайте теги noindex с robots.txt. С помощью файлов robots.txt мы указываем поисковой системе, хотим ли мы сканировать некоторые страницы или нет, а с помощью тега robots мы сообщаем, должен ли сайт быть проиндексирован или нет. Вот почему важно не блокировать страницы noindex в файлах robots.txt, так как роботы не смогут их прочитать.

Как написать теги Meta Robots

Вы можете редактировать тег robots с помощью Rank Math или Yoast SEO:

панель инструментов Yoast для редактирования тега робота

Или вы также можете вставить следующий код в <head> вашей страницы, если вы хотите, чтобы ваша страница была проиндексирована и отслеживалась:

<meta name=”robots” content=”follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large”/>

Чтобы сделать это в CMS HubSpot, вам нужно перейти на вкладку настроек вашего блога или целевой страницы. В разделе «Дополнительные параметры» просто добавьте свой код в раздел «Дополнительные фрагменты кода».

Как добавить метатег robots в HubSpot CMS

Мета-тег окна просмотра

Мета-тег viewport используется для управления тем, как мы сообщаем поисковым системам, как отображать и отображать страницу на разных устройствах (мобильных, планшетных и настольных).

Лучшие практики для написания тегов Meta Robots

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

Как редактировать тег области просмотра?

Если вы знаете, что на самом деле делаете, вы можете отредактировать тег окна просмотра в <head> вашего документа. Если нет, используйте вариант, рекомендуемый по умолчанию:

<!ДОКТИП HTML>

<голова> …

</голова> …

….