Метатеги для сайта


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

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

Начнём с определения что такое метатеги?

Метатеги (англ. meta tags) — это (X)HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке тега <head> (X)HTML-документа. Метатеги не отображаются на странице и не имеют видимого контента. В них располагается дополнительная информация для поисковых роботов, различного ПО.

В SEO, когда слышим что-то вроде “Нужно прописать метатеги на странице”, в голове сразу же всплывают метатеги Description и Keywords, ну и, само собой, Title. Какое же SEO без этого тега? Начну сразу с них.

Тег Title


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

Title должен:

  1. Отображать суть страницы.
  2. Ближе к началу содержать прямое вхождение наиболее конкурентного запроса.
  3. Быть читабельным предложением с вхождение ключевых слов.
  4. Отличаться от заголовка страницы <H1>.
  5. Не содержать спама.
  6. Быть уникальным для каждой страницы.
  7. Примерной длины — около 70 — 130 символов.

Рекомендую к прочтению: Рекомендации по формированию заголовков от Google. Для посадочных страниц, категорий, разделов рекомендую заполнять Title вручную.

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

Title: Название карточки товара + цена + город

Title: Название карточки товара + доставка в город + цена

Title: Название карточки товара + характеристика + цена

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

Как делать нельзя:

  1. Не используйте несогласованные фразы, например: Пластиковое окно, пластиковые окна купить — в Москве. Title должен быть читабельным.

  2. Отслеживайте и исправляйте дубли Title — в Google Search Console, в разделе Оптимизация HTML видно дубли Title.Дубли тега Title
  3. Не делайте Title слишком длинным. Когда вы добавляете в заголовок большое количество слов, они размывают вес основного ключевого запроса.

Метатег Description

Этот метатег может учитываться при формировании сниппета. Чаще всего Google и Яндекс формирует сниппет из текста, но вероятность включения в него метатега также есть. Description может влиять на ранжирование — незаполненный meta description может негативно отразиться на оценке сайта.

Description должен:

  1. Описывать содержание страницы.
  2. Быть читабельным.
  3. Содержать ключевые слова (для того чтобы они отображались и подсвечивались в сниппете).
  4. Составлен с использованием спецсимволов.
  5. Уникальным (не нужно выбирать абзац из текста страницы).
  6. Длиною около 150 — 200 символов.

Рекомендации Яндекса

Рекомендации Google

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

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


Description: В нашем интернет-магазине + “название магазина” + доступные цены от + “цена” + на + “название карточки товара” + с доставкой по + “город”.

Description: “Название карточки товара” + по доступной цене + “цена” + от интернет-магазина + “название магазина” + с доставкой по + “город”.

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

Как делать нельзя:

  1. Не делайте слишком короткие Description — в Google Search Console, в разделе Оптимизация HTML видно короткие метаописания.
  2. Там же отслеживайте и исправляйте дубли Description (они должны быть уникальны).

Дубли мета Description

  1.  Не пишите несогласованные фразы —  метатег должен быть читабельным.Не используйте перечисления.

Метатег Keywords

Этот мета-тег не влияет на ранжирование, но, поскольку Яндекс пишет, что meta keywords может учитываться — рекомендую заполнять его, добавляя 3–5 релевантных контенту фраз, разделённых между собой запятыми.

Представитель Google в своём блоге заявил, что поисковик не учитывает в результатах ранжирования метатег Keywords

 

Рассмотрим, какие метатеги ещё бывают

Метатегов много. Я рассмотрю те, которые мне показались самыми интересными. Можно выделить две группы метатегов: name и http-equiv.

Группа name

Эта группа метатегов даёт общую информацию о странице.

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

Имеет значения:


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

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

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

или запретить страницу к индексации с запретом на переход по ссылкам:

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

Метатег document-state — может учитываться при индексации страницы поисковым роботом (сейчас имеет слабое влияние).

Имеет значения:

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

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


<meta name="document-state" content="Dynamic" />

Метатег revisit — указывает поисковому роботу через сколько дней ему вернутся и переиндексировать страницу (сейчас имеет слабое влияние).

Пример использования:
— говорит о том, что мы хотим чтобы документ был заново проиндексирован через 14 дней:

<meta name="revisit" content="14" />

Метатег viewport — используется при настройке области просмотра. Особенно актуален для мобильной версии сайта: позволяет веб-разработчикам контролировать размер окна на мобильном телефоне. По нему Яндекс и Google оценивают мобильную версию сайта.

Имеет значения:

  • width — указывает ширину окна в пикселях. Если поставить device-width — будет значить, что ширина задана по ширине устройства;
  • height — указывает высоту окна в пикселях. Если поставить device-height — будет значить, что высота задана по высоте устройства;
  • initial-scale — задаёт масштаб экрана. Значение 1 — не масштабировать;
  • maximum-scale — определяет максимальный масштаб vievport;
  • minimem-scale — определяет минимальный масштаб vievport;
  • user-scalable — определяет, может ли пользователь масштабировать размер окна.

Примеры использования:
— область просмотра по ширине устройства нормального масштаба:

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

— область просмотра по ширине и высоте. Масштаб нормальный, масштабировать выше обычного масштаба нельзя:


<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0">

Метатег author — указывает имя автора страницы (сейчас имеет слабое влияние).

Имеет атрибут:

lang — указывает язык данных.

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

<meta name="author" lang="ru" content="Андрей Дегтярёв" />

Метатег copyright — используется для определения авторского права (сейчас имеет слабое влияние). Также как и author, имеет атрибут lang.

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

<meta name="copyright" lang="ru" content="SiteClinic" />

Группа http-equiv

Браузеры преобразовывают данные этого метатега в форму заголовка ответа http, обрабатывая их, как будто был получен ответ напрямую от сервера.

Метатег cache-control — с помощью него можно управлять кэшированием браузера.

Имеет значения:

  • public — документ кэшируется во всех доступных кэшах;
  • private — кэшируется браузером, не кэшируется proxy-сервером;
  • max-age=time, must-revalidate — указывает браузеру, сколько секунд хранить документ в кэше;
  • max-age=time, proxy-revalidate — указывает сколько секунд хранить документ в кэше proxy-серверу;
  • no-store — может быть кэширован, но не сохраняется в архиве;
  • no-cache — запрет на кэширование (браузер и proxy-сервер документ не кэшируют).

Пример использования:
— если мы не хотим, чтобы страница кэшировалась:

<meta http-equiv="Cache-Control" content="no-cache, no-store">

Подробнее об этом метатеге рекомендую почитать на Mozilla Developer Network.

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

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

<meta http-equiv="Expires" content="Fri, 11 Oct 2017 15:34:48 GMT">

Метатег content-language — указывает язык документа.

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

<meta http-equiv="content-language" content="ru" />

В HTML5 указание языка упрощено:

<html lang="ru">

Постарался перечислить, как мне показалось, самые интересные метатеги. Если вас интересуют другие meta, рекомендую ознакомиться с материалами: Метатеги, которые поддерживаются в Google и Использование HTML-элементов Яндекс.

Подведём итоги

Метатегов достаточно много, но, как оптимизатору, чаще всего приходится использовать в SEO тег Title, meta description, meta keywords. Если вы начинающий сеошник или владелец сайта, рекомендую также ознакомиться с вебинаром “Правила формирования Title и Description” нашего SEO-TeamLead Евгения Аралова:


siteclinic.ru

Главная >> Справочник вебмастера >> Что такое метатеги и зачем они нужны

Метатеги — это необязательные теги языков HTML и XMTL, которые не преднаназчены для посетителей сайта. Они содержат служебную информацию о Web-странице и ее описание для браузеров и поисковых машин в структурированном виде. Размещаются метатеги внутри тега <HEAD</HEAD> (заголовка страницы).

Для тега meta допустимы четыре атрибута: content, http-equiv, name и scheme. Из них только обязателен лишь атрибут content.

По функциям метатеги можно разделить на три группы:

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

1. Метатеги для поисковых систем

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


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

    <meta name=»description» content=»описание страницы»>

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

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

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


    <meta name=»keywords» content=»ключевые слова через запятую или пробел»>

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

Однако использовать его тоже нелишне. Советуем включать в него 5-10 наиболее важных слов (максимум 15). Не включайте ключевые слова, которые не содержатся в "видимом" тексте страницы и не повторяйте ключевые слова.

    <meta name=»robots» content=»значение»>

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

  • index / noindex — индексировать / не индексировать эту страницу;
  • follow / nofollow — идти / не идти по ссылкам с этой страницы;
  • all = "index, follow"
  • none = "noindex, nofollow"

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

Будьте внимательны, не задавайте в этом теге дублирующихся или противоречивых инструкций, например: <meta name=»robots» content=»none, nofollow «>

    <meta name=»revisit» content=»3 days»>
    <meta name=»revisit-after» content=»3 days»>

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

2. Метатеги, содержащие команды для браузера

Все метатеги этой группы содержат атрибут http-equiv. Они эквивалентны HTTP-заголовкам и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками.

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

Этот метатег сообщает браузеру, в какой кодировке сверстана страница. Для кириллицы аргумент charset обычно принимает значение windows-1251 или KOI-8R.

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

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

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

    <meta http-equiv=»Cache-Control» content =»значение»>

Определяет действия кэша по отношению к данному документу. Допустимые значения:

  • Public — документ кэшируется в доступных для всех кэшах;
  • Private — кэшируется только в частном кэше, не кэшируется proxy-сервером;
  • no-cache — не может быть кэширован;
  • no-store — может быть кэширован, но не сохраняется в архиве;
  • max-age=time, must-revalidate— указывает браузеру сколько секунд хранить документ в кэше;
  • max-age=time, proxy-revalidate — указывает сколько секунд хранить документ в кэше proxy-серверу.
    <meta http-equiv=»pragma» content=»no-cache»>

Этот метатег запрещает браузеру кэшировать страницу (то есть сохранять ее в памяти). Эта директива имеет то же самое значение, что и CACHE-CONTROL:NO-CACHE . Ее полезно применять на часто обновляющихся страницах.

    <meta http-equiv=»refresh» content=»N; url=URL»>

Этот метатег через N секунд после загрузки в страницы в браузере перенаправит пользователя на страницу URL. Тег полезен в случае переезда страницы или изменения структуры сайта, так как позволяет перенаправить посетителя, пришедшего по старой ссылке, на нужную страницу, а не заставляет его любоваться страницей с ошибкой 404.

3. Mетатеги, содержащие информацию о странице и ее авторе

Это необязательные метатеги. Все они содержат атрибут name. Наиболее часто употребляются следующие:

<meta name=»Generator» content=»Название генератора»>

Сообщает, с помощью какой программы был сгенерирован код страницы. Этот тег автоматически вставляют в код страницы почти все генераторы HTML и визуальные HTML-редакторы (Word, FrontPage, DreamWeaver). Смысловой нагрузки практически не несет.

<meta name=»site-created» content=»10.01.2010″>

Указывает дату создания сайта.

<meta name=»expires» content=»Sat, 11 Apr 2010 10:00:00 GMT «>

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

<meta name=»Author» content=»автор»>

Указывает автора страницы.

<meta name=»Copyright» content=»авторские права»>

Указывает владельца авторских прав.

<meta name=»Reply-to» content=»vasya_pupkin@mail.ru»>

Указывает способ связи с автором страницы.

<meta name=»Owner» content=»Владелец»>

Указывает собственника страницы.

<meta name=»Address» content=»Адрес»>

Указывает адрес автора или собственника страницы.

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

СПРАВОЧНИК ВЕБМАСТЕРА

earninguide.biz

Содержание

  • Что такое мета-теги
  • Правильные SEO мета-теги
    • Мета-тег Title
    • Мета-тег Description
    • Мета-тег H1
    • Мета-теги H2, H3, H4, H5, H6
    • Мета-тег Robots (All, Follow, Nofollow, Index, Noindex, None, NoArchive, NoYaca)
    • Мета-теги Canonical, Next, Previous
  • Устаревшие мета-теги
    • Мета-тег Keywords
    • Мета-тег NoODP
  • Другие полезные мета-теги
    • Мета-тег Viewport
    • Мета-тег NoYDIR
    • Мета-тег Generator
    • Мета-теги Author и Copyright
  • Как проверить мета-теги в коде веб-страницы
  • Шаблоны мета-тегов

 

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

Если быть предельно точным, то под мета-тегами следует понимать (X)HTML-теги <meta>, с помощью которых можно указать служебную информацию о странице. Такая информация размещается внутри контейнера <head>…</head> и не выводится на экран.

К тегам мета относятся:

  • description — описание веб-страницы,
  • keywords — ключевые слова,
  • http-equiv — тип отправляемого документа и кодировка (charset),
  • generator — CMS сайта,
  • author — автор,
  • copyright — авторские права,
  • robots — правила индексирования страницы для роботов,
  • viewport — данные о настройке области просмотра
  • и другие.

Подробнее можно прочитать в справке по HTML или Википедии.

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

В этой статье мы не будем точны с технической точки зрения и к мета-тегам отнесем те служебные теги, которые 1) важны в SEO и 2) используются в любом месте веб-документа, т.е. не обязательно привязаны к контейнеру <head>. В связи с этим, приведем такое определение.

Мета-теги (англ. meta tags, досл. служебные ярлыки) — это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.

 

Правильные SEO мета-теги для Яндекса и Google

Рассмотрим, как правильно написать мета-теги для сайта, как их добавить и разместить в коде. Нас будет интересовать:

  • синтаксис — то, как правильно должен быть прописан мета-тег в HTML-коде сайта;
  • требования поисковых систем к тегам;
  • примеры правильного и неправильного заполнения тегов.

Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги: 1) в правильных местах, 2) правильный синтаксис, 3) значения в тегах соответствуют вашим настройкам. Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у нас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных, страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.

Теперь подробнее о каждом из тегов.

 

Мета-тег Title

Это самый главный тег, который больше других влияет на продвижение сайта по ключевым словам. В большинстве случаев именно этот текст используется в заголовке сниппета, как показано в примере ниже. (Но не всегда, в заголовок так же может быть выведено содержание тега H1 или даже H2, H3).

мета тег Title
метатег Title

Синтаксис

<title>Содержимое мета-тега Title</title>

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Требования SEO

  • Заголовок должен быть уникальным на всех страницах сайта, а также не повторять Title на страницах других сайтов (для этого в конце Title можно добавить название организации).
  • Тайтл должен отражать суть страницы, должен быть информативным и кратким.
  • Должны присутствовать запросы, по которым продвигается данная страница, самые важные размещаем в начале тега, заголовок должен обязательно содержать 1-3 ключевых слова.
  • Не включайте в Title слишком много ключевых слов
  • Содержимое тегов Title и H1 должно быть разным — у них разные цели: Title заголовок для сниппета, H1 заголовок веб-страницы.
  • Не используйте специальных символов, пока не убедитесь, что они поддерживаются.
  • Не используйте спецсимволы (= / + _ ), знаки препинания и стоп-символы (точка, двоеточие, восклицательный и вопросительный знак) — помните, это знаки, которые разбивают пассажи в Title, что снижает взаимосвязь ключей по разные стороны от стоп-знака.
  • Составляйте тег Title для людей по всем правилам русского языка, заголовок по возможности нужно делать цепляющим и привлекательным.
  • Оптимальная длина Title – от 30 до 65 символов. Google ориентируется на длину в пикселях, рекомендуемая длина — от 200 до 571 пикселей. Если длина Title больше, то в сниппете появляется многоточие, которое также занимает дополнительное место в заголовке. Оно может появиться как в конце заголовка сниппета, так и в начале. Короткие Тайтл тоже плохо, поскольку в него помещается мало ключей. НО: при этом нет смысла придерживаться оптимальных значений длины заголовка для служебных страниц на сайте, которые НЕ продвигаются по ключевым словам.

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

  • <title>Купить сантехнику в Москве, интернет-магазин Куписантехнику.Ру</title>
  • <title>Окна REHAU в Москве, официальный сайт партнера — Пластиковые окна недорого</title>
  • <title>Мета-теги для сайта, Title и Description в примерах — SEOgio</title>
  • <title>Элемент пола Кнауф — купить в Москве по цене 310 pуб | KNAUF</title>
  • <title>Новости — Компания Ромашка</title>

Ошибки и неудачные примеры мета-тегов

  • <title>Евроремонт, ремонт дома, ремонт квартир в Смоленске, ремонт в Смоленске | Ремонт квартир, cтроительство Смоленск</title> (простое перечисление ключевых слов)
  • <title>Главная – ООО Ромашка, подарки оптом, подарки сотрудникам, рекламные сувениры, корпоративные подарки.</title> (вначале должны быть самые главные ключевые слова)
  • <title>Ремонт</title> (слишком короткий Title)
  • <title>«Автомоечный комплекс №1»: автомойка, шиномонтаж, кафе, сауна, комната отдыха.</title> (название компании вначале, двоеточие, слова, по которым не будет продвигаться сайт)
  • <title>Новости о юридических услугах и бухгалтерском обслуживании в компании Ромашка</title> (использование ключевых слов в заголовке страницы, которая по этим словам НЕ продвигается, это может только мешать)

 

Мета-тег Description

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

Пример:
метатег Description
мета тег Description

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

Пример, когда description в мета и в сниппете отличаются:
метатег Description
мета тег Description

Синтаксис

<meta name="description" content="Содержимое мета-тега Description" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Требования SEO

  • Должен отражать суть страницы, написан в виде согласованного текста. Может быть несколько предложений.
  • Должен быть уникальным для всех страниц сайта, не дублировать аналогичные теги на других сайтах (для этого используем название компании в тексте мета-тега).
  • В теге нужно использовать запросы, по которым продвигается данная страница, однако делать это необходимо так, чтобы они были использованы естественным образом, в нужной морфологии. Также не следует просто перечислять запросы через запятую.
  • Содержание тега не должно повторять Title.
  • Длина description должна быть не менее 70 и более 150-200 символов. Google определяет длину в пикселях, рекомендуемая длина от 400 до 930 пикселей.
  • В description желательно отразить основные преимущества компании, товара, услуги.
  • Наиболее важную информацию и фразы лучше разместить в начале мета-описания.

Примеры правильного заполнения тегов (полужирным выделены ключевые слова)

  • <meta name=»description» content=»Мебель для спальни: огромный выбор моделей по ценам производителя. Заказывайте мебель в интернет-магазине ЛайфМебель с доставкой по России и Москве!» />
  • <meta name=»description» content=»Тег meta description используется для формирования мета-описания страницы сайта в сниппетах Яндекса и Google. Разберем как правильно писать мета description.» />
  • <meta name=»description» content=»Купить микроволновую печь GORENJE MO20MW в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями, техническими характеристиками и подробным описанием.» />

Ошибки и неудачные примеры мета-тегов

  • <meta name=»description» content=»Смоленский завод железо-бетонных изделий №2 (ЖБИ-2)» /> (короткий, мало ключевых слов)
  • <meta name=»description» content=»Матрасы в Смоленске. ОРТОПЕДИЧЕСКИЕ МАТРАСЫ. Матрас — это единственный предмет в обстановке спальни, который непосредственно связан со здоровьем. Некачественный или просто старый износившийся матрас может привести к очень серьезным проблемам, в то же время благодаря тщательно подобранному матрасу значительно улучшаются …» /> (сгенерирован автоматически, просто вырезано начало контента на странице)
  • <meta name=»description» content=»Салон красоты ЛЕАЛЬ самый лучший Салон красоты москвы, салон красоты, парикмахерская, парикмахерская москва, стрижка в москве, похудеть москва, стрижка не дорого, как похудеть, похудеть москва,»/> (перечисление ключевых слов через запятую, неестественное мета-описание)

 

Мета-тег H1

Еще один очень важный тег. В нем лучше всего размещать главный, максимально частотный запрос, по которому продвигается данная страница. Заголовок страницы чаще всего должен содержать 1-3 слова. Исключение — страницы статей, товаров, проектов и т.п. То есть страницы, продвигаемые под более специфические, менее частотные запросы.
Синтаксис

<h1>Содержимое мета-тега H1</h1>

Тег должен находиться внутри контейнера <body>…</body> в любом месте.

Требования SEO

  • Тег должен использоваться РОВНО один раз на странице.
  • Отсутствие тега <H1> является ошибкой.
  • В теге <H1> должно быть использовано главное ключевое слово на странице
  • Рекомендуемая длина тега не более 70 символов (однако это не значит, что использовать длинные теги запрещено).
  • Теги <H1> рекомендуется делать уникальными.
  • Для товаров желательно указать в теге <H1> самые главные характеристики товара (длина, ширина, цвет, модель).

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

  • <H1>Автополив газонов</H1>
  • <H1>Пусковой комплект микроорошения XCZ-075 PRF, 3/4″</H1>
  • <H1>Новости</H1>

Ошибки и неудачные примеры мета-тегов

  • <H1>Автополив газонов в Москве купить</H1>
  • <H1>Автополив газонов, авто полив газонов, купить, цены</H1>
  • Автополив газонов<H1></H1>
  • <H1>Автополив газонов<H1>

 

Мета-теги H2, H3, H4, H5, H6

Синтаксис

<h2>Содержимое мета-тега H2</h2>

Теги должен находиться внутри контейнера <body>…</body>.

ВАЖНО! Должна соблюдаться иерархия тегов (цифры — это уровни, как показано ниже). Теги Hx используются именно как заголовки в содержательной части страницы. Если они используются как элементы оформления на сайте, необходимо заменить их на теги <DIV> с аналогичными классами оформления (визуально все сохранится так же, а логика размещения информации на странице будет соблюдена).

Пример:

  1. H1 — заголовок страницы (один!)
    1. H2 — заголовок второго уровня
      1. H3 — заголовок третьего уровня
      2. H3 — заголовок третьего уровня
      3. H3 — заголовок третьего уровня
    2. H2 — заголовок второго уровня
    3. H2 — заголовок второго уровня

Теги H4 — H6 редко используются. Их использование может быть обосновано только в лонгридах — если действительно есть необходимость в заголовках такого уровня вложенности. На личной практике ни разу не приходилось использовать заголовки H4 — H6.

В тегах Hx хорошо использовать продвигаемые ключевые слова (однако это следует делать так, чтобы это выглядело естественно!). Причем тег Hx может быть выведен в поисковой выдаче в заголовке сниппета вместо Title.

Пример:

метатег Hx, H1, H2, H3

мета тег Hx, H1, H2, H3

Требования SEO

  • Нежелательно использовать другие теги внутри Hx, например, совместное использование заголовков Hx с HTML-тегами: <STRONG> (полужирный), <B> (полужирный), <EM> (курсив), <I> (курсив), <A> (ссылка).
  • Неверная логика использования тегов. Например, тег <H2> перед тегом <H1>.

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

  • <H2>Где купить систему автополива для газона</H2>
  • <H1>Автополив для газонов</H1>
    <H2>Где купить систему автополива для газона</H2>
    Текст.

Ошибки и неудачные примеры мета-тегов

  • <H2><STRONG>Где купить систему автополива для газона</STRONG></H2>
  • <H2>Где купить систему автополива для газона</H2>
    Текст.
    <H1>Автополив для газонов</H1>
  • <H2>Где купить систему автополива для газона<H2>
  • <H2></H2>Где купить систему автополива для газона

 

Мета-тег Robots (All, Follow, Nofollow, Index, Noindex, None, NoArchive, NoYaca)

Синтаксис

<meta name="robots" content="index, nofollow" />  <meta name="yandex" content="noyaca" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Для Яндекса значение атрибута name можно заменить на «yandex», в этом случае правила будут учитываться только роботами Яндекса. Для Google — «google» или «googlebot», для Yahoo! — «slurp», для Bing — «bingbot».

Какие значения могут быть у атрибута content:

  • all — разрешено индексировать текст и ссылки на странице;
  • index, follow — то же, что all;
  • noindex — запрещено индексировать текст страницы;
  • nofollow — запрещено переходить по ссылкам на странице;
  • none — запрещено индексировать текст и переходить по ссылкам на странице;
  • noindex, nofollow — то же, что none;
  • noarchive — не отображать на странице результатов поиска ссылку на сохраненную копию;
  • noyaca — не использовать описание из Яндекс.Каталога для сниппета в результатах поиска;
  • noodp — не использовать описание из dMoz для сниппета в результатах поиска;
  • noydir — не использовать описание из Yahoo! Directory для сниппета в результатах поиска.

Мета-теги Index и Noindex выполняют те же функции, что и директивы Allow и Disallow в файле robots.txt — разрешают и запрещают индексировать данную страницу. Подробнее, как правильно настроить файл роботс здесь:

robots.txtRobots.txt
Файл robots.txt является одним из самых важных при оптимизации любого сайта. Его отсутствие может привести к высокой нагрузке на сайт со стороны поисковых роботов и медленной индексации и переиндексации… Подробнее

Robots.txt для WordPressRobots.txt для WordPress
В интернете можно найти много публикаций на тему, как составить лучший (или даже самый лучший) файл robots.txt для WordPress. При этом в ряде таких популярных статей многие правила не объясняются и, как мне кажется, вряд ли понимаются самими авторами… Подробнее

 

Мета-теги Canonical, Next, Previous

Синтаксис

<link rel="canonical" href="http://site.ru/nazvanie-stranitsy" />
<link rel="prev" href="http://site.ru/page/2/" />  <link rel="next" href="http://site.ru/page/4/" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

В качестве значения атрибута href тега canonical указывает URL страницы, которая признается «канонической». Пример, один и тот же товар представлен в двух разных категориях по разным URL: site.ru/category-3/tovar-528/ и site.ru/category-16/tovar-528/. Чтобы поисковая система не считала такие страницы дублями, один из них признается каноническим (например, первый) и на обоих страницах прописывается код <link rel=»canonical» href=»http://site.ru/category-3/tovar-528/» />.

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

 

Устаревшие мета-теги

Мета-тег Keywords

Синтаксис

<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3, ..." />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Данный мета-тег уже долгое время не учитывается системой Google, Яндекс официально сообщает о том, что данный тег может использоваться при определении соответствия страницы поисковым запросам. Однако подтверждений тому, что мета-тег kewords помогает в ранжировании сайта в Яндексе нет. Тем не менее, приведем ниже требования SEO к правильному заполнению мета-тега, которые были актуальны порядка 10 лет назад.

Требования SEO

  • Использовать не больше 5-6 слов,
  • использовать не более 3-х повторов,
  • не стоит использовать союзы, предлоги, междометия.

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

  • автополив газонов, авто полив, системы, купить, цены,  москва

Ошибки и неудачные примеры мета-тегов

  • автополив газонов, автополив газонов купить, автополив газонов цены, автополив газонов москва, система автополива газонов, авто полив газонов, авто полив газонов купить, авто полив газонов цены, авто полив газонов москва, система авто полива газонов
  • автополив газонов, секс, порно, девки, [дальше сплошная цензура]

Мета-тег NoODP

Синтаксис

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

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег использовался в следующих случаях. Если сайт был добавлен в каталог dMoz, то некоторые поисковые системы могли выводить описание сайта, взятое из dMoz. Если это было не нужно, то добавлялся этот тег. С 17 марта 2017 года dMoz больше не работает, поэтому данный мета-тег теперь является устаревшим.

 

Другие полезные мета-теги

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

Мета-тег Viewport

Синтаксис

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

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Актуальность тега возросла с переходом значительной части аудитории в Mobile. В случае применения адаптивной верстки, наличие этого тега позволяет правильно учитывать размер используемого устройства (ПК, планшет, смартфон).

Значение width=device-width адаптирует ширину окна просмотра к экрану устройства. Значение initial-scale=1 обеспечивает соотношение 1:1 между пикселями CSS и независимыми пикселями устройства.

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

 

Мета-тег NoYDIR

Синтаксис

<meta name="slurp" content="noydir" />   или   <meta name="robots" content="noydir" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег используется в следующих случаях. Если сайт был добавлен в каталог Yahoo!, то некоторые поисковые системы могут выводить описание сайта, взятое из Yahoo! Directory. Если это не нужно, то добавляется этот тег.

Мета-тег Generator

Синтаксис

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

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

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

Мета-теги Author и Copyright

Синтаксис

<meta name="author" content="Иван Иванович" />  
<meta name="copyright" lang="ru" content="ООО Ромашка" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

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

Улучшенный сниппет в Google3 простых шага как связать сайт с Google+, или Что такое авторство в Google и для чего это нужно
Те из вас, кто предпочитает пользоваться поиском Google, не раз встречали в результатах выдачи сниппеты с фотографиями авторов статей. Поисковик предоставляет такую возможность в рамках сервиса «Поддержка авторов». Такие сниппеты привлекают большее внимание и имеют больший CTR… Подробнее

rich snippetsРасширенные сниппеты (Rich Snippets) в Google и Яндекс
Занимаясь продвижением сайта, все больше внимания оптимизаторы уделяют тому, как выглядит сниппет. Технология расширенных сниппетов не нова. Яндекс и Google позволяют использовать дополнительные возможности для того, чтобы ссылка на ваш сайт была более информативной… Подробнее

 

Как проверить мета-теги в коде веб-страницы

  1. Откройте исходный код страницы.
  2. Воспользуйтесь функцией поиска по странице — Ctrl+F для того, чтобы обнаружить мета-теги, возможно, некоторые из них просто отсутствуют (Title, Description, H1 обязательно должны быть!)
  3. Обратите внимание:
    • верно ли записаны мета-теги с точки зрения синтаксиса (см. примеры выше),
    • в нужном ли месте они размещены (проверьте, точно ли мета-тег Title внутри контейнера <head>, логично ли размещены теги Hx и т.п.),
    • не дублируются ли теги, которые должны быть использованы только один раз (да-да, бывает когда на странице оказывается два мета-тега Title или несколько мета-тегов H1),
    • корректно ли подхватываются значения этих мета-тегов (бывают ситуации, когда вы прописываете для страницы одно значение мета-тега, но вместо него выводится другое, шаблонное, настроенное по умолчанию).

 

Шаблоны мета-тегов

То, что будет описано ниже, будет относиться к тегам Title, Description и Keywords.

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

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

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

Например, у нас интернет-магазин мебели «МегаМебель» (не проверял, есть ли на самом деле такой магазин). Вы можете написать такое короткое техническое задание:

  1. если для карточки товаров прописаны seo-теги — подставляются эти мета-теги;
  2. если нет, то автоматически генерируются мета-теги по шаблону:
    • Title: [Заголовок H1] — купить в Москве по цене [Цена] руб — МегаМебель
    • Description: Вы можете купить [Заголовок H1] в интернет-магазине МегаМебель в Москве по выгодным ценам. Бесплатная доставка в пределах МКАД!
    • Keywrods (напомню, можно не указывать): [Заголовок H1], [Название категории], купить, недорого, цена, москва

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

seogio.ru

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

С точки зрения SEO, главные мета теги сайта это Title, Description и Keywords. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами <head> </head> и не в каком другом месте кода.

Title

Мета тег <TITLE> отвечает за заголовок страницы и отображается строчкой текста на вкладке браузера.

Мета тег <TITLE>

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

Например:

  1. Для коммерческого сайта: «Купить ноутбук в Москве — цены от 19990 р в интернет-магазине | site.ru»
  2. Для информационного сайта: «Как правильно выращивать алоэ в домашних условиях | Садовод»

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

<title>Заголовок страницы</title>

Более подробно по теме: Как правильно написать Title.

Description

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

мета тег description

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

Примеры:

  1. «Купить ноутбук в Москве. Закажите ноутбук по цене от 19 990 рублей в интернет-магазине. Доставка бесплатно. Гарантия 2 года.»
  2. «Как правильно выращивать алоэ в домашних условиях. Журнал Садовод делится секретами выращивания растения алоэ дома.»

Длина не более 140 символов. На чистом html, это выглядело бы вот так:

<meta name="description" content="Описание страницы"/>

Больше информации по теме: Как правильно заполнить Description

Keywords

Мета тег Keywords — это набор ключевых слов, по которым продвигается страница. Впрочем сегодня этот атрибут уже не является обязательным и заполняется по желанию, так в «золотую эпоху» SEO им слишком злоупотребляли и поисковые системы практически не обращают внимание на него. Если же вы всё-такие решили заполнить keywords, лучше это делать простым перечислением слов в начальной форме без запятых:

«Купить ноутбук Москве заказать цена стоимость рубль интернет-магазин каталог доставка гарантия»

Длина любая, но слишком усердствовать не стоит. В html правильно пишется вот так:

<meta name="keywords" content="Ключевые слова"/>

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

  • Expires — дата устаревания документа.
  • Pragma — запрет на использование кэшированных данных, информация должная подгружаться с сервера.
  • Content-Type — тип контента и кодировка.
  • Content-language — языка страницы/сайта.
  • Cache-Control — устанавливает кэшируется ли документ или нет, и если да, то каким образом.
  • Robots — отвечает за индексацию отдельных страниц.
  • document-state — частота индексации.

Отсутствие мета тегов может негативно сказаться на отображении, индексации и ранжировании страниц.

Как добавлять мета теги на CMS

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

  • Для WordPress потребуется установка плагина Yoast Seo или All Seo Pack. Другие плагины не рекомендуем.
    мета теги на WordPress
  • В Joomla при добавлении новой страницы или статьи на сайт, сразу же можно прописать мета данные и дополнительных модулей не требуется.
  • В Opencart дело обстоит аналогичным образом, при добавлении товара или категории товара, в отдельной вкладке можно указать мета описания.

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

Метатеги на Wix

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

Проверка мета-тегов онлайн +анализ

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

Вот несколько таких сервисов:

  • http://seo-inf.ru/tools/view-metatags/
  • http://www.prcy-info.ru/index.php/meta-tags-check
  • https://internet-marketings.ru/prizyv-k-dejstviyu-v-reklame/

internet-marketings.ru

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

Прежде чем перейти к правилам заполнения мета-тегов title, description и keywords, давайте определимся с этими понятиями:

Title (тайтл) – заголовок веб-страницы, который отражается в поисковой выдаче (рис. 1) и во вкладке браузера (рис. 2).

 Рисунок №1

Как правильно прописать тайтл?

 Рисунок №2

Правильный заголовок

Description (дескрипшн) – это мета-тег, который кратко описывает содержание данной веб-страницы.

Что такое дискрипшн?

Keywords (кейвордс) – это ключевые слова или словосочетания, которые используются на данной веб-странице и являются для нее главными (т.е. раскрывают тему и содержание).

Разобравшись с определениями мета-тег title, description и keywords, логично выяснить вопрос, стоит ли вообще их заполнять? Зачем они нужны и какую роль играют в «жизни» сайта?

Нужны ли мета-теги?

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

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

  • Высокое ранжирование. Мета-теги (заголовок, описание, ключевые слова) помогают поисковикам понять, какая информация содержится на ресурсе. Зная главную тему страницы, поисковые системы будут предлагать ее пользователям в числе ПЕРВЫХ. То есть шансы, что ваш сайт заметят среди «океана» аналогичных, существенно увеличиваются.
  • Грамотно оформленный сниппет. Чтобы предоставить пользователям больше информации о сайте, поисковики добавляют после названия ресурса небольшое описание, которое и называется сниппетом. Он берется непосредственно из мета-тега description или наугад выбирается отрезок из текста с ключевым словом. Вырванный из контекста текст, как правило, несет минимум полезной информации и не привлекает внимание, так как выглядит неинтересно и оборвано. Сравните сами. Ниже представлены примеры 2-х ресурсов: где для сайта мета-тег дескрипшн не прописывался (рис. 1); второй – с грамотно заполненным description (рис. 2). 

 Рисунок №1

meta-teg-5-min

 Рисунок №2

Правильный description

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

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

meta-teg-7-min

Заполняем мета-тег TITLE

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

Если вы хотите создать цепляющий и эффективный тайтл, обратите внимание на такие моменты:

Ключевые слова:

  • Используйте тематические ключи, которые соответствуют теме страницы. Например, если здесь продаются китайские смартфоны, то логично, что мета-тег title будет с запросом «китайский смартфон». В противном случае (если используемые слова будут не совсем отвечать содержанию страницы) Google и Яндекс могут не использовать тайтл в качестве заголовка.
  • Располагайте ключевые слова вначале предложения, так как поисковики считают более значимыми запросы, стоящие в начале заголовка, чем в конце.
  • Комбинируйте ключи: высокочастотные + низкочастотные (узнать частотность можно через Яндекс Вордстат). Зачем это нужно? Популярный запрос – это большая конкуренция, «пробиться» через которую достаточно сложно и долго. А менее модные ключи практически сразу приведут к вам первых посетителей. Например, запрос «диван малютка» является высокочастотным (1886), а «купить диван малютку цена» — низкочастотным (28).

Объединяем в один мета-тег:

Title: Купить диван-малютку по цене производителя

  • На забывайте про переспам. Здесь важно не переусердствовать, т.е. придерживаться «золотой середины». Ключи должны быть, но немного (1-3 не более).

Помните, title, как и другие мета-теги, прежде всего создаются для людей.

 Правильный тайтл (пример)

Стиль изложения:

  • Пишите для страницы «цепляющие» заголовки. Более интересным и интригующим выглядит мета-тег с использованием: цифр и процентов; прилагательных и наречий.

Например:
Title с цифрами: 10 лучших способов утеплить квартиру
Title с процентами: Скидка 50-70% на женские платья
Title с прилагательным, наречием: Купить натуральный деревянный стол недорого

  • Не используйте сложные и «пустые» слова, стоп-символы. Лучше не брать слова, состоящие из более, чем 3-х слогов, а также не распространенные. Такие мета-теги тяжело читать и, если не понятен смысл, не хочется на него кликать (например, «высококачественный», «променад», «транспортировка»). Запрет также относится к стоп-символам (/|()+=?) и «пустышкам», т.е. к словам, которые «крадут» объем, но при этом не несут никакой смысловой нагрузки (например, союзы, местоимения, междометия).
  • Создавайте уникальные заголовки. Важно для каждой страницы сайта прописывать свой title (это касается также и других мета-тег). Тогда поисковики будут расценивать каждую страницу как уникальную, что гарантированно поднимет ее значимость и, соответственно, рейтинг в поисковой выдаче. Необходимо также следить, чтобы тайтл и H1 были разными. И, конечно, при наполнении сайта не должно быть никакого рерайта – только уникальные тексты.

meta-teg-9-min

Делаем промежуточный вывод: заголовки должны быть написаны грамотно, красиво и понятно (никаких «корявых» предложений типа: «Купить кровать в Москве, цена дешево, оптом, с транспортировкой по стране»). Никакого обмана и недостоверной информации.

Объем

Оптимальной длиной мета-тега title считается примерно 40-65 знаков с пробелами (максимум — 80). На мой взгляд, это идеальный вариант, так как при таком объеме пользователям виден весь заголовок (рис. 1), а не его фрагмент (рис. 2).

Рисунок №1

meta-teg-10-min

Рисунок №2

meta-teg-11-min

Если вы все-таки решите не создавать мета-тег title, будьте готовы к тому, что эта страница может вообще не попасть в поисковую выдачу. А если сделаете «на скорую руку» (просто перечислив ключевики) – вероятнее всего, попадете на санкции от поисковиков.

meta-teg-12-min

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

По значимости описание занимает второе место после заголовка. Мета-тег description (также как и тайтл) способен как привлечь, так и оттолкнуть пользователей в случае, если заполнен некорректно.

Правила, следование которым поможет создать эффективное и красивое описание:

  • Объем. Важное нововведение от Google – увеличение длины сниппета. Если раньше максимальный объем был равен 160 символам, то теперь эта цифра возросла до 230 (и даже больше – 300+). Зачем спросите вы? Все для удобства пользователей. Гугл решил, чем длиннее описание, тем понятнее для вас, что предлагает данный сайт. Используйте по максимуму это новшество и прописывайте побольше преимуществ веб-страницы.

meta-teg-13-min

  • Информативность. Правильный мета-тег description – это своего рода дополнительная реклама для сайта. Постарайтесь здесь прописать как можно больше «цепляющих фишек» сайта и предложений, от которых сложно отказаться. Например, «скидки до 80%», «распродажа», «доставка за 1 день», «опт, розница», «цена производителя», «на заказ», «гарантия 1 год» и т.д.
  • Уникальность. Также как и тайтл, для каждой страницы нужно писать свой мета-тег description, то есть каждый раз новый текст.
  • Ключевые запросы. Для дескрипшна советуют выбирать только высокочастотные запросы. Самый популярный ключ желательно использовать 2 раза: 1 раз в точном вхождении, 2 – разбавленный.
  • Призыв. Чтобы дескрипшн был эффективным и выглядел законченным, в конце описания делайте призыв к действию. Для этого можно использовать такие слова: звоните, заказывайте, получите, узнайте, переходите и т.д.

Пример правильно заполненного мета-тега description

После того, как вы правильно пропишете мета-теги description, можно разбавить содержание специальными символами: ✖ ➜ ➢ ➣ ➤ ➔ ⬅ ⬆ ⬇ ⬤ Ꙭ ➔ ✈ (см. пример). Но при использовании таких знаков необходимо проверить, как они будут отражаться на сайте (для этого можно использовать специальный сервисы по генерации сниппетов для Google и Яндекс)

Запомните, если поискам не понравится ваше описание, они заполнят сниппет «выдерганными» из текста фразами. 

meta-teg-15-min

Мета-тег KEYWORDS: нужно ли заполнять?

Чтобы понять, следует ли тратить время на прописывание ключевых слов, давайте совершим небольшой экскурс в историю. Раньше (в 90-х и начале 2000-х) заполнение мета-тега keywords являлось гарантом, что сайт молниеносно попадет в ТОП. То есть достаточно было перечислить необходимые для продвижения запросы и ресурс уже «восседает» на первых позициях в поисковых выдачах.

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

Вовсе нет. Здесь, также как и при прописывании других мета-тег, важно достичь баланса. То есть можно использовать 1-2 запроса (через ЗАПЯТУЮ) и поисковые системы отреагируют на них адекватно.

Пример правильного мета-тега keywords

 Общие правила для всех мета-тег

Есть несколько нюансов, которые относятся к title, description и частично к keywords:

  • использование больших прописных букв в мета-тегах («ИНТЕРНЕТ-МАГАЗИН ОБУВИ») может быть расценено поисковыми системами как СПАМ;
  • при написании основных мета-тег (заголовка, описания, ключевых слов) ТОЧКА в конце не ставится;
  • информация в мета-тегах тайтл и дескрипшн должна быть разной, таким образом пользователь получает по максимуму данных о сайте;
  • ключевые запросы следует использовать в мета-тегах title и description разные, не дублировать;
  • не нужно прописывать в meta tags названия компаний, если только они не являются знаменитыми и популярными.

ВАЖНЫЙ совет «на закуску», как правильно прописать мета-теги для сайта. Перед заполнением, введите интересующий вас запрос в поисковую строку Google, Яндекс или другой системы. Проанализируйте, как поставили мета-теги сайты, находящиеся в ТОПе, и сделайте по примеру оптимизацию своего заголовка и описания.

Задание. Чтобы проверить, как правильно заполненные мета-теги (title, description, keywords) влияют на популярность сайта, проанализируйте его позицию в поисковиках и количество просмотров сейчас и ПОСЛЕ усовершенствования/создания грамотных meta tags.

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

textum.com.ua


You May Also Like

About the Author: admind

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.