Блог об интернет-маркетинге для предпринимателей и маркетологов
8 800 707-47-52

Метатеги для продвижения сайта

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

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

Метатеги (SEO-теги) — это HTML-индикаторы, предоставляющие структурированные данные о целевой странице. К тегам применяется четыре атрибута: content, http-equiv, name и scheme. Обязательным является только первый.

Специфика атрибутов:

content — указывает назначение метаданных, присутствующих на странице;


http-equiv — имитирует http-заголовок и определяет порядок работы с ним;


name — id-атрибут, который используется программистом в качестве якоря;


scheme — данные о схеме, применяемой для интерпретации атрибута content.

Перед тем как прописывать теги, нужно перейти во внутренний контейнер <head>. Он находится в самом начале кода, присутствует на всех страницах сайта.

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

Метатег Title

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

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

10 правил формирования тайтла

Рекомендации по написанию оптимизированного заголовка:

  1. Используйте ключи из семантического ядра, релевантные тематике страницы.
  2. Длина Title должна составлять 40–110 символов с пробелами.
  3. Для регионального сайта указывайте название города или области.
  4. Остерегайтесь переспама, вставляйте один, максимум два ключа.
  5. Не используйте в роли Title предложение, заимствованное из текста.
  6. Исключите стоп-слова и предложения (выражения без смысловой нагрузки).
  7. Избегайте специальных символов типа «=», «/», «+» и прочих.
  8. Не применяйте излишне короткие заголовки вроде «О нас» или «Контакты».
  9. Задействуйте цифры, например «10 способов продвижения через СЕО-теги».
  10. Избегайте грамматических и пунктуационных ошибок, а также непонятных фраз.

Тайтл для коммерческой страницы формируется по следующему принципу:

<title>[Коммерческая фраза] [основной ключ]: [коммерческая фраза] [геопривязка] [бренд]</title>

Этот пример является одним из вариантов заполнения Title. Возможны иные комбинации с использованием перечисленных структурных элементов.

Пример тайтла для коммерческой страницы: ТОП-10 мест для проведения корпоратива в Москве | CaterMe

Тайтл для блога или информационного ресурса выглядит так:

<title>[Основная ключевая фраза]: [хвост], [хвост], [хвост]</title>

Пример тайтла для статьи в блог: Салаты на праздничный стол: топ 7 классических и оригинальных салатов | CaterMe

Наиболее распространённые ошибки

При заполнении сео-тега Title могут быть допущены следующие ошибки:

избыточное или недостаточное количество символов;


использование чрезмерного числа ключей;


интеграция в тайтл фрагментов текста;


очевидные грамматические ошибки.

Соблюдение правил оптимизации метатегов гарантирует быстрое продвижение страницы.

Метатег Description

Тег Description содержит краткое описание страницы. Он является логическим продолжением Title, формирует текстовый блок, отображаемый под наименованием раздела в поисковой выдаче. Использование данного СЕО-тега — это обязательное условие для успешной работы с Яндекс или Google.

10 правил формирования дескрипшна

Рекомендации по подготовке Description схожи с советами по написанию Title.

  1. Не используйте фрагменты текста, размещённого на странице.
  2. Соблюдайте рекомендованную длину 120–350 символов с пробелами.
  3. Интегрируйте ключевые слова, сохраняя общий смысл предложений.
  4. Обеспечьте естественное вхождение ключей, устраните нечитаемые обороты.
  5. Прописывайте преимущества для читателя, потребителя, клиента.
  6. Используйте числа, в частности количество товаров, услуг, характеристики.
  7. Не забывайте о призывах к действию (словах «купите», «заказ» и подобных).
  8. Исключите из описания языковые ошибки (грамматические, речевые).
  9. Избегайте переспама. Количество ключевых слов не должно быть чрезмерным.
  10. Исключите стоп-слова (те, что не учитываются поисковыми машинами).

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

Description для коммерческой страницы формируется по следующему принципу:

 <Description>[Коммерческая фраза] [основной ключ]: [коммерческая фраза] [геопривязка] [коммерческая фраза] [бренд] [график работы]</Description >

Пример Description для коммерческой страницы: Заказывайте выездные банкеты и фуршеты для корпоративного отдыха. Поручите организовать корпоратив в Москве партнёрам компании CaterMe. Делайте заказы по телефону или через сайт в любое время.

Description для блога формируется по следующему принципу:

<Description>[Основной ключ] [описание]: [описание] [геопривязка] [дополнительный ключ]</Description >

Пример description для блога: Салаты, которые подают как закуски на праздничный банкетный или фуршетный стол, бывают разными: овощными, мясными и с морепродуктами, классическими и по новым рецептам, лёгкими и сытными. Информация о салатах и лайфхаки по их приготовлению в нашей статье.

Наиболее распространённые ошибки

Оплошности, допускаемые при работе с Description:

проблемы с уникальностью, применение заимствованного текста;


ошибки в орфографии, грамматике, пунктуации, стилистике;


недостаточная длина описания (меньше 120 символов).

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

Нужны ли Keywords?

Keywords — это ключевые слова, задающие тематику статьи или коммерческого текста. Ранее они выносились в качестве отдельного тега, упрощая работу поисковой системы. Современные алгоритмы самостоятельно определяют тематику материала, вычленяя в нём ключевые слова и сочетания.

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

В большинстве CMS есть поля для ввода ключевых слов. Их игнорирование не является ошибкой, не влияет на успешность ранжирования.

Прочие теги, которые могут быть использованы

Наряду с Title и Description иные теги тоже могут применяться для эффективного продвижения. Каждый из таких мета обладает собственными свойствами, заслуживает отдельного рассмотрения.

Метатег Robots

Тег Robots корректирует процесс индексации страниц. Используется в паре с атрибутом content, который может иметь следующие значения:

all — полная индексация контента на странице;


none — запрет на индексацию текста и переход по ссылкам;


index — индексация текста, указанного вебмастером;


follow — разрешение перехода по ссылкам;


no index — запрет на индексацию текста;


no follow — запрет на переход по ссылкам;


noimageindex — запрет на индексацию изображений;


noarchive — запрет на использование сохраненных копий;


nosnippet — запрет на вывод сниппета.

Разрешена активация нескольких значений. Вводимые параметры разделяются запятой.

Тег Robots находится внутри контейнера Head, имеет следующий синтаксис:

<html>
<head>
...
<meta name="robots" content="xxxxxxxx" />
...
</head>
</html>

Пример использования тега Robots для запрещения индексации страницы:

<html>
    <head>
        <meta name="robots" content="noindex" />
    </head>
    <body>...</body>
</html>

Наиболее распространённые ошибки

При работе с тегом Robots часто допускаются следующие недочёты:

использование взаимоисключающих значений;


пунктуационные ошибки при вводе значений;


ошибки при прописывании самого метатега.

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

Метатег Content-type

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

Пример использования тега:

<meta http-equiv="Content-type" content="text/html;charset=windows-1251">

Где:

Content-type — применяемый тег;


Content — тип контента, в данном случае текст и код html;


Charset — кодировка, в данном случае для Windows с кодом раскладки 1251.

В некоторых случаях используется раскладка 1252, что отображается в соответствующем участке кода.

Наиболее распространённые ошибки

Игнорирование ключевых значений, ошибки в заполнении. 

Отсутствие СЕО-тега на сайте может привести к проблемам с восприятием текста. Риск неприятностей особенно велик при открытии страниц в старых браузерах.

Метатег Content-language

Content-language информирует о языке, на котором подаётся контент. Тег уместен в рамках мультиязыковых платформ, а также сайтов для стран со смешанным этносом.

Пример:

<meta http-equiv="Content-Language" content="ru">

Где:

Content-Language — применяемый тег;


Content — язык, на котором подается контент.

Вместо обозначения ru может использоваться любое общепринятое сокращение, например ua или uk.

Наиболее распространённые ошибки

Указание языков, не используемых на странице. Некорректное заполнение тега.

Метатег Refresh

Тег, регламентирующий периодичность обновления информации. Его можно использовать при работе с «тяжёлыми» страницами, а также в качестве реакции на ошибку 404 (пользователь перенаправляется в другой раздел).

Данный метатег и СЕО неразрывно связаны. Тег существенно повышает юзабилити, улучшает восприятие страницы посетителями.

Пример использования:

<meta http-equiv="refresh" content="10; url=URL">

Где:

Refresh — применяемый тег;


URL — адрес перехода;


Content — количество секунд до обновления.

Наиболее распространёнными ошибками являются использование дублей и «пустых» значений.

Метатег Meta Author и Copyright

Метатеги Meta Author и Copyright информируют об авторских правах. Могут быть связаны с текстовыми материалами и графическими изображениями. 

Тег для СЕО не имеет определяющего значения. Он может игнорироваться при отсутствии авторского контента.

Пример интеграции тега:

<meta name="Author" content="Мерешниченко Василий Васильевич">
<meta name="Copyright" content="Сергеева Зинаида Петровна">
<meta name="Address" content="г. Екатеринбург, улица Комсомольская дом 97">

Где:

Author — Ф. И. О. автора;


Copyright — Ф. И. О. правообладателя;


Address — адрес автора/собственника.

Наиболее распространённая ошибка — неправильный ввод Ф. И. О. (наименования организации) правообладателя.

Прочие метатеги, на которые стоит обратить внимание

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

Метатег NoODP

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

Пример синтаксиса:

<meta name="robots" content="noodp" />

Где:

Noodp — применяемый тег;


Robots — имя робота.

Возможна работа с алгоритмами отечественных и зарубежных поисковиков.

Метатег Viewport

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

Пример синтаксиса:

<meta name="viewport" content="width=device-width, initial-scale=1" />

Где:

Viewport — применяемый тег;


Width — ширина окна;


Initial-scale — уровень масштабирования.

Ширина окна может быть адаптивной (device-width) или фиксированной, например Width=500. При необходимости задаётся дополнительный параметр height, нормирующий высоту. К нему также применимо сочетание device-height.

Уровень масштабирования равный 1 соответствует 100 %.

Метатег Generator

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

Пример синтаксиса:

<meta name="generator" content="WordPress 4.6.6" />

Где:

Generator — целевой тег;


WordPress 4.6.6 — наименование и версия CMS.

Использование тега не является обязательным.

Метатег Charset

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

Пример использования:

<meta charset="UTF-8">


Где UTF-8 — это тип применяемой кодировки. Возможно использование UTF-16 и BOM.

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

Теги Div, Span, Table

Теги, применяемые для формирования и стилизации таблиц. Они управляют содержимым документа, корректно выводя его на экран. Мета <div> работает со строчными, а <span> с вертикальными элементами. Инициализацию таблицы осуществляет тег <table>.

Пример синтаксиса:

<div>…</div>

Тег Script

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

Пример синтаксиса:

<script type='text/javascript' src="/js/script.js"></script>

Где:

Script type — тип скрипта;


Src — отсылка к скрипту.

Тип и параметры скрипта зависят от специфики сайта и нужд пользователей.

Как добавляются метатеги?

Метатеги интегрируются двумя способами. В первом случае идёт прямая работа с кодом, во втором — используются возможности CMS. Применение Content Manager System (системы управления контентом, CMS) избавляет от рутинных операций, снижает нагрузку на специалиста.

Как проверить наличие метатегов?

Просмотреть имеющиеся теги поможет функционал браузера. Для этого достаточно кликнуть правой кнопкой по любому участку страницы и выбрать опцию «Просмотр кода страницы». В отдельных случаях можно задействовать комбинацию Ctrl+U.

Вся соль

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

Пожалуйста, поверните телефон