Мета теги html — что это такое

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

Подписаться

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

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

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

Поисковые системы, такие как 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, находящиеся в контейнере и предназначены для передачи информации о сайте браузерам и поисковикам. Например, при обходе вашего ресурса, поисковые роботы собирают заголовки страниц, описание сайта, ключевые слова, данные об авторе и прочую информацию содержащуюся в тегах . Перед тем, как показать страницу сайта пользователя, то же самое делает и браузер, чтобы понять, в каком виде должен показываться сайт для ПК или для смартфона.

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

Виды мета-тегов:

• title (заголовки страниц);
• description (краткое описание страницы);
• keywords (ключевые слова);
• технические мета теги (отвечают за корректность отображения страницы).

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

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

Title

Мета тег

Description

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

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

Примеры:

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

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

Keywords

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП.

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

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

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

• 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 под SEO

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

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

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

• (простое перечисление ключевых слов)
• (вначале должны быть самые главные ключевые слова)
• (слишком короткий Title)
• (слова, по которым не будет продвигаться сайт)

Мета-тег Description

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

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

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

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

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

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

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

• (короткий, мало ключевых слов)
• (сгенерирован автоматически или просто вырезано начало контента на странице) .
• (перечисление ключевых слов через запятую, неестественное мета-описание) .

Мета-тег Keywords

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

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

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

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

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

С точки зрения 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=”детские игрушки, куклы от производителя в Москве, велосипеды ”]

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