Мета-теги (meta tag): что это такое, зачем нужны ключевые слова Мета-теги в HTML-коде

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

Основные функции тега <meta>:

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

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

Содержание

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

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.

Какие бывают META теги и зачем они нужны / Хабр

META-теги


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

META-теги имеют два возможных атрибута




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

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

 Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1
(The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)

 

Атрибут HTTP-EQUIV


META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.
 
Значения  поля content  для Аттрибута   HTTP-EQUIV

Значение Описание Пример использования Эффект
Expires Дата устаревания. Управление кэшированием в HTTP/1.0. Если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша. Дата со значением «0» интерпретируется как «сейчас». Такое значение заставляет броузер каждый раз при запросе проверять — изменялся ли этот документ. Это, кстати относится и к прокси-агентам. Дата должна быть задана в формате, описываемом в RFC850,
<META HTTP-EQUIV=»expires» CONTENT=»Wed, 26 Feb 2008 08:21:57 GMT»>
что эквивалентно HTTP-заголовку
Expires: Wed, 26 Feb 2008 08:21:57 GMT
Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно «обнюхивать» его.
Pragma Эта директива показывает, что кешированная информация не должна использоваться и вместо этого запросы должны посылаться на сервер. Это директива имеет тоже самое значение что и CACHE-CONTROL:NO-CACHE и представлена для обратной совместимости с HTTP/1.0.

Клиенты должны использовать оба значения PRAGMA:NO-CACHE и CACHE-CONTROL:NO-CACHE когда нужно послать некешируемый запрос к серверу, про который неизвестно – совместим ли он с HTTP/1.1.
Если известно, что сервер совместим с
HTTP/1.1 клиент НЕ должен посылать PRAGMA заголовок.
 HTTP/1.1 кэш должен понимать «PRAGMA:NO-CACHE» точно также, как будто клиент послал «CACHE-CONTROL:NO-CACHE».

<META HTTP-EQUIV=»PRAGMA» CONTENT=»NO-CACHE»>  
Content-Type Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тега, то некоторые браузеры выводят такую страницу уже в заданном charset. <META HTTP-EQUIV=»Content-type» CONTENT=»text/html; charset=ISO-2022-JP»>  Используют браузеры и поисковые системы
Content-language Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка. <META HTTP-EQUIV=»Content-language» CONTENT=»en-GB»>
что эквивалентно HTTP-заголовку 
Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания
Для русского языка – ru-RU
Используется некоторыми поисковиками
Refresh Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа. <META HTTP-EQUIV=»Refresh» Content=»3, URL=http://www.name.com/page.html»>
что эквивалентно HTTP-заголовку
Refresh: 3; URL=http://www.name.com/page.html
W3C не рекомендует использовать этот тег.
Google страницы с таким тегом игнорирует. Другие поисковые системы, возможно, тоже.
Cache-Control Определяет действия кэша по отношению к данному документу. Возможные значения:
Public — документ кэшируется в доступных для всех кэшах
Private — только в частном кэше
no-cache — не может быть кэширован
no-store — может быть кэширован, но не сохраняется
<META http-equiv=»Cache-Control» content=»public»> Используется некоторыми браузерами

Атрибут NAME


Robots
Тег <meta name=»Robots» content=»…»> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам.
Инструкции по индексации записываются в поле content. Возможны следующие инструкции:
NOINDEX — запрещает индексирование документа;
NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе;
INDEX — разрешает индексирование документа;
FOLLOW — разрешает проход по ссылкам.
ALL — равносильно INDEX, FOLLOW
NONE — равносильно NOINDEX, NOFOLLOW
Значение по умолчанию: <meta name=»Robots» content=»INDEX, FOLLOW»>.
В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов:
<META name=»ROBOTS» content=»index, nofollow»>
Имя тега, названия и значения полей нечувствительны к регистру.
В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид «none, nofollow».
Google поддерживает дополнительное значение NOARCHIVE, которое запрещает помещать страницу в архив google
<META NAME=»Robots» CONTENT=»NOINDEX,FOLLOW»> Используется большинством поисковиков
Description Значение атрибута CONTENT — строка, которая определяет текстовое описание (краткую аннотацию) конкретной страницы Вашего сайта. Не стоит создавать слишком длинное и подробное описание Вашего сайта в данном теге, рекомендуется ограничиться текстом до 100 символов, поскольку поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов. Этот тег может сильно помочь в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты. <META NAME=»description» CONTENT=»Данный сайт содержит информацию для любителей старинных автомобилей, на нем Вы можете найти описание с фотографиями редких и эксклюзивных автомобилей»> Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации.
Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот
 тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Keywords Значение атрибута CONTENT — список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов. <META NAME=»keywords» CONTENT=»реклама, дизайн, полиграфия»> Учитывается большинством поисковых систем. Точно известно, что НЕ учитывает  Google и Rambler
document-state Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать (значение Static), или реиндексировать документ регулярно (значение Dynamic). <META NAME=»Document-state» CONTENT=»Static»> Используется редко
GOOGLEBOT Google поддерживает специальный тег Googlebot с помощью которого вы можете указать Google что он не должен индексировать и архивировать вашу страницу, другие поисковые системы этот тег проигнорируют. <META NAME=»GOOGLEBOT» CONTENT=»NOARCHIVE»>  
Author Автор, создатель сайта. Вряд ли используется поисковыми системами, и нужен скорее всего чтобы можно было показать что сайт сделан именно определенной персоной или фирмой. <META NAME=»AUTHOR» CONTENT=»www.neo-systems.ru»>  
Revisit Значение этого тега указывает — как часто обновляется информация на вашем сайте, и как часто поисковая система должна на него заходить чтобы увидеть обновления. В силу сложившихся условий — поисковые системы сейчас самостоятельно определяют частоту сканирования сайта, поэтому, возможно, наличие этого тега ничего вам не даст. <meta name=»revisit-after» content=»15 days»>  

 

Источники информации:


http://www.citforum.ru/internet/search/metatags.shtml
http://web-support.ru/adv/ps_meta_2.shtml
http://www.shtogrin.com/library/web/meta/
http://vancouver-webpages.com/META/metatags.detail.html
http://www.mattcutts.com/blog/keywords-meta-tag-in-web-search/
http://www.webotdel.ru/notes/metatags/
Очень хорошо и понятно написано http://www.w3schools.com/tags/tag_meta.asp
Какие мета-теги понимает Google  http://www.google.com/support/webmasters/bin/answer.py?answer=79812
Какие мета-теги понимает Bing
http://www.bing.com/community/blogs/webmaster/archive/2009/07/18/head-s-up-on-lt-head-gt-tag-optimization-sem-101.aspx
Google  не использует мета-тег keywords
http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html
 

что это такое, как прописать и примеры в 2020

Привет! Я ещё очень давно написал текст про то, как правильно оптимизировать статьи, но каким-то невероятным образом упустил вопрос того, как прописывать метатеги на сайте: Title, Description, Keywords и h2. И вот спустя 4 года я исправляю это недоразумение.

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

Содержание статьи:

Что это такое – метатеги для сайта?

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

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

Различают четыре основных мета-тега:

  1. Title.
  2. Description.
  3. Keywords (давно бесполезен с точки зрения SEO).
  4. h2 .

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

Meta Tag для сайта в Yandex - h2Meta Tag для сайта в Yandex - h2Тег h2 на сайте Мета теги для сайта в поисковой выдачеМета теги для сайта в поисковой выдачеТеги Title и Description в поисковой выдаче Яндекса

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

Meta tags – это один из важнейших текстовых факторов ранжирования страницы. От грамотно составленных Title и Description зависит, чуть ли не половина успеха. В этой связи очень важно научиться грамотно составлять и писать каждый из этих тегов.

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

Итак, перейдём непосредственно к теории того, как правильно прописать мета теги для сайта. Стоит отметить, что в данной статье я только вкратце расскажу как писать мета-теги, а по каждому отдельному meta tag  я сделаю ссылки на отдельные статьи, где будет подробный разбор Title, Description и h2.

Общие требования к мета-тегам

Для начала перечислю основные требования, которые применимы ко всем сайта и к информационным и к e-commerce:

  1. Читабельность мета-тегов, т.е. отсутствие спамных конструкций вида «пластиковые окна купить москва цена».
  2. Отсутствие повторения в точном вхождении несколько раз одного ключа.
  3. Дублирование мета-тегов друг относительно друга (Title =h2 или Title = Description) или одинаковые теги для разных карточек/статей. Т.е. вся meta должна быть уникальная.
  4. Сила ключей идёт слева направо, наиболее важный ключ нужно писать слева и потом по мере уменьшение их важности.
  5. Желательно соблюдение рекомендованных поисковиками размеров мета-тегов (Тайтл = 70 символов, Дескрипшн = 130 символов, Н1 = 50), но если ключей с хвостами много, то можно слегка принебречь данными лимитами.

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

Информационные сайты

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

Коммерческие сайты

В отличие от инфосайтов во всех метатегах для интернет-магазинов или сайтов услуг должны присутствовать:

Артём ВысоковАртём Высоков

Артём Высоков

Автор блога о SEO и заработке на сайтах — Vysokoff.ru. Продвигаю информационные и коммерческие сайты с 2013 года.

Задать вопросЗагрузка ...Загрузка ... Загрузка …
  • коммерческие фразы: купить, заказать, цена, недорого, доставка и подобные;
  • гео-привязка: Москва, Спб, Колыма и т.д;
  • бренд магазина (не путать с брендом, например, одежды, если у вас интернет-магазин одежды) обязателен в Дескрипшене, в Тайтле по желанию, в h2 не нужен;
  • и естественно основные ключи и хвосты.

Главные  страницы и остальные

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

  • заголовки главной должны содержать максимально высокочастотные фразы, которые закрывают вашу нишу полностью;
  • описание главной – это по сути анонс вашего сайта в 2-3 предложения с вхождением ключевых слов (и коммерческих фраз, бренда и гео-привязки для магазинов).

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

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

<title> Купить мясо в Москве по низкой цене с доставкой </title>

<meta name=”description” content=”В интернет-магазине «Мясо 24» вы всегда можете недорого купить свежее мясо и мясные продукты. Доставка по Москве. “/>

<h2>Свежее мясо </h2>

Для информационного сайта о мясе:

<title> Всё о мясе: свинина, говядина, телятина – рецепты, польза и вред </title>

<meta name=”description” content=”На сайте «МяснойБлог» вы всегда найдёте полезные рецепты по приготовлению разного мяса: свинины, говядины и телятины. Статьи о пользе и вреде того или иного вида мяса. “/>

<h2>Всё о мясе </h2>

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

  1. О мета-заголовке Title.
  2. О мета-описание Description.
  3. О заголовке h2.
«Какие мета-теги нужно прописывать на сайт?» – Яндекс.Кью

На сайте нужно прописывать два основных метатега – title и description (заголовок и описание). Эти теги играют важную роль в ранжировании сайта и в целом нужны именно для поисковых систем.

Title (заголовок) можно увидеть, если навести курсор на вкладку в браузере. Description и title нужны для описания содержимого страницы. Они подсказывает боту, как правильно выбрать тематику страницы.

Проанализировать мета-теги своего сайта и конкурентов можно с помощью специальных сервисов: https://otzyvmarketing.ru/best/servisy-dlya-analiza-sajtov-konkurentov/. Таким образом можно понять, как правильно прописывать метатеги на своем сайте.

Как правильно прописывать title

Заголовок обязательно должен быть на каждой странице. Его длина не должна быть больше 70 знаков без пробелов (збп). Дело в том, что title используется как заголовок в поисковой выдаче «Яндекса» и Google. Там его все равно обрезают примерно до 70 збп. В заголовок не нужно добавлять описание сайта. Важно, чтобы title был уникальным, чтобы заголовки на сайте не повторялись и не были копией части текста страницы. Сам заголовок должен начинаться с основного ключевого запроса, по которому продвигается страница. Не стоит запихивать в title все ключевые слова группы запросов, по которым продвигается страница. Достаточно добавить в заголовок самый высокочастотный запрос. Title размещается в разделе <head>. В заголовке нельзя использовать точки. Не добавляйте в заголовок более одной запятой. Попытайтесь избавиться от стоп-слов. Помните, что заголовок пишется и для людей, а не только ботов, поэтому должен быть читаемым.

Как правильно прописывать description

По большому счету, правила написания description – аналогичны правилам написания title. Длина описания не должна превышать 200 збп. Все равно в выдаче описание обрежут. Также не стоит делать описание слишком коротким. Лучше всего, чтобы описание состояло из двух предложений. В одном из них нужно разместить главный запрос, по которому продвигается страница.

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

Что такое МЕТАТЕГ (Meta tag)

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

 

Что такое МЕТАТЕГИ — значение, определение простыми словами.

 

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

 

 

Какие бывают метатеги?

 

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

 

  • <HEAD> — данный тег открывает контейнер «Заголовок»
  • <TITLE> Что такое МЕТАТЕГ </ TITLE> — этот тег отвечает за заголовок страницы, именно его вы увидите в поисковой выдаче.
  • <META name = «description» content = «Что означает термин Метатег»> — этот метатег отвечает за описание содержания страницы.
  • <META name = «keywords» content = «метатеги, что это значит, что такое»> — этот отвечает за ключевые слова, по которым люди ищут информацию.
  • </HEAD>- данный тег закрывает контейнер «Заголовок»

 

 

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

 

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

 

 

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

Получи плюсик к карме — поделись добром с друзьми:

VK

Facebook

Twitter

META Description — мета-описание страницы сайта в поиске

META-тег Description и описание страницы сайтаMETA-тег Description и описание страницы сайта

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

Сниппет и описание сайта meta description

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

Вот так description выглядит в Яндексе:

Тег meta description ЯндексТег meta description Яндекс

Описание сайта в результатах поиска в Яндексе (сниппет Яндекса)

А вот так description выглядит в Google:

Тег meta description GoogleТег meta description Google

Сниппет описания в результатах поиска в Google (сниппет Google)

Качественный, правильный description может оказать прямое влияние на CTR, что в свою очередь, может отразиться на релевантности страницы сайта. То есть, влияние meta description на позиции сайта в поиске непрямое. Правильный description приглашает людей из поиска перейти на страницу сайта. Поэтому, составление описания сайта в мета-теге description является одним из основных пунктов грамотной SEO оптимизации сайта. Несмотря на то, что обилие ключевых слов здесь не играет непосредственной роли на пути к успеху.

Синтаксис html meta description

Мета-тег description размещается в html сайта внутри тега <head>.

Пример:

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

Пример meta description:

<meta name="description" content="Агентство интернет-маркетинга и интернет-рекламы ConvertMonster: создание Landing Page, настройка контекстной рекламы, SEO-анализ, эффективный email-маркетинг." />

Что писать в meta description

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

Как правильно заполнять meta description:

  1. Точность мета-описания. Description должен соответствовать конкретной веб-странице, а не всему сайту. Он должен отражать текущее, актуальное состояние страницы.
  2. Уникальные описания. Старайтесь создавать различные описания для каждой конкретной страницы и не использовать шаблоны для description. Или, по крайней мере, заполнять description оригинальным описанием на важных, ключевых страницах сайта.
  3. Минимальная длина мета description. Мета-описание не должно быть слишком коротким, из нескольких слов.
  4. Максимальная длина meta description. Размер meta description не должен превышать 100-140 символов. На вопрос нет однозначного ответа. Существуют различные точки зрения о верхней границе длины мета тега description: средние 160 символов или от 120 до 250 знаков. Большинство людей плохо воспринимают текстовую информацию длиной более 120-140 символов (вспомним тот же Twitter).
  5. Форма meta name description. Мета-описание может быть написано как в форме одного (с точкой или без точки на конце) или нескольких предложений, так и в форме перечисления важных параметров, ценных для пользователя.
  6. Содержимое тега meta description. Мета-описание должно соответствовать языку страницы сайта, быть кратким, емким, но при этом содержательным. Необходимо коротко и ясно выразить суть содержимого страницы. Размещайте наиболее важную часть описания ближе к началу текста.
  7. Человекопонятный мета дескрипшен. Мета-описание должно быть простым, понятным без чрезмерного употребления ключевых слов/фраз, заглавных букв, рекламных слоганов, лишних символов (для «украшения») и восклицательных знаков.

Яндекс и meta description

Принцип использования тега мета description у поисковых систем схожий. Яндекс использует meta description наравне с фрагментами текста страницы для формирования сниппета. Яндекс дает ответы на некоторые вопросы в инструкции по использованию мета-описания. Почитать можно тут — использование мета-описаний Яндекс

Google и meta description

А вот как Гугл использует meta description:

Цитата:

В Google используется множество методов выбора текстовых описаний. Самым простым способом контроля содержания описаний является использование мета-тега "description" (англ. описание) для каждой страницы.

Google не стал разоряться на русскоязычную версию статьи про использование мета-описания, однако, вот ссылка на перевод статьи о том, как улучшить описание сайта в результатах поиска при помощи мета-тега description — использование мета-описаний Google

Что в итоге:

Содержимое meta description может быть использовано для формирования части описания сайта в сниппете в результатах поиска Яндекс, Google или другой поисковой системы. Description должен содержать краткое, емкое и актуальное описание страницы в виде предложений или перечисления важных параметров. Длина мета description не должна быть короче трех-четырех слов и не длиннее 140-160 символов. Не стоит превращать дескрипшн в перечисление ключевых слов.

Главная польза для SEO сайта от meta description — возможность задать привлекательное описание страницы сайта в результатах поиска. Правильный мета description может позитивно отразиться на поведенческих факторах сайта через повышение кликабельности сниппета сайта в поиске. Влияет ли meta description на релевантность сайта напрямую? Делитесь аргументами в комментариях.

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

Получайте бесплатные уроки и фишки по интернет-маркетингу

Тег | HTML справочник

HTML теги

Значение и применение

Тег <meta> обеспечивает метаданные о HTML документе. Метаданные не отображаются на странице, но интерпретируются браузерами и поисковыми системами.

Мета элементы, как правило, используются, чтобы указать описание страницы, ключевые слова, автора документа и другие метаданные. Разрешается и, как правило, необходимо использовать несколько метатегов. Тег <meta> всегда размещается внутри тега <head>. XHTML требует закрывающего тега <meta/>, в HTML элемент считается одиночным.

Подробную информацию о использовании мета тегов вы можете получить также в статье учебника HTML 5 «Метаданные в HTML».

Поддержка браузерами

Атрибуты

АтрибутЗначениеОписание
charsetcharacter_setЗадает кодировку символов для HTML документа.
contenttextЗадает значение, связанное с атрибутами name и http-equiv, в зависимости от контекста.
http-equivcontent-security-policy
content-type
default-style
refresh
Фактически эквивалентен гипертекстовому заголовку (имитация http-заголовка), формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными http-заголовками.
nameapplication-name
author
description
generator
keywords
Определяет имя документа на уровне метаданных.
schemeformat/URI (универсальный идентификатор ресурса)Не поддерживается в HTML 5.
Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content.

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

Указание кодировки документа

Тег <meta> позволяет сообщить браузеру посетителя, какой набор символов и какую кодировку необходимо установить на веб-странице. Атрибут charset (HTML тега <meta>) задает кодировку символов для HTML документа.

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8" >  <!-- задаем кодировку документа UTF-8 -->
		<title>Пример использования тега <meta></title>
	</head>
	<body>
		<h3>Это заголовок.</h3>
		<p>Это параграф.</p>
	</body>
</html>

В данном примере мы задали кодировку документа UTF-8 с использованием элемента <meta> и атрибута charset. Кодировка UTF-8 одна из общепринятых и стандартизированных кодировок текста, которая позволяет хранить символы Юникода.

Часто используемые мета-теги

Метаданные разделены на две основные группы:

  • первая группа — значения атрибута name.
  • вторая группа — значения атрибута http-equiv.

Атрибут name отвечает за текстовую информацию о странице, её авторе, содержит рекомендации для поисковых систем, а атрибут http-equiv формирует гипертекстовый заголовок страницы и определяет его обработку.

Совместно с элементом <meta> используется еще один атрибут — content, его основная задача заключается в том, чтобы задать значения, связанное с атрибутами name и http-equiv, в зависимости от контекста.

Рассмотрим часто используемые варианты использования тега <meta>:

<meta name = "description" content = "Бесплатные уроки по созданию сайтов" >

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

<meta name = "keywords" content = "HTML, CSS, JavaScript">

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

Определяет автора контента:

<meta name = "author" content = "Denis Bolshakov">

Индексация страниц

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

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

Доступные значения:

Значение атрибутаОпределение
noindex запрещает индексирование документа.
nofollow запрещает проход по ссылкам в документе.
indexразрешает индексирование документа.
followразрешает проход по ссылкам в документе.

Настройка области просмотра

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

Для того, чтобы мобильные браузеры автоматически не изменяли размер страниц сайта, необходимо в теге <head> разместить метатег, который сообщает браузеру, как обрабатывать размеры страницы и изменять ее масштаб:

<meta name = "viewport" content = "width=device-width, initial-scale = 1">
  • Атрибут name задает имя документа метаданным, значение «viewport» дает подсказку браузеру о размере начального размера области просмотра. Функция атрибута content задать значения для этого атрибута.
  • Значение width=device-width атрибута content сообщает, что ширина страницы устанавливается в соответствии с размером экрана устройства в аппаратно-независимых пикселях (device-independent pixel, dip), что позволяет странице пересчитывать положение элементов для корректного отображения на различных экранах. По аналогии допускается указать значения для высоты height=device-height.
  • Значение initial-scale=1 атрибута content сообщает браузеру, что необходимо установить соответствие 1:1 для пикселей CSS и аппаратно-независимых пикселей вне зависимости от ориентации устройства (альбомной или портретной).

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

Доступные значения:

Значение атрибутаОпределение
widthОпределяет ширину в пикселях области просмотра (значение — положительное целое число или device-width).
heightОпределяет высоту в пикселях области просмотра (значение — положительное целое число или device-height).
initial-scaleОпределяет соотношение между шириной устройства (device-width в портретном режиме или device-height в ландшафтном режиме) и размером области просмотра. Чем больше число, тем выше масштаб. Значение — положительное целое число от 0.0 до 10.0.
minimum-scaleОпределяет минимальное значение zoom (оно должно быть меньше или равно maximum-scale). Значение — положительное целое число от 0.0 до 10.0.
maximum-scaleОпределяет максимальное значение zoom (оно должно быть больше или равно minimum-scale). Значение — положительное целое число от 0.0 до 10.0.
user-scalableЛогическое значение, которое определяет, может ли пользователь увеличить масштаб веб-страницы. Значение по умолчанию yes (пользователь может увеличивать масштаб).

Отличия HTML 4.01 от HTML 5

В HTML 5 введён новый атрибут charset, атрибут scheme был удален.

Значение CSS по умолчанию

Нет.

Поддержка глобальных атрибутов

Элемент поддерживает «глобальные атрибуты».

Атрибуты событий

Элемент поддерживает «атрибуты событий».

HTML теги

Что такое метатеги и почему это важно?

Последнее обновление

Мета-теги были одним из самых основных элементов SEO. Это необходимо знать каждому практикующему SEO. Являются ли метатеги фактором рейтинга страницы Google? Это важно? Как это влияет на SEO вашего сайта?

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

Метатеги — это слова, которые скрыты в вашем коде. Люди, просматривающие ваш сайт, просто не смогут их увидеть. Это, как говорит Дэнни Салливан, «законный» способ скрытия слов на ваших веб-страницах для поисковых систем. Поисковые системы все еще читают их, чтобы иметь простое, обобщенное представление о том, что представляет собой ваш сайт и каковы именно ваши ключевые слова.

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

Метатеги расположены здесь

Вы можете использовать три важные части метатегов:

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

Текст заголовка здесь </ title></p><p> <strong> 2. Описание </strong> — метатег тега — это место, где вы хотите разместить резюме своего сайта. Именно здесь вы указываете, что представляет собой ваш сайт и что вы предлагаете людям. Это не должно быть слишком долго, потому что поисковые системы читают только определенное количество слов.</p><p><meta name = ”description” content = ”Здесь вы помещаете резюме вашего сайта” /></p><p> <strong> 3. Ключевые слова </strong> — мета тег ключевых слов, где вы размещаете все ключевые слова, которые вы используете на своем сайте.Это в основном то, где вы хотите слова, которые приведут вас к верхней части страницы SERPs быть. Ваши ключевые слова важны — даже если вы уберете все остальные слова, пользователь должен знать, о чем ваш сайт, когда он читает ваши ключевые слова.</p><p><meta name = ”ключевые слова” content = ”SEO, хакер, Google, поиск и т. Д.” /></p><p> Эти три вещи составляют ваши метатеги.</p><p> Важность мета-тегов заключается в том, что поисковые системы читают их, чтобы сравнить, относятся ли эти ключевые слова и описание к видимому контенту.Ваши ключевые слова присутствуют на вашей веб-странице? Ваше мета-описание связано с вашим контентом и нишей вашего сайта? В ваших мета-тегах есть определенный вес, который видят поисковые системы, поэтому вы не хотите делать все, чтобы ваша страница была немного выше в поисковой выдаче? Именно поэтому мета-теги важны.</p><p> <strong> Советы по хранению: </strong> Даже если метатеги не занимают много места, когда дело доходит до ранжирования страниц, их важность все еще присутствует, поскольку роботы поисковых систем проверяют свою относительность к вашему контенту и нише сайта.</p><hr/><p> <em> Эта запись является частью серии SEO Hacker School: Использование мета-тегов для SEO </em></p><p> <em> Если вы хотите, чтобы это руководство было отправлено прямо на ваш почтовый ящик, подпишитесь на </em> <em> в текстовой области ниже </em></p><p> <strong> Следующий урок: </strong> Что сканеры поисковых систем делают с вашими метатегами</p> ,<h2><span class="ez-toc-section" id="HTML"> HTML метатег </span></h2> <br/><h4><span class="ez-toc-section" id="i-28"> Пример </span></h4><p> Опишите метаданные в HTML-документе:</p><p><head> <br/><meta charset = "UTF-8"> <br/><meta name = "description" content = "Бесплатные веб-учебники"> <br/><meta name = "ключевые слова" content = "HTML, CSS, JavaScript"> <br/><meta name = "author" content = "Джон Доу"> <br/> <мета name = "viewport" content = "width = device-width, initial-scale = 1.0 "> <br/> </ HEAD></p> Попробуй сам »<p> Ниже приведены примеры «Попробуйте сами».</p><hr/><h3><span class="ez-toc-section" id="i-29"> Определение и использование </span></h3><p> Тег<meta> </code> <code> определяет метаданные о HTML документ. Метаданные - это данные (информация) о данных.</p><p> <code> теги<meta> </code> всегда идут внутри элемента<head>, и обычно используются для указания набора символов, описания страницы, ключевые слова, автор документа и настройки области просмотра.</p><p> Метаданные не будут отображаться на странице, но могут обрабатываться машиной.</p><p> Метаданные используются браузерами (как отображать контент или перезагружать страницу), поисковые системы (ключевые слова) и другие веб-сервисы.</p><p> Существует метод, позволяющий веб-дизайнерам получить контроль над окном просмотра. (видимая область пользователя веб-страницы), через тег<meta> </code> <code> (см. «Настройка»). Пример области просмотра ниже).</p><hr/><h3><span class="ez-toc-section" id="i-30"> Поддержка браузера </span></h3><table><tr><th> Элемент</th><th title="Chrome"/><th title="Internet Explorer / Edge"/><th title="Firefox"/><th title="Safari"/><th title="Opera"/></tr><tr><td> <мета></td><td> да</td><td> да</td><td> да</td><td> да</td><td> да</td></tr></table><hr/><h3><span class="ez-toc-section" id="i-31"> Атрибуты </span></h3><table><tr><th> Атрибут</th><th> Значение</th><th> Описание</th></tr><tr><td> кодировка</td><td> <i> набор символов </i></td><td> Указывает кодировку символов для документа HTML</td>.</tr><tr><td> содержание</td><td> <i> текст </i></td><td> Указывает значение, связанное с атрибутом http-эквивалент или имени</td>.</tr><tr><td> http-эквивалент</td><td> политика безопасности контента <br/> тип контента <br/> обновление по умолчанию в стиле <br/></td><td> Предоставляет заголовок HTTP для информации / значения атрибута содержимого</td></tr><tr><td> имя</td><td> имя приложения <br/> автор <br/> описание <br/> генератор <i> <br/> </i> ключевые слова <br/> область просмотра</td><td> Указывает имя для метаданных</td></tr></table><hr/><h3><span class="ez-toc-section" id="i-32"> Глобальные атрибуты </span></h3><p> Тег<meta> </code> <code> также поддерживает глобальные атрибуты в HTML.</p><hr/><hr/><h3><span class="ez-toc-section" id="i-33"> Дополнительные примеры </span></h3><p> <b> Определите ключевые слова для поисковых систем: </b></p><p><meta name = "Keywords" content = "HTML, CSS, JavaScript"></p><p> <b> Определите описание вашей веб-страницы: </b></p><p><meta name = "description" content = "Бесплатные веб-учебники для HTML и CSS "></p><p> <b> Определите автора страницы: </b></p><p><meta name = "author" content = "Джон Доу"></p><p> <b> Обновлять документ каждые 30 секунд: </b></p><p><meta http-equ = "refresh" content = "30"></p><p> <b> Настройка области просмотра, чтобы ваш сайт выглядел хорошо на всех устройствах: </b></p><p><meta name = "viewport" content = "width = device-width, initial-scale = 1.0" ></p><hr/><h3><span class="ez-toc-section" id="i-34"> Настройка области просмотра </span></h3><p> Окно просмотра - это видимая область пользователя веб-страницы. Это зависит от устройства - на мобильном телефоне он будет меньше, чем на экране компьютера.</p><p> Вы должны включить следующий элемент <code><meta> </code> на все свои веб-страницы:</p><p><meta name = "viewport" content = "width = device-width, initial-scale = 1.0"></p><p> Это дает браузеру инструкции о том, как контролировать размеры страницы и масштабирование.</p><p> Ширина <code> = ширина устройства </code> устанавливает ширину страницы, которая будет соответствовать ширине экрана устройства (которая зависит от устройства).</p><p> Начальная шкала <code> = 1,0 </code> устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.</p><p> Вот пример веб-страницы <em> без </em> метатега области просмотра и той же веб-страницы <em> с </em> метатегом области просмотра:</p><p> <strong> Подсказка: </strong> Если вы просматриваете эту страницу с помощью телефона или планшета, вы можете нажать на две ссылки ниже, чтобы увидеть разницу.</p><p> Подробнее о области просмотра можно прочитать в нашем отзывчивом веб-дизайне - Учебник по области просмотра.</p><hr/><h3><span class="ez-toc-section" id="i-35"> Связанные страницы </span></h3><p> Учебник по HTML: HTML Head</p><p> HTML DOM ссылка: Метаобъект</p><hr/><h3><span class="ez-toc-section" id="_CSS-2"> Настройки CSS по умолчанию </span></h3><p> Нет.</p> <br/> ,<h2><span class="ez-toc-section" id="i-36"> Что такое метатег? </span></h2><p> Обновлено: 13.05.2009 от Computer Hope</p><p> В HTML мета-теги <b>, метаэлементы </b> или <b>, мета-элементы </b> - это теги, размещенные в разделе заголовка вашего кода, которые помогают определить содержимое веб-страницы. Например, метатег описания используется поисковыми системами Интернета для отображения описания вашей страницы в их результатах поиска. Каждый метаэлемент должен содержать открывающий и закрывающий тег<meta> </b> <b>. В разделах ниже перечислены и описаны различные типы метатегов.</p> Заметка<p> На сегодняшний день наиболее важными мета-тегами для веб-разработчиков являются те, что предназначены для <i> Content-Type </i> и <i> Description </i>.</p><h3><span class="ez-toc-section" id="i-37"> метатег типа контента </span></h3><pre> <meta content = "text / html; charset = utf-8" http-эквивалента = "Content-Type"> </pre><p> Определяет тип содержимого и кодировку веб-страницы, как определяет, как показать страницу.</p> Наконечник<p> Хотя кодировка может быть указана в метатеге, если у вас есть доступ к файлу .htaccess, вы должны определить его там.Таким образом, это не должно быть указано на каждой веб-странице.</p><h3><span class="ez-toc-section" id="i-38"> мета-тег без кэширования </span></h3><pre> <meta http-equ = "cache-control" content = "no-cache"> </pre><p> Позволяет интернет-браузеру знать, что он не должен кэшировать страницу. Использование этого тега обеспечивает отображение последней информации для посетителя. Рекомендуется использовать этот тег только на странице, которая часто обновляется, поскольку увеличивает время загрузки.</p><h3><span class="ez-toc-section" id="i-39"> метатег аудитории </span></h3><pre> <meta name = "аудитория" содержание = "все"> </pre><p> Используется с программным обеспечением для родительского контроля и роботами для контроля возраста зрителей, которые могут посетить страницу.Этот метатег не так важен, но может быть полезен для любых страниц, связанных с взрослыми.</p><h3><span class="ez-toc-section" id="i-40"> Автор метатега </span></h3><pre> <meta name = "author" content = "www.computerhope.com"> </pre><p> Описание автора страницы.</p><h3><span class="ez-toc-section" id="i-41"> метатег контента-языка </span></h3><pre> <meta name = "Content-Language" content = "english"> </pre><p> Язык, на котором написана страница, в данном случае английский. Сегодня этот тег можно пропустить, если вы классифицируете язык по тегу HTML. Например,<html lang = "en"> в начале вашей страницы.</p><h3><span class="ez-toc-section" id="i-42"> Описание мета тега </span></h3><pre> <meta name = "description" content = "Помощь с ВСЕМИ вопросами о вашем компьютере"> </pre><p> Метатег описания описывает, какой тип информации содержит веб-страница. Метатег описания - это самые важные теги, эта строка - одна из многих вещей, которые поисковая система использует для ранжирования вашей страницы в результатах поиска. Длина описания должна быть от 150 до 160 символов.</p><h3><span class="ez-toc-section" id="i-43"> метатег генератора </span></h3><pre> <meta name = "GENERATOR" content = "Microsoft FrontPage 4.0 "> </pre><p> Программное обеспечение, используемое для создания веб-страницы.</p><h3><span class="ez-toc-section" id="i-44"> Ключевые слова метатег </span></h3><pre> <meta name = "ключевые слова" content = "компьютер, техническая, бесплатная, помощь, поддержка"> </pre><p> Ключевые слова, разделенные запятыми, которые помогают описать, что содержит страница. Из-за злоупотреблений многие поисковые системы, включая Google, больше не смотрят ключевые слова. Многие сайты, включая Computer Hope, больше не содержат метатег ключевых слов на своих страницах.</p><h3><span class="ez-toc-section" id="i-45"> Метатег страницы-темы </span></h3><pre> <meta name = "page-topic" content = "Бесплатная компьютерная помощь"> </pre><p> Тема страницы, используемая некоторыми поисковыми системами.Не всем страницам это нужно.</p><h3><span class="ez-toc-section" id="i-46"> метатег типа страницы </span></h3><pre> <meta name = "page-type" content = "Техническая поддержка"> </pre><p> Тип страницы, используемый некоторыми поисковыми системами. Не всем страницам это нужно.</p><h3><span class="ez-toc-section" id="_ProgID"> метатег ProgID </span></h3><pre> <meta name = "ProgId" content = "FrontPage.Editor.Document"> </pre><p> Программа, используемая для редактирования файла. Похоже на генератор.</p><h3><span class="ez-toc-section" id="i-47"> метатег издателя </span></h3><pre> <meta name = "publisher" content = "Computer Hope"> </pre><p> Издатель веб-страницы.</p><h3><span class="ez-toc-section" id="i-48"> Пересмотр метатега </span></h3><pre> <meta name = "revisit-after" content = "15 days"> </pre><p> Позволяет веб-роботам знать, как часто индексировать страницу. Рекомендуется использовать файл robots.txt вместо метатегов для управления веб-роботами.</p><h3><span class="ez-toc-section" id="i-49"> метатег роботов </span></h3><pre> <meta name = "ROBOTS" content = "Index, ALL"> </pre><p> Эта строка позволяет любым веб-роботам знать, какие страницы индексировать. Рекомендуется использовать файл robots.txt вместо метатегов для управления веб-роботами.</p><pre> <meta name = "ROBOTS" content = "Index, FOLLOW"> </pre><p> Уведомление веб-роботов о том, что нужно предпринять на странице, в этом случае перейдите по всем ссылкам на странице.</p><p> Слово "метатег" должно состоять из двух слов, разделенных пробелом, и не записываться как одно слово или дефис.</p><p> Браузер, HTML, HTML-термины, интернет-термины, Open Graph, программные термины, Robots.txt, Tag</p> ,<h2><span class="ez-toc-section" id="_-_Google_SEO"> метатегов - как метатеги Google влияют на SEO </span></h2><h3><span class="ez-toc-section" id="i-50"> Определение метатега: что такое метатеги? </span></h3><p> <strong> Метатеги </strong> - это фрагменты текста, которые описывают содержание страницы; метатеги не появляются на самой странице, а только в исходном коде страницы. Мета-теги - это, по сути, небольшие дескрипторы контента, которые помогают поисковым системам рассказать о веб-странице.</p><p> Единственное различие между тегами, которые вы можете видеть (скажем, в посте), и тегами, которые вы не видите, это местоположение: мета-теги существуют только в HTML, обычно в «заголовке» страницы, и поэтому видны только для поиска. двигатели (и люди которые знают где искать).«Мета» означает «метаданные», то есть тип данных, которые предоставляют эти теги - данные <em> о </em> данных на вашей странице.</p><h3><span class="ez-toc-section" id="_SEO"> ли метатеги помогают SEO? </span></h3><p> Да, но не все и не всегда. Одна из целей этой страницы - объяснить, какие метатеги могут потенциально помочь вашему ранжированию в SEO, а какие в основном перестали использоваться. (См. <strong> «Знай свои метатеги» </strong> ниже).</p><p> Если вы хотите узнать, использует ли данная страница метатеги, просто щелкните правой кнопкой мыши в любом месте страницы и выберите «Просмотр источника страницы.</p><p> В Chrome откроется новая вкладка (в Firefox это будет всплывающее окно). Часть в верхней части, или «заголовок» страницы, - это место, где будут находиться метатеги.</p><p> Метатеги в HTML будут выглядеть примерно так:</p><h3><span class="ez-toc-section" id="i-51"> Знай свои мета-теги </span></h3><p> Существует четыре основных типа метатегов, о которых стоит знать, и мы поговорим о них здесь. Некоторые не так полезны, как раньше. Другие стоит использовать регулярно и, скорее всего, увеличит ваш трафик, сообщив Google, кто вы и что вы предоставляете.(Существует более четырех видов мета-тегов, но некоторые менее распространены или не имеют отношения к веб-маркетингу).</p><p> Здесь мы обсудим четыре типа:</p><ul><li> Атрибут мета-ключевых слов <strong> </strong> - серия ключевых слов, которые, по вашему мнению, имеют отношение к рассматриваемой странице.</li><li> <strong> Заголовок тега </strong> - это текст, который вы увидите в верхней части браузера. Поисковые системы рассматривают этот текст как «заголовок» вашей страницы.</li><li> <strong> Meta Description Attribute </strong> - Краткое описание страницы.</li><li> Атрибут мета-роботов <strong> </strong> - Указание сканерам поисковых систем (роботам или "ботам") о том, что они должны делать со страницей.</li></ul><h3><span class="ez-toc-section" id="Meta"> Meta Ключевые слова Атрибут </span></h3><p> Мета Ключевые слова являются примером метатега, который не имеет смысла использовать в наши дни. Несколько лет назад мета-теги ключевых слов, возможно, были полезны, но не больше.</p><p> Вспомни еще раз в детском саду, и когда твой учитель строго посмотрел на тебя и сказал: «Если ты не сможешь перестать использовать эти карандаши, пока я разговариваю, я заберу их у тебя», а вы не слушали и, к твоему шоку, их действительно забрали? Это то, что Google сделал с мета-ключевыми словами.</p><p> лет назад маркетологи, стремящиеся к просмотрам страниц, вставляли в свой код ключевые слова, совершенно не связанные с их страницами, в попытке пиратского трафика с более популярных страниц, тех, которые на самом деле <em> были </em> о Линдсей Лохан, или тех, кто тогда был в тренде. Это было известно как «заполнение ключевыми словами». Google в конце концов понял это и решил в конце концов обесценить инструмент. В наши дни Google вообще не использует мета-ключевые слова в своем алгоритме ранжирования, потому что ими слишком легко злоупотреблять.</p><h3><span class="ez-toc-section" id="i-52"> Заголовок тега </span></h3><p> Теги заголовка, с другой стороны, являются наиболее важными из всех обсуждаемых здесь метатегов. Эти теги оказывают реальное влияние на рейтинги поиска и, что не менее важно, являются единственными тегами, которые мы обсудим здесь, которые видны обычному пользователю. Вы найдете их в верхней части браузера (для обычных страниц поиска или для целевых страниц PPC):</p><p> Это особенно полезно, если вы хотите дать странице один основной заголовок для пользователя, но хотите уточнить или упростить эту информацию для целей SEO и для пользователя, который перетасовывает несколько вкладок на своем рабочем столе.</p><h3><span class="ez-toc-section" id="Meta-2"> Meta Описание Атрибут <strong> </strong> </span></h3><p> Мета-описание - это полезный метатег, поскольку он очень просто объясняет поисковым системам и (иногда) самим поисковикам, о чем ваша страница. Допустим, вы гуглили фразу «мета ключевые слова», например. Вы можете столкнуться со следующими результатами:</p><p> Важно отметить, что мета-тег описания не всегда отображается в результатах поиска Google (Google часто выбирает фрагмент текста с самой страницы), но он полезен и другими способами.Google также заявил, что ключевые слова в метаописаниях не влияют на ваш рейтинг. Тем не менее, убедительный мета-тег описания может побудить поисковиков переходить от SERP к вашему сайту, особенно если описание включает ключевые слова, которые они искали. А высокий рейтинг кликов в поисковой выдаче может косвенно улучшить ваш рейтинг.</p><p> Причины Google несколько загадочны, но их действия говорят громко: ключевые слова мета не имеют большого значения, но метаописания наверняка имеют значение.</p> Атрибут<h3><span class="ez-toc-section" id="i-53"> мета-роботов </span></h3><p> С этим атрибутом вы указываете поисковым системам, что делать с вашими страницами:</p><ul><li> <strong> index / noindex </strong> - Это говорит двигателям, показывать ли вашу страницу в результатах поиска или нет.</li><li> <strong> follow / nofollow </strong> - Это говорит движкам, что делать со ссылками на ваших страницах: должны ли они доверять и «переходить» по вашим ссылкам на следующую страницу или нет.</li></ul><h3><span class="ez-toc-section" id="i-54"> Так что же дальше? </span></h3><p> Мы говорили о том, как метатеги могут оказать реальное влияние на маркетинг в поисковых системах.В итоге:</p><ul><li> Один только тег заголовка может повлиять на ваш рейтинг в поисковых системах.</li><li> Описательные теги могут побудить пользователей посетить ваш сайт.</li><li> Мета-описание может служить «органическим текстом объявления».</li><li> мета ключевые слова устарели в большинстве поисковых систем.</li></ul><h3><span class="ez-toc-section" id="_-_SEO"> Использование мета-тегов для SEO и поискового маркетинга </span></h3><p> Метатеги не сложно реализовать самостоятельно - вам действительно не нужен программист, просто некоторый опыт работы с HTML.WordStream может помочь вам найти наиболее эффективные ключевые слова для использования в метатегах вашего сайта - попробуйте наш бесплатный инструмент подсказки ключевых слов.</p> ,<div class='yarpp-related yarpp-related-none'><p>No related posts.</p></div></div></div><div class="single-meta"><footer class="entry-footer"> #<a href="https://gnomesmonetized.ru/category/raznoe-2" rel="category tag">Разное</a></footer></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://gnomesmonetized.ru/raznoe-2/kartinka-primer-kartinki-d0-bc-d0-b0-d1-82-d0-b5-d0-bc-d0-b0-d1-82-d0-b8-d1-87-d0-b5-d1-81-d0-ba-d0-b8-d0-b9-d0-bf-d1-80-d0-b8-d0-bc-d0-b5-d1-80-stokovye-fotografii-i-royalti-fri-izobrazheniya-d0-bc.html" rel="prev"><span class="screen-reader-text">Предыдущая запись:</span> <span class="post-title">Картинка пример: Картинки d0 bc d0 b0 d1 82 d0 b5 d0 bc d0 b0 d1 82 d0 b8 d1 87 d0 b5 d1 81 d0 ba d0 b8 d0 b9 d0 bf d1 80 d0 b8 d0 bc d0 b5 d1 80, Стоковые Фотографии и Роялти-Фри Изображения d0 bc d0 b0 d1 82 d0 b5 d0 bc d0 b0 d1 82 d0 b8 d1 87 d0 b5 d1 81 d0 ba d0 b8 d0 b9 d0 bf d1 80 d0 b8 d0 bc d0 b5 d1 80</span></a></div><div class="nav-next"><a href="https://gnomesmonetized.ru/raznoe-2/cveta-i-nazvanie-nazvaniya-cvetov-ot-abrikosa-do-yantarya-colorscheme-ru.html" rel="next"><span class="screen-reader-text">Следующая запись:</span> <span class="post-title">Цвета и название – Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru</span></a></div></div></nav><div id="comments" class="comments-area"><div class="comments-wrapper"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe-2/chto-takoe-metateg-meta-tegi-glavnye-metategi-seo-2020-kak-nastroit-pravilno.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://gnomesmonetized.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='5458' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></div></main></div><aside id="secondary" class="widget-area" role="complementary"><div class="theiaStickySidebar"><div id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://gnomesmonetized.ru/"> <label> <span class="screen-reader-text">Найти:</span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Поиск" /></form></div><div id="nav_menu-2" class="widget widget_nav_menu"><h5 class="widget-title center-widget-title">Рубрики</h5><div class="menu-1-container"><ul id="menu-1" class="menu"><li id="menu-item-5380" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5380"><a href="https://gnomesmonetized.ru/category/bez-vlozhenij">Без вложений</a></li><li id="menu-item-5381" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5381"><a href="https://gnomesmonetized.ru/category/raznoe">Бизнес развитие</a></li><li id="menu-item-5382" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5382"><a href="https://gnomesmonetized.ru/category/bystro">Быстрый заработок</a></li><li id="menu-item-5383" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5383"><a href="https://gnomesmonetized.ru/category/zarabot">Где заработать</a></li><li id="menu-item-5384" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5384"><a href="https://gnomesmonetized.ru/category/zarabot-3">Заработок</a></li><li id="menu-item-5385" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5385"><a href="https://gnomesmonetized.ru/category/shkolniku">Заработок школьнику</a></li><li id="menu-item-5386" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5386"><a href="https://gnomesmonetized.ru/category/na-sajtax">На сайтах</a></li><li id="menu-item-5387" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5387"><a href="https://gnomesmonetized.ru/category/proverennye">Проверенные схемы</a></li><li id="menu-item-5389" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5389"><a href="https://gnomesmonetized.ru/category/sposoby">Способы заработка</a></li><li id="menu-item-5390" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5390"><a href="https://gnomesmonetized.ru/category/frilans">Фриланс</a></li><li id="menu-item-5388" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-5388"><a href="https://gnomesmonetized.ru/category/raznoe-2">Разное</a></li></ul></div></div></div></aside></div><footer id="colophon" class="site-footer" role="contentinfo"><div class="copyright-area"><div class="wrapper"><div class="col-row"><div class="col col-full"><div class="site-info"><div class="footer_image"></div><h4 class="site-copyright"> 2019 © Все права защищены.</h4><div class="col col-full site-copyright"> <a href="/sitemap.xml" class="c_sitemap">Карта сайта</a></div></div></div></div></div></div></footer></div><div class="scroll-up alt-bgcolor"> <i class="ion-ios-arrow-up text-light"></i></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://gnomesmonetized.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <script type="text/javascript" id="jumla-script-js-extra">var jumlaVal={"nonce":"7113a72760","ajaxurl":"https:\/\/gnomesmonetized.ru\/wp-admin\/admin-ajax.php"};</script> <!-- noptimize --> <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> <!-- /noptimize --> <script defer src="https://gnomesmonetized.ru/wp-content/cache/autoptimize/js/autoptimize_9c96074905f6c74a49c7fc1bfa0f6534.js"></script></body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="f8b773bf644ef8e8e411f765-|49" defer></script>