Мега теги

Как правильно прописать метатеги для сайта SEO 02.06.2017 в 19:30

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

Три главных метатега это:

  • title
  • kewords
  • description

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

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


Keywords — в этом мета-теге перечисляются основные ключевые слова, имеющие отношение к странице.

Description — содержит описание страницы. Как правило, содержимое дескрипшена появляется в сниппете поисковой выдачи (но не всегда).

Мега теги

Куда добавить метатеги

Метатеги прописываются в самом начале страницы, а если конкретнее, то между тегами <head> и </head>. Например:

<head>
<meta name=»description» content=»Здесь мы опишем, куда вставлять метатеги»>
</head>

Как можно заметить, в атрибуте name указывается непосредственно метатег, а его значение — в content.

Правильный тег title

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

Например:

<title>Поиск и подбор туров на ближайший год!</title>

Как заполнить мета тег description


Тег для посетителей не менее важный, чем title, ведь он описывает то, что будет обнаружено на странице. Поэтому его цель практически такая же: 160 символами (больше поисковики, как правило, не видят) заинтересовать, предоставить немного информации и заставить кликнуть. Описание не должно копировать заголовок, а ключ, который вы в него помещаете, должен быть органично вписаться в текст.

Например:

<meta name=»description» content=»Заходите и посмотрите актуальные горячие туры по 30 самым популярным направлениям! Скидки для семей и организаций. «>

Как заполнять мета-тег keywords

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

Например:

<meta name=»keywords» content=»туры в грецию, круиз средиземное море, турагенство, путевки»>


Мега теги

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

medoed1.ru

Здравствуйте, Ника!

По поводу ваших вопросов:

Просмотр сообщенияНика (20 Март 2011 — 17:02) писал:

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


Keywords
Этот мета тег должен содержать список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов.

Просмотр сообщенияНика (20 Март 2011 — 17:02) писал:

Для вставки этого кода можно воспользоваться сервисом Яндекса:
http://api.yandex.ru/share/

Если не подойдёт, киньте пожалуйста ссылку на адрес вашего сайта, чтобы на живом примере определить что можно сделать с этими кнопками  :)


Просмотр сообщенияНика (20 Март 2011 — 17:02) писал:

Нет, не пропадут. Изменится только html код выдающий информацию, сама информация останется без изменений.

Просмотр сообщенияНика (20 Март 2011 — 17:02) писал:

Для этого можно воспользоваться информацией из этой ветки нашего форума:
http://forum.storela…indpost__p__254

forum.storeland.ru

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

мета-теги 2

Описание свойств:

  • URL — последняя часть адреса страницы сайта, после «слеша». Адреса страницы строятся в UMI.CMS автоматически, в данном примере адрес страницы будет выглядеть следующим образом: «http://help-cms.ru/site_manager/site_editing/meta
  • Поле Title — этот мета-тег выполняет множество задач, как прямо, так и косвенно.
    nbsp;результатах поиска по ключевым словам поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей. По тексту заголовка пользователь получает дополнительную информацию о сайте, на котором он находится, и о названии текущей страницы. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться между свернутыми окнами сайтов, а не перелистывать их по очереди.

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

umi.ru

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

Robots

Мета-тег указывает роботам поисковых систем, как сканировать и индексировать страницу.

Для конкретного бота можно задать свою инструкцию. Например, заменить robots на Googlebot для Гугла или на YandexBot для Яндекса.

Возможные указания:

  • all – означает, что разрешена индексация и переход по ссылкам, аналогично index, follow;
  • noindex – запрет индексации;
  • index – разрешена индексация;
  • nofollow – нельзя переходить по ссылкам;
  • follow – можно переходить по ссылкам;
  • noarchive – запрещено показывать ссылку на сохраненную копию в выдаче;
  • noyaca – (для Яндекса) не использовать для сниппета описание из Яндекс.Каталога;
  • nosnippet – (в Google) нельзя использовать для сниппета фрагмент текста и показывать видео;
  • noimageindex – (в Google) запрет указания страницы как источника изображения;
  • unavailable_after:[date] – (в Google) после указанной даты будет прекращено сканирование и индексирование страницы;
  • none – запрет индексации и перехода по ссылкам, аналогичен noindex, nofollow.

Description

Мета-тег name=«description» может использоваться поисковыми системами при формировании сниппета, поэтому он должен:

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

В разных поисковых системах выводятся 160–240 символов.

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

Keywords

Мета-тег name=«keywords» раньше использовался поисковыми системами при ранжировании, но из-за многочисленных манипуляций его значимость постоянно уменьшалась. Теперь большинство поисковиков его игнорируют. Google не поддерживает вообще, а Яндекс пишет, что может учитывать. Но на практике keywords давно не оказывает влияния, а его некорректное заполнение может привести к переспаму.

Существуют три подхода:

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

Если принято решение прописать ключевые слова, важно не допускать спама.

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

Title

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

Данный HTML-тег важен для SEO: влияет на ранжирование и кликабельность по сниппету.

Классические рекомендации по заполнению мета-тега:

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

Рекомендуема длина – 70–80 символов.

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

Верификация

Для подтверждения права собственности на сайт и возможности управлять им в Вебмастере Яндекса или Search Console в Google можно использовать особые мета-теги верификации google-site-verification и yandex-verification (или иной способ).

Viewport

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

Http-equiv

Принимаемые значения:

  • Content-Type – помогает определить кодировку и тип документа;
  • Refresh – перенаправление на другую страницу после заданного в секундах времени нахождения;
  • Content-Language – указание основного языка документа.

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

Author и Copyright

Функция – идентификация автора. Если сайт принадлежит компании, используется Copyright, если конкретному лицу – Author.

wiki.rookee.ru

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


Метатеги — это текстовые сниппеты, описывающие содержимое страницы сайта.

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

Когда человек делает поиск по запросу «купить смартфон», поисковая система предложит ему страницу именно с телефонами, а не с утюгами. Все это — благодаря метатегам.

Более того, чем удачнее вы составляете метатеги, тем больше посетителей получит ваш сайт.

Простой пример:

У меня на блоге есть статья о плагинах отзывов. Я хотел сделать ее более популярной.

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

рост трафика

В поиске эта статья находилась на шестой позиции. После изменения Title, Description и Keywords она поднялась на первую строчку:

рост позиций в поиске

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

Большинство людей составляют метатеги на скорую руку:

когда торопишься заполнять метатеги

А вам напротив, следует составлять их с умом, даже если это займет пару лишних минут.

Тег Title

Title (тайтл) — это тег, содержимое которого является заголовком веб страницы. Именно его вы чаще всего видите совершая поиск в интернете:

мета тег title в поисковой выдаче

Возможно вы замечали: кроме поисковой выдачи, тайтл отображается и во вкладке браузера:

тег title во вкладке браузера

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

Как заработать первую 1 000 долларов в интернете

ИЛИ

10 Способов без особых усилий заработать в интернете.

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

Но как писать интересные заголовки?

Сегодня я расскажу вам 3 секрета, которые помогут вам писать цепляющие и эффективные заголовки.

Секрет #1. Вначале ключевые слова

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

Вместо Пошаговое руководство: как поехать в Азию

Лучше Как поехать в Азию: пошаговое руководство

Зачем это нужно?

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

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

Представим, люди ищут информацию по фразе «как поехать в Азию» 3000 раз в месяц, а по фразе «Как поехать в Азию дешево и интересно» 70 раз в месяц. Первый запрос — популярен, второй — нет.

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

Поэтому, старайтесь включать в Title как популярные, так и менее популярные запросы. Например:

Вместо Как поехать в Азию

Лучше Как поехать в Азию дешево и интересно

Узнать популярность запроса вы можете с помощью сервиса Яндекс Вордстат.

Но есть и другая сторона медали: переспам тега Title. Помните, заголовок прежде всего пишется для людей.

⛔ Пример неудачного Title:

Как поехать в Азию быстро дешево билеты путевки Китай Япония

✅ Пример хорошего Title:

Как поехать в Азию: все подробности включая билеты, жилье, еду

? Пример идеального Title:

Как поехать в Азию и не пожалеть (билеты, жилье и пр.)

К слову, опасайтесь переспама не только заголовка, но и веб-страницы в целом. Особенно будьте осторожны с суррогатными запросами. Более детально о них вы можете узнать в статье Михаила Шакина о продвижении сайта.

Секрет #2. Интригуйте

Ваш заголовок должен не только содержать поисковые запросы, но и вызывать у людей живой интерес.

Логика проста:

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

Впечатляющая статистика: первые три сайта из органической выдачи получают 61.5% всех переходов. Поэтому, старайтесь попасть не в десятку, а в первую тройку.

Но как писать по-настоящему цепляющий Title?

Вот несколько советов:

  1. Добавьте в заголовок числа и проценты. Например: 10 Советов как…; 5 Причин почему…; 3 Лучших…
  2. Используйте следующие прилагательные и наречия: Эффективный, Улетный, Невероятный, Нестандартный, Как, Пошагово, Просто, Легко, Быстро.
  3. Старайтесь, чтобы при чтении вашего заголовка люди испытывали сильные эмоции.

Самое главное — не жалейте времени на составление привлекательных заголовков. Всегда помните слова «отца рекламы» Дэвида Огилви:

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

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

рост ctr в поиске

Секрет #3. Идеальная длина тега Title

Ваш заголовок не должен превышать 60 символов. В противном случае поисковые системы самостоятельно обрежут его на 61-ой букве.

Идеальный вариант: придерживаться диапазона от 50 до 60 символов.

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

Сравните сами:

seo оптимизация тега title

Как прописать тег Title

У сайтов, работающих на WordPress есть одна интересная деталь:

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

Для этого установите и настройте плагин Yoast SEO. С помощью него вы сможете не только управлять метатегами, но и сделать полную оптимизацию WordPress сайта.

После активации плагина ниже текстового редактора будет блок SEO настроек:

как прописать title в wordpress

С помощью плагина WordPress Yoast SEO вы сможете:

  • Задавать Title для каждой страницы включая домашнюю, категории, архивы и метки
  • Настроить отображение вашего сайта в социальных сетях

Если у вас самописный сайт, для заполнения тега Title вы можете просто отредактировать html документ. Укажите свой заголовок внутри открывающего и закрывающего тега:

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

Для редактирования html документа вы можете воспользоваться обычным текстовым редактором или более функциональными программами наподобие Notepad++ или Sublime Text.

Метатег Description

Description (дескрипшн) — это мета-тег, содержимое которой является описанием страницы. Обычно, именно этот информационный блок видит человек, совершая поиск в интернете:

метатег Description

Правильное составление метатега Description является неотъемлемой частью SEO оптимизации сайта. На самом деле, его правильное заполнение является наукой и искусством одновременно.

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

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

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

А вот пример метатега Description в html коде:

тег meta description

Проверить наличие и корректность описания можно с помощью плагина Yoast SEO.

А ниже вы познакомитесь с четырьмя правилами, игнорируя которые вы не сможете правильно составить метатег Description.

1. Рекомендуемая длина Description

Ваш Description должен быть длиной не более 160 символов. Все, что свыше этого заменяется многоточием:

правильный мета тег description

Идеальный вариант — это когда длина описания составляет от 150 до 160 символов с учетом пробелов.

Вы конечно же можете ограничиться и меньшим количеством слов (50-60 символов), но слишком короткое описание имеет меньше шансов зацепить читателя.

2. В чем сила вашего сайта?

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

Как и в рекламном сообщении, с помощью Description у вас есть возможность рассказать пользователям о ваших сильных сторонах, конкурентных преимуществах.

Хорошо с этой задаче справляется Best Buy — крупный американский ритейлер:

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

В заголовке и описании они пишут:

Best Buy: Профессиональный сервис. Самые низкие цены. Вы можете купить у нас электронику, компьютеры, технику, мобильные телефоны, видео-игры и многое другое. Все в одном месте + бесплатная доставка в течении 2 дней.

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

3. Акцент на теме страницы

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

Но не перегинайте палку. Вы должны писать прежде всего для людей, только потом для поисковых систем.

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

4. Призыв к действию

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

  • Узнайте
  • Получите
  • Успейте
  • Закажите
  • Переходите

Пример дескрипшена с призывом к действию:

Лучшие места на главное спортивное событие года — Чемпионат мира по футболу 2018! Переходите прямо сейчас и успейте забронировать билеты со скидкой.

Как заполнять метатег Description

Если у вас сайт на WordPress, для написания метатега Description необходимо установить плагин Yoast SEO.

После его активации появится окно SEO настроек:

программа для тега description

Описание указывается в специальном текстовом поле. Цветовой индикатор подсказывает, сколько символов у вас осталось в запасе.

Если ваш сайт — самописный, откройте html документ и в теге meta, внутри атрибута content укажите свой Description:

 <meta name="description" content="Описание веб-страницы...">

Метатег keywords

Keywords (кейвордс) — это еще один мета тег, играющий важную роль в SEO оптимизации сайта. Пример метатега Keywords в hmtl документе:

 <meta name="keywords" content="Ключевые слово, ключевые слово, ключевые слово...">

Самый часто задаваемый вопрос:

«Нужен ли метатег Keywords для продвижения сайта?».

Прежде чем ответить на него, давайте немного окунемся в историю…

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

Но времена изменились, и сейчас такие манипуляции ни к чему хорошему не приведут.

SEO и Keywords в нынешних реалиях

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

Так где же правда?

А она как обычно где-то посередине.

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

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

Как заполнять Keywords

При заполнении keywords вам нужно перечислить ключевые слова через запятую. Обычно достаточно 1-2 запросов.

Пример метатега Keywords для статьи 7 Реальных способов заработка на блоге:

Блоггинг, заработок в интернете, монетизация блога.

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

Бонус: Кликните по ссылке ниже чтобы получить бесплатный доступ к секретному рецепту создания РАБОТАЮЩИХ метатегов.

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

site4business.net

Содержание

  • Что такое мета-теги
  • Правильные 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


You May Also Like

About the Author: admind

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

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

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

Adblock
detector