Что такое метатеги простым языком. Настройка Meta-тегов и ключевых слов

Что такое "Мета теги"?

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

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

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

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

Какие мета теги учитываются поисковыми системами?

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

Мета-тегов очень много, но не все они востребованы. Мета-теги находятся в HTML-коде внутри тега HEAD. Бывают два основных вида таких тегов:
1. Мета-теги вида NAME описывают конкретную страницу, они указывают адрес создателя, информацию о нем и так далее. Для поисковиков важным является краткое описание страницы, основные ключевые слова. К этому виду относятся: Title, Description, Keywords, Author, Generator, Robots, Copyright, Subject, Resource-type,Revisit, URL и так далее.
2. Мета-теги вида HTTP-EQUIV участвуют в формировании и создании заголовка для веб-странцы, несут информацию о режимах обработки страницы. Content-Language,Window-Target, Expires, Content-Type, Refresh и так далее.

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

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

Description является кратким описанием конкретной веб-странцы. Важно, чтобы для каждой страницы сайта был свой мета-тег. Такое описание обычно принимают во внимание абсолютно все поисковые системы, отображая сайты в своей поисковой выдаче.

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

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

Мета-теги являются HTML тегами, они указывают поисковым системам краткое описание содержания документа. Особого внимания заслуживают метатеги Title и Description.

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

Но зачастую бывает, что сниппет для страницы формируется и из текста, который расположен в мета-теге description. Поэтому важно правильно его заполнить и обратить на него свое пристальное внимание. А заполняется он таким образом:
[META name=”description” content=” Детские игрушки, куклы и пупсы отечественного производителя, вы сможете выбрать недорогие игрушки..” ]

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

Keywords тоже располагается внутри тега head в HTML-документах. Прописывают мета-теги этого вида таким образом:
[META name=”keywords” content=”детские игрушки, куклы от производителя в Москве, велосипеды ”]

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

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

Что такое метатеги простым языком?

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

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

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

Перечислим основные метатеги для поисковых систем:

1. title;
2. description;
3. robots.

Метатег robots

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

• - запрещает индексирование страницы;
• NOFOLLOW - запрещает проход по ссылкам, имеющимся на странице;
• INDEX - разрешает индексирование страницы;
• FOLLOW - разрешает проход по ссылкам;
• ALL - равносильно INDEX, FOLLOW;
• NONE - равносильно NOINDEX, NOFOLLOW.

Метатег keywords

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

Заявление Google об использовании метатегов:

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

Что такое title страницы на самом деле

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

Для чего нужен Title?

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

Какая должна быть длина title?

Для Яндекса - 80 символов, 15 слов.

Для Google - 70 символов, 12 слов.

Что должно быть в title?

Title неприменно должен содержать в себе ключевые слова, тоесть запросы по которым вы хотите видеть себя в ТОП-е.

Приведем пример тайтл:

Основные ключевые запросы:

бахилы цена
бахилы оптом
купить бахилы

Купить бахилы оптом по цене от 60 рублей в компании Камень.

у вас возникнут вопросы по подобию:

• Как правильно составить тайтл?
• Можно ли в title ставить цену?
• и тд.

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

Description сайта: что это такое

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

Как переводиться description?

В нашем случае это слово будет переводиться как описание.

Как писать description что должно быть в description?

• Рекомендуемая длина -150-200 символов. Именно такой объем помещается под ссылкой на страницу в поисковой выдаче. Конечно, можно написать и побольше, но в таком случае описание будет выглядеть незавершенным.
• Также дескрипшн должен содержать ключевые фразы, по которым продвигается оптимизируемая страница. Самые частотные ключи следует расположить в начале. Важно: употребляйте не больше 3-х ключевых фраз и не повторяйте одно и то же слово больше 5 раз.
• Тег description должен быть уникальным, т.е отличным от title и от описаний других страниц сайта. Также не советуем копировать какие-либо части текста со страницы (даже особо удачные) и вставлять их в мета-тег.
• Самое главное при написании дискрипшена - точность. Вы должны лаконичино и емко описать содержание страницы и сделать ее привлекательной для пользователя (для чего, собственно, нужен description).

Как посмотреть description страницы?

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

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

• откройте страницу в удобном для вас редакторе;
• найдите тег и вставьте после него следующие строки:
  
  

HTML теги

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

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

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

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

Тег			Opera		IExplorer	Edge
	Да	Да	Да	Да	Да	Да

Атрибуты

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

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

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

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

charset = "utf-8" >

Это заголовок.

Это параграф.

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

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

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

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

Давайте согласимся иметь разногласия.
Роберт Льюис Стивенсон.

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

К ак я уже говорил в , мета-теги располагаются в заголовке html-страницы, между тегами и, и никак не отображаются браузером (за исключением содержимого тега «title»). Тем не менее, мета-теги для сайта играют очень важную роль. Их добавление и оптимизация могут существенно помочь сайту в его жизни.

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

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

С одержимое этого же мета-тега отображается и в заголовке окна :

В HTML мета-тег «title» добавляется следующим образом:

Содержимое мета-тега «title»

Основное содержимое страницы

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

§ 2. Мета-тег «keywords» (ключевые слова)

С начала вкратце о том, а что, собственно, такое эти самые «ключевые слова».

Т е слова, которые наиболее полно характеризуют содержимое html-страницы и будут для нее ключевыми. Это могут быть как отдельные слова, так и словосочетания, но они обязательно должны встречаться в тексте на странице. По ним поисковики определяют релевантность страницы тому или иному запросу.

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

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

Ч тобы облегчить работу поисковым системам, используется мета-тег «keywords». В нём вебмастер прописывает ключевые слова для страницы. HTML-код мета-тега «keywords» выглядит следующим образом:

Перечень ключевых слов">
Содержимое мета-тега «title»

Основное содержимое страницы

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

§ 3. Мета-тег «description» (описание страницы)

С ледующим важным мета-тегом является тег «description», в котором должно содержаться краткое описание страницы. Именно «краткое» и именно «описание страницы». Достаточно добавить одно-два небольших предложения, в которых указать о чём и для кого эта страница.

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

Е сли поисковикам не нравится то, как заполнен мета-тег «description», то сниппет формируется из кусочков фраз (надёрганных со всей страницы), которые релевантны запросу.

Т аким образом, правильный мета-тег «description» обязательно содержит ключевое слово (фразу) и коротко и точно описывает то, о чём и для кого страница. «Description» вместе с «title» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из поисковой выдачи на сайт или нет! Поэтому его, как и «title», нужно прописывать для каждой страницы!

H TML-код для создания мета-тега «description» будет следующим:

Содержимое мета-тега «description»">
Содержимое мета-тега «title»

Основное содержимое страницы

Т еперь перейдём к описанию основных технических мета-тегов из группы «HTTP-EQUIV» (HTTP-эквиваленты).

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

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

• content-type - тип документа и его кодировка. Этот мета-тег нужен для правильного отображения символов браузером.
  Кодировок существует много. Большинство из них тебе даже никогда не встретится. Не говоря уже про то, что ты будешь их использовать сам. Современные браузеры определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в операционной системе Windows, языком которой является русский, то кодировка будет «windows-1251», а код для вставки мета-тега такой:

  Содержимое мета-тега «title»

  Основное содержимое страницы
  

• content-language - указание языка документа. Значение этого необязательного мета-тега используется как поисковыми роботами, так и web-серверами. Код для вставки:

  Содержимое мета-тега «title»

  Основное содержимое страницы
  

• refresh - время (в секундах), через которое произойдет автоматическая перезагрузка документа или переход на другую html-страницу с заданным адресом (url). Например, чтобы производить атоматическую перезагрузку документа каждые 30 секунд, нужно вставить этот мета-тег так:

  Содержимое мета-тега «title»

  Основное содержимое страницы
  

  А, чтобы, спустя 5 секунд, перейти на страницу по адресу http://www.сайт/, нужно записать так:

  Содержимое мета-тега «title»

  Основное содержимое страницы
  

• robots - мета-тег, который отвечает за настройки индексирования страницы. У мета-тега «robots» могут быть следующие значения:
  • index - страница индексируется;
  • noindex - страница не индексируется;
  • follow - гиперссылки на странице учитываются;
  • nofollow - гиперссылки на странице не учитываются
  • all - заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);
  • none - заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.

  Код для вставки мета-тега «robots»:

  Содержимое мета-тега «title»

  Основное содержимое страницы
  

author и copyright - мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки:

Содержимое мета-тега «title»

Основное содержимое страницы

§ 5. Заключение

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

Заголовок страницы

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

Н а этом раздел моего сайта окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из личного опыта по оптимизации страниц сайта. Жми на «Дальше».

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

Сначала давайте разберём то, как вставляются мета-теги для поисковых систем в HTML . Как и все мета-теги, они вставляются внутри тега <head > следующим образом:

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

• description - этот мета-тег содержит описание страницы. Фактически, в данном мета-теге необходимо кратко сформулировать, что на данной странице находится. Вопреки заблуждению большинства, данный мета-тег влияет на выдачу в поисковых системах, поэтому вставляйте его на каждой странице.
• keywords - мета-тег, содержащий ключевые слова для данной страницы. Здесь можно использовать набор различных слов, которые чаще всего у Вас встречаются на данной странице. Так же как и "description ", "keywords " должен быть указан на каждой странице.
• robots - этот мета-тег используется, если нужно запретить индексацию страницы поисковыми система. Это бывает очень полезно и очень часто используется. О возможных значениях этого мета-тега мы поговорим чуть ниже.

Теперь давайте приведу пример использования мета-тегов для поисковых систем в HTML :

Здесь всё прозрачно, поэтому остановлюсь только на мета-теге "robots ". Здесь существует 4 значения:

• index,follow - это значение означает, что данную страницу нужно проиндексировать, а также пройтись по всем ссылкам на данной странице.
• noindex,follow - это значение сообщает поисковому роботу, что страницу индексировать не надо, а вот пройтись по ссылкам на этой странице стоит.
• index,nofollow - индексировать страницу нужно, но по ссылкам на ней не переходить.
• noindex,nofollow - это значение сообщает роботу, что ни индексировать страницу, ни переходить по ссылкам на этой странице нельзя.

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