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

Приветствую!

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

Начнем с определения метатегов:

Метатеги — это теги HTML или XMTL, предназначенные для передачи структурированных данных о веб-страницах поисковым роботам и браузерам.

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

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

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

Метатеги Description, Keywords и тег Title

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


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

Раньше, лет 20 назад, с помощью только этих тегов, можно было без проблем продвинуться в ТОП по любому ключевому слову, главное заполнить их грамотно и все. Но в нынешнее время ситуация круто изменилась: из-за того, что вебмастера злоупотребляли этим, поисковики перестали учитывать данные метатеги, как фактор ранжирования. Теперь, просто заполнив их грамотно, продвинуться в ТОП невозможно.

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

Метатег Robots

Дальше речь пойдет о теге Robots. С его помощью можно запретить или разрешить индексацию страницы и ссылок. Вот команды:

  • Index — разрешить индексацию;
  • Noindex — запретить индексацию;
  • Follow — разрешить индексацию ссылок;
  • Nofollow — запретить индексацию ссылок;
  • All — разрешить индексацию страницы и ссылок
  • None — запретить индексацию страницы и ссылок.

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

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

Все метатеги прописываются в пределах тегов <head></head>, то есть в самом начале кода.

<head>  <meta name="description" content="Урок о метатегах">  </head>

Как видите, метатег прописывается в коде элементом «<meta>» с наличием обязательных атрибутов:

  • name — прописывается сам метатег;
  • content — прописывается значение тега.

Посмотрите пример выше.

Как заполнить тег Title?

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


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

Пример:

<title>Что такое мета теги и как их заполнять?</title>

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

Description тоже очень важен для привлечения посетителей, так как ПС ставят в сниппет то, что написано в этом теге. Количество символов ограничено до 120-150 символов. Поэтому крайне важно сделать такое описание, которое бы носило в себе максимум информативности о странице.

Советы по заполнению:

  1. Не дублируйте то, что написано в теге Title;
  2. Разбавьте ключевой запрос тематическим текстом;
  3. Пишите только по делу!

Пример:

<meta name="description" content="Каждый вебмастер должен знать, как правильно заполнять мета теги. В этом уроке вы узнаете, что делать с метатегами страниц сайта">

context-up.ru

Мета теги для SEO (поисковой) оптимизации

Сюда относятся три тега: title, description, keywords. Эти атрибуты сообщают поисковому роботу информацию о сайте, которая помогает грамотно определить тематику ресурса и ранжировать (сортировать) в выдаче. Потому составляя метатеги, вебмастера обязательно используют ключевые слова (слова и фразы, которые целевой пользователь вводит в строку поиска, чтобы найти нужный ресурс).

  • Title

Заголовок страницы. В индексе это — крупная синяя ссылка на сайт, в браузерных вкладках — название.

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

Атрибут должен содержать основные ключевые слова и конкурентные преимущества. Важно, чтобы пользователь сразу понял, что Вы предлагаете, и почему данный ресурс ему подойдет. Основная сложность — вместить нужную информацию в четко заданный поисковыми системами лимит символов. У Google максимум — 70 (12 слов), у Яндекс — 80 (15 слов).

Пример:
Дано: ключевые слова «купить кресло», «купить кресло недорого», «купить удобное кресло»
Неудачный title: Купить кресло. Купить удобное кресло, купить кресло недорого
Удачный title: Как купить удобное кресло недорого с доставкой и получить скидку 15%?

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

  • Description

Краткий «анонс» страницы в результатах поиска. Несколько коротких предложений, в которых используются ключевые слова (не все — наиболее значимые) конкретной страницы. Рекомендуемая длина meta тега — 160-200 символов.


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

С помощью meta name description поисковым роботом описание страницы — сниппет. Отображается в результатах поиска под title.

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

Как заполнять 
Дано: магазин продажи книг; ключевые слова «интересная книга», «купить книгу»
Неудачный Description: Книги издавна являются одними из самых близких «друзей» человека. Интересная книга помогает скоротать время, дает полезные знания, раскрывает занимательные факты, пробуждает эмоции. Потому стоит задуматься о том, чтобы купить книгу в нашем магазине.
Удачный Description: Нужна интересная книга? В нашем магазине — широкий выбор тематик: от узкоспециальной литературы до мировых бестселлеров. У нас Вы можете купить книгу с доставкой в течение 1-5 дней в любой регион РФ. Первым покупателям — скидка 10%.

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

  • Keywords

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

Сейчас поисковики не придают данному атрибуту такой вес, как раньше. Но грамотное использование его не будет лишним.

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

Используйте 3-6 ключевых слов/фраз через запятую. Чрезмерное употребление может расцениваться поисковиком как переспам. В список должны включаться только используемые на странице запросы, под которые оптимизирован текст, названия товаров и т.д.!

www.ashmanov.com

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

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

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


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

Для чего нужны мета теги

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

  • авторство;
  • источники получения информации;
  • краткое содержание контента.

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

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

  • content — не назначается по умолчанию;
  • http-equiv — предназначен для перевода метатега в заголовок HTTP;
  • name — имя метатега, косвенно устанавливающее его предназначение;
  • charset -задает кодировку документа.

Из них только content является обязательным. Остальные применяются по желанию.

Метатеги нужны для передачи нужной информации о странице:

  • поисковым роботам (keywords, title, description);
  • браузерам (коды страниц, интервалы автообновления, куки);
  • сервисов (указание копий адресов и других сведений).

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

Мета-тег Title

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

метатег title в сниппете

Так title выглядит в коде страницы сайта:

мета тег title в коде сайта

Оптимизация мета тега Title под SEO


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

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

  • <title>Купить очки солнцезащитные в Москве по низким ценам</title>
  • <title>Установка деревянных окон в Москве недорого</title>
  • <title>Мета-теги страницы сайта | Мета теги Title и Description </title>

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

  • <title>Установка windows, удаление вирусов, починка компьютеров, продажа комплектующих</title> (простое перечисление ключевых слов)
  • <title>Главная – ООО АвтоРемонт — ремонт автоматической коробки передач в Москве</title> (вначале должны быть самые главные ключевые слова)
  • <title>Авторемонт</title> (слишком короткий Title)
  • <title>ООО Сайты: разработка сайтов, большой офис, новости компании.</title> (слова, по которым не будет продвигаться сайт)

Мета-тег Description

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

Description в сниппете

Description в коде сайта:

Description в коде сайта

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

Сниппет в поиске:

Поисковик выбрал сниппет самостоятельно

Description в коде сайта:

Description в коде сайта

Мета тег Description для SEO

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

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

  • <meta name=»description» content=»Обеденные столы: большой выбор столов, низкие цены, доставка по России. Купить столы в интернет-магазине СуперМебель со скидкой!» />
  • <meta name=»description» content=»Мета-теги страницы сайта. Мета тег Title и Description. Правильная оптимизация мета тегов Title и Description. » />
  • <meta name=»description» content=»Купить смартфон Xiaomi Redmi 4x в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями, техническими характеристиками и подробным описанием.» />

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

  • <meta name=»description» content=»Челябинский тракторный завод (ЧТЗ)» /> (короткий, мало ключевых слов)
  • <meta name=»description» content=»Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта…» /> (сгенерирован автоматически или просто вырезано начало контента на странице).
  • <meta name=»description» content=»мета тег, метатеги сайта, метатег keywords, мета-тег title, мета тег description, метатеги страницы, мета тег для SEO, метатеги для продвижение, оптимизация мета тегов, тайтл, дескрипшн, кейвордс»/> (перечисление ключевых слов через запятую, неестественное мета-описание).

Мета-тег Keywords

На мой взгляд мета-тег Keywords уже давно не работает и не стоит тратить на него время.

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

Мета тег Keywords для SEO

Если вы со мной не согласны и верите в этот мета тег, то вот мои рекомендации:

  • не используйте множественные повторения ключей;
  • используйте 1-3 ключевых слов;
  • ключевые слова должны соответствовать тематике страницы;

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

  • <meta name=»keywords» content=»seo продвижение сайта, оптимизация сайта, раскрутка интернет-магазина» />
  • <meta name=»keywords» content=»купить телевизор samsung» />

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

  • <meta name=»keywords» content=»seo продвижение сайта, продвижение сайта, комплексное продвижение сайта» /> (множественные повторы ключей)
  • <meta name=»keywords» content=»купить телевизор samsung, сиськи, голые девки, аренда картофеля» /> (либо у вас странная тема статьи на странице, либо неправильно указаны ключи :-))

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

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

Сам я использую расширение для Chrome SEO META in 1 CLICK — очень удобно.

SEO META in 1 CLICK

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

webmaster-seo.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="Ключевые слова"/>

Спарсить мета теги конкурентов можно буквально в пару кликов — с помощью парсера Promopult.

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

  • 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

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

Метатеги (англ. 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-элементов Яндекс.

siteclinic.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

Что такое Мета теги (meta-tags)?

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

Мета тег является именно тем компонентом, который передает роботам поисковых систем текущие сведения о странице, где они были применены, а именно, данные о заглавии, о ключевых словах или фразах, сведения об авторе и тому подобное. Коды находятся в титульной части ресурса между такими тегами, как <head>…</head>, которые не видны обычному посетителю страницы сайта. Из всех имеющихся тегов увидеть только <title> Название статьи</title>, придающие странице значение.

К основополагающим задачам мета тегов следует отнести следующие позиции:

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

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

Один из основных тегов — <title>, являющийся обязательным атрибутом страницы сайта, так как информация, содержащаяся в этом теге отображается как заголовок в поисковике и в закладках используемого браузера. Пользователи Яндекса могут увидеть <title>, размер которого не выходит за рамки 80 символов и 15 слов, а Google отображает не более 70 символов и 12 слов.

Мета тег Keywords:

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

В качестве примера:

<meta name=»keywords» content=»мета теги, meta, title, description, keywords, Руководство по мета тегам: заголовок, описание, ключевые слова и другие метатеги» >

Код для описания ресурса:

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

В качестве примера:

<meta name=»description» content=»Мета теги.Для чего нужны мета теги. Как грамотно использовать мета теги» >

А нижеописанный мета тег указывает на автора контента:

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

Данный код отображает способ, по которому можно связаться с автором контента:

<meta name=»Reply-to» content=»artdesign@yahoo.com «>
мета теги

Служебный файл Robots

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

  • index — контент индексируется;
  • noindex— обозначенный контент вноситься в базу данных Яндекс и Google не будет;
  • follow— имеющиеся гиперссылки принимаются в расчет и индексируются;
  • nofollow— ссылки не воспринимаются роботом поисковых систем;
  • all— включает в себя действия тегов index и follow и приводиться в действие по умолчанию;
  • none— включает в себя действия тегов noindex и nofollow.

В качестве примера:

< meta name=»robots» content=»all»> — страница сайта индексируется и ссылки воспринимаются роботами поисковиков.

< meta name=»robots» content=»none»> — ни страница, ни ссылки не поддаются индексации.

Код http-equiv:

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

Код сообщает браузеру, при помощи какой кодировки была сверстана страница:

<meta http-equiv=»Content-type» content=»

Данный мета тег сообщает, что текст написан на русском языке:

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

Время действия документа и кэш:

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

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

<meta http-equiv=»pragma» content=»no-cache»>
теги

Обновление контента на странице:

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

В качестве примера представлен мега тег, согласно которому робот поисковых систем будет заходить и обновлять текущую информацию о контенте 1 раз в течении 2-х часов:

<meta name =»revisit-after» Content=»2 hours»>

Переход на другой ресурс:

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

Нижеприведенный код загрузит через 10 секунд главную страницу сайта www.evorate.ru:

< meta http-equiv=»refresh» content=»10;https://www.evorate.ru/»>

Кодировка символов:

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

В качестве примера:

<meta http-equiv=»Content-Type» Content=»text/html; Charset=Windows-1252″>

Данный мета тег говорит о том, что документ предназначен для платформы Windows с английской раскладкой, а вид документа – текстовый.

Наиболее распространенные ошибки при использовании мета тегов:

  • Роботы, осуществляющие поиск не всегда корректно понимают повторяющиеся слова.
  • Название страницы (title) необходимо соединить с описанием контента (description).
  • Не следует выставлять слишком частую посещаемость ресурса роботом поисковика.
  • Определенно не стоит спамить, это только ухудшит посещаемость интернет-ресурса.

Вебмастера задействуют мета теги для подъема позиций ресурса в поисковой выдаче, а также чтобы увеличить качество поведенческого показателя посещения интернет-страницы. Однако не стоит перебарщивать с тегами, чтобы не нанести вред сайту и применять только необходимые. К необходимым кодам следует отнести заголовок, он же title и описание – description.

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

А тут вы всегда можете заказать сайт, оптимизированный под СЕО!

evorate.ru

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

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

Мета теги размещаются в элементе <head>. Также мета теги можно помещать и в элемент <body>, но лучше отказаться от такой практики, так как некоторые браузеры не распознают их и в результате может произойти нарушение разметки.

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

 

Описание

Мета тег description является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например:

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

Описание все еще может влиять на CTR вашей страницы. Слова, которые соответствуют запросу выделяются в результатах поиска жирным. Поэтому хорошее  описание (которое усилено ключевыми словами) может оказаться для пользователя более привлекательным, увеличивая шанс перехода по ссылке. Рекомендуемая длина описания — 160 символов.

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

 

Мета тег robots

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

This meta tags tells search engines not to index the page and prevent them from following the links. If you happen to be using two contradictory terms (e.g. noindex and index), Google will choose the most restrictive option.

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

 

Заголовок

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

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

Очень просто и очень эффективно. Заголовок показывается в двух разных местах: в верхней панели браузера и на странице результатов поиска. То есть тег title оказывает существенное влияние на CTR и ранжирование.

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

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

 

Тип содержания

Мета тег для указания типа содержания используется для объявления кодировки страницы. Лучше добавить немного информации для предотвращения проблем с выводом информации, вызванных неправильным распознаванием кодировки в браузере. Но данный тег не влияет на ранжирование или CTR.

Может быть вы знакомы с длинной формой Content-Type:

В наши дни лучше использовать короткую версию:

Данный тег нужно располагать до элементов, которые содержат текст, включая тег title.

 

Мета тег keywords

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

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

 

Мета тег указания языка

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

В наши дни лучше определять язык с помощью атрибута:

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

 

Отказ от перевода

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

 

Обновление

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

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

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

 

Заключение

Подводя итог выше сказанному, есть три мета тега, на которых следует сконцентрироваться: description , robots и title (технически, он не является мета тегом).

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

В недавнем прошлом мета тег keywords был мощным инструментом для SEO, но те времена прошли.

ruseller.com


You May Also Like

About the Author: admind

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

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

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

Adblock
detector