Что такое мета теги, как правильно заполнить и проверить: примеры из практики. Мета теги title, description и keywords мешают продвижению Что такое метатеги

Мета тег Resource-type — описывает состояние данного документа. Если его значение отлично от “Document”, то поисковые системы не будут его индексировать.

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

Некоторые возможные значения:

Build
Classification
Creation
Document — Принимается по умолчанию.
Formatter
Host
Operator
Random text
Rating
Site-languages
Subject
Template
Version

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

Пример (приходить раз в неделю):

Мета тег Robots — содержит указания для роботов поисковых машин, собирающих информацию о HTML документах в сети.

Значение свойства Robots может состоять из следующих директив, разделенных запятыми:

Index — эта страница должна быть индексирована.

Noindex — эта страница не должна индексироваться.

All — = index, follow (принято по умолчанию).

None — = noindex, nofollow.

Тег ничего не меняет в работе робота поисковой машины, так как значение "all" принято по умолчанию.

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

При использовании тега, запрещающего отслеживание гиперссылок

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

Мета тег Robots имеет приоритет над директивами управления, заданными в файле robots.txt.

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

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

Мета тег Content-Language — это указание языка документа. Используется поисковыми машинами при индексировании. Хотя большинство из них умеют различать язык по тексту.

Некоторые возможные значения (стандарт , ): de, el, en, en-GB, en-US, en-cockney, es, fr, it, i-navajo, ja, he, nl, ru, pt.

В спецификации HTML 4.0 есть альтернативная возможность явного указания языка —

Meta тег Content-Script-Type — Определение языка программирования сценариев.

Некоторые из возможных значений: text/javascript, text/perlscript, text/tcl, text/vbscript.

Если тег Content-Script-Type не используется, то тип языка программирования сценариев, отличный от принятого по умолчанию, должен быть указан непосредственно в каждом теге , пример

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

Мета тег Content-Style-Type — указавает язык таблицы стилей, значение "text/css" принимается по умолчанию, если оно вас устраивает и вы не используете в этом документе теги и , то использовать этот тег необязательно. Пример:

Броузеры определяют язык таблиц стилей по следующему алгоритму:

Если в объявлении МЕТА задается язык таблиц стилей, то определяет последнее объявление в потоке символов.

Если язык таблиц стилей задается в объявлении STILE, язык таблиц стилей определяет последний заголовок в потоке символов.

Если язык таблиц стилей не задан, по умолчанию используется язык "text/css".

Мета тег Content-Type — Отвечает за указание типа документа и кодировки символов.

Использовать мета тег Content-Type надо только с учетом некоторых нюансов.

Во — первых, кодировка символов текста должна соответствовать кодировке, указанной в теге.
Во — вторых, сервер не должен менять кодировку текста при обработке запроса броузера.
В — третьих, если сервер меняет кодировку текста, он должен скорректировать или удалить мета тег Content-Type.

Несоблюдение этих требований может привести к следующему: web-сервер автоматически определит кодировку запроса клиента и отдаст страничку web-броузеру перекодированной. Броузер, в свою очередь, будет читать документ в соответствии с мета тегом Content-Type. И если кодировки не совпадут, то прочитать документ можно будет только после ряда замысловатых манипуляций. Особенно это характерно для старых броузеров IE 3.x — 4.x и Netscape 4.x.

Внимание! Мета тег Content-Type очень часто вставляется генераторами HTML кода.

Некоторые из возможных типов кодировки (стандарт ): Windows-1251, KOI8-r, ISO-8859-1.

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

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

Дата должна указываться в стандарте .

Мета тег PICS-Label — (Platform-Independent Content rating Scheme Label)) определяет уровень доступности сайта (sex, violence), но может использоваться и в других целях.

Pragma — Контроль кэширования. При значении “no-cache” кэширование данного не рекомендовано. Предназначен для документов, получаемых в результате работы скрипта. Пример:

Мета тег Refresh — определение задержки времени в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа. Пример:

Если нужно просто обновить документ, то URL указывать не обязательно.

Set-Cookie — Настройка cookie броузера.

Атрибуты EXPIRES, DOMAIN, PATH и SECURE при необходимости можно опустить.

NAME — Имя cookie, не может содержать символы перевода строки, пробелов, точки с запятой (;) и табуляции.

EXPIRES — Время хранения cookie. После указанной даты (в формате "Wdy, DD-Mon-YYYY HH:MM:SS GMT") истекает время хранения cookie.

DOMAIN — Домен, для которого задается значение cookie. Для доменов COM, EDU, NET, ORG, GOV, MIL, INT значение можно задавать сокращенно "MY.COM", оно будет распространяться и на домен "WWW.MY.COM". Для всех остальных (в том числе и RU) значение надо задавать полностью "WWW.MY.RU".

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

Часто используются meta-теги: author , description , keywords , viewport , charset .

Мета теги находятся в области HTML документа (). Вставить или, как говорят, прописать мета теги можно в любом порядке и количестве.

Использовать meta теги не обязательно, но мы рекомендуем заполнять хотя бы мета теги description , viewport , charset . Это будет плюсом для внутренней оптимизации сайта.

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

Краткое описание документа (страницы сайта). Поисковые системы могут использовать содержимое мета тега description для вывода в сниппете поисковой выдачи.

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

Задает некоторые параметры окна просмотра в браузере. Атрибут width указывает ширину окна просмотра (вьюпорта), initial-scale - коэффициент масштабирования при первом открытии страницы.

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

Кодировка веб страницы. Наиболее частое значение: "UTF-8".

Мета тег с атрибутом указывает время автоматического обновления страницы. Страница будет автоматически перезагружаться с интервалом указанным в content атрибуте. Значение указывается в секундах.

Изучив статью, вы поймете:

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

Прежде чем перейти к правилам заполнения мета-тегов title, description и keywords, давайте определимся с этими понятиями:

Title (тайтл) – заголовок веб-страницы, который отражается в поисковой выдаче (рис. 1) и во вкладке браузера (рис. 2).

Рисунок №1

Рисунок №2

Description (дескрипшн) – это мета-тег, который кратко описывает содержание данной веб-страницы.

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

Разобравшись с определениями мета-тег title, description и keywords, логично выяснить вопрос, стоит ли вообще их заполнять? Зачем они нужны и какую роль играют в «жизни» сайта?

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

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

• Высокое ранжирование . Мета-теги (заголовок, описание, ключевые слова) помогают поисковикам понять, какая информация содержится на ресурсе. Зная главную тему страницы, поисковые системы будут предлагать ее пользователям в числе ПЕРВЫХ. То есть шансы, что ваш сайт заметят среди «океана» аналогичных, существенно увеличиваются.
• Грамотно оформленный сниппет . Чтобы предоставить пользователям больше информации о сайте, поисковики добавляют после названия ресурса небольшое описание, которое и называется сниппетом. Он берется непосредственно из мета-тега description или наугад выбирается отрезок из текста с ключевым словом. Вырванный из контекста текст, как правило, несет минимум полезной информации и не привлекает внимание, так как выглядит неинтересно и оборвано. Сравните сами. Ниже представлены примеры 2-х ресурсов: где для сайта мета-тег дескрипшн не прописывался (рис. 1); второй – с грамотно заполненным description (рис. 2).

Рисунок №1

Рисунок №2

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

Правильные мета-теги title, description и keywords мгновенно захватывают внимание, убеждая пользователей интернета выбрать среди конкурентов именно этот сайт. Итак, давайте же разберемся, как грамотно прописать мета-теги для сайта.

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

Если вы хотите создать цепляющий и эффективный тайтл, обратите внимание на такие моменты :

• Используйте тематические ключи , которые соответствуют теме страницы. Например, если здесь продаются китайские смартфоны, то логично, что мета-тег title будет с запросом «китайский смартфон». В противном случае (если используемые слова будут не совсем отвечать содержанию страницы) Google и Яндекс могут не использовать тайтл в качестве заголовка.
• Располагайте ключевые слова вначале предложения, так как поисковики считают более значимыми запросы, стоящие в начале заголовка, чем в конце.
• Комбинируйте ключи : высокочастотные + низкочастотные (узнать частотность можно через Яндекс Вордстат). Зачем это нужно? Популярный запрос – это большая конкуренция, «пробиться» через которую достаточно сложно и долго. А менее модные ключи практически сразу приведут к вам первых посетителей. Например, запрос «диван малютка» является высокочастотным (1886), а «купить диван малютку цена» — низкочастотным (28).

Объединяем в один мета-тег:

Title : Купить диван-малютку по цене производителя

• На забывайте про переспам . Здесь важно не переусердствовать, т.е. придерживаться «золотой середины». Ключи должны быть, но немного (1-3 не более).

Помните, title, как и другие мета-теги, прежде всего создаются для людей.

• Пишите для страницы «цепляющие» заголовки . Более интересным и интригующим выглядит мета-тег с использованием: цифр и процентов; прилагательных и наречий.

Например:
Title с цифрами : 10 лучших способов утеплить квартиру
Title с процентами : Скидка 50-70% на женские платья
Title с прилагательным, наречием : Купить натуральный деревянный стол недорого

• Не используйте сложные и «пустые» слова, стоп-символы . Лучше не брать слова, состоящие из более, чем 3-х слогов, а также не распространенные. Такие мета-теги тяжело читать и, если не понятен смысл, не хочется на него кликать (например, «высококачественный», «променад», «транспортировка»). Запрет также относится к стоп-символам (/|()+=?) и «пустышкам», т.е. к словам, которые «крадут» объем, но при этом не несут никакой смысловой нагрузки (например, союзы, местоимения, междометия).
• Создавайте уникальные заголовки. Важно для каждой страницы сайта прописывать свой title (это касается также и других мета-тег). Тогда поисковики будут расценивать каждую страницу как уникальную, что гарантированно поднимет ее значимость и, соответственно, рейтинг в поисковой выдаче. Необходимо также следить, чтобы тайтл и H1 были разными. И, конечно, при наполнении сайта не должно быть никакого рерайта – только уникальные тексты .

Делаем промежуточный вывод : заголовки должны быть написаны грамотно, красиво и понятно (никаких «корявых» предложений типа: «Купить кровать в Москве, цена дешево, оптом, с транспортировкой по стране»). Никакого обмана и недостоверной информации.

Оптимальной длиной мета-тега title считается примерно 40-65 знаков с пробелами (максимум — 80). На мой взгляд, это идеальный вариант, так как при таком объеме пользователям виден весь заголовок (рис. 1), а не его фрагмент (рис. 2).

Рисунок №1

Рисунок №2

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

По значимости описание занимает второе место после заголовка. Мета-тег description (также как и тайтл) способен как привлечь, так и оттолкнуть пользователей в случае, если заполнен некорректно.

Правила, следование которым поможет создать эффективное и красивое описание:

• Объем . Важное нововведение от Google – увеличение длины сниппета. Если раньше максимальный объем был равен 160 символам, то теперь эта цифра возросла до 230 (и даже больше – 300+). Зачем спросите вы? Все для удобства пользователей. Гугл решил, чем длиннее описание, тем понятнее для вас, что предлагает данный сайт. Используйте по максимуму это новшество и прописывайте побольше преимуществ веб-страницы.

• Информативность . Правильный мета-тег description – это своего рода дополнительная реклама для сайта. Постарайтесь здесь прописать как можно больше «цепляющих фишек» сайта и предложений, от которых сложно отказаться. Например, «скидки до 80%», «распродажа», «доставка за 1 день», «опт, розница», «цена производителя», «на заказ», «гарантия 1 год» и т.д.
• Уникальность . Также как и тайтл, для каждой страницы нужно писать свой мета-тег description, то есть каждый раз новый текст.
• Ключевые запросы . Для дескрипшна советуют выбирать только высокочастотные запросы. Самый популярный ключ желательно использовать 2 раза: 1 раз в точном вхождении, 2 – разбавленный.
• Призыв. Чтобы дескрипшн был эффективным и выглядел законченным, в конце описания делайте призыв к действию. Для этого можно использовать такие слова: звоните, заказывайте, получите, узнайте, переходите и т.д.

После того, как вы правильно пропишете мета-теги description, можно разбавить содержание специальными символами: ✖ ➜ ➢ ➣ ➤ ➔ ⬅ ⬆ ⬇ ⬤ Ꙭ ➔ ✈ (см. пример). Но при использовании таких знаков необходимо проверить, как они будут отражаться на сайте (для этого можно использовать специальный сервисы по генерации сниппетов для Google и Яндекс)

Запомните, если поискам не понравится ваше описание, они заполнят сниппет «выдерганными» из текста фразами.

Чтобы понять, следует ли тратить время на прописывание ключевых слов , давайте совершим небольшой экскурс в историю. Раньше (в 90-х и начале 2000-х) заполнение мета-тега keywords являлось гарантом, что сайт молниеносно попадет в ТОП. То есть достаточно было перечислить необходимые для продвижения запросы и ресурс уже «восседает» на первых позициях в поисковых выдачах.

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

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

Есть несколько нюансов, которые относятся к title, description и частично к keywords:

• использование больших прописных букв в мета-тегах («ИНТЕРНЕТ-МАГАЗИН ОБУВИ») может быть расценено поисковыми системами как СПАМ;
• при написании основных мета-тег (заголовка, описания, ключевых слов) ТОЧКА в конце не ставится;
• информация в мета-тегах тайтл и дескрипшн должна быть разной, таким образом пользователь получает по максимуму данных о сайте;
• ключевые запросы следует использовать в мета-тегах title и description разные, не дублировать;
• не нужно прописывать в meta tags названия компаний, если только они не являются знаменитыми и популярными.

ВАЖНЫЙ совет «на закуску», как правильно прописать мета-теги для сайта. Перед заполнением, введите интересующий вас запрос в поисковую строку Google, Яндекс или другой системы. Проанализируйте, как поставили мета-теги сайты, находящиеся в ТОПе, и сделайте по примеру оптимизацию своего заголовка и описания.

Задание . Чтобы проверить, как правильно заполненные мета-теги (title, description, keywords) влияют на популярность сайта, проанализируйте его позицию в поисковиках и количество просмотров сейчас и ПОСЛЕ усовершенствования/создания грамотных meta tags.

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

Мета теги (meta tags) - это специальные теги html, которые входят в состав заголовочных тегов html и не видны пользователю на странице

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

Важным свойством мета тегов является то, что они все находятся внутри заголовочного тега .

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

• Для поисковой машины (учитываются при продвижении сайта)
• Для браузера (учитываются только браузером)
• Информация об авторе

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

Мета теги, которые учитывает поисковая машина:

• title - заголовок страницы, другими словами название страницы. Очень важный тег в ранжировании сайтов (см. тег );
• description - описание страницы сайта (см. );
• keywords - ключевые слова страницы сайта (см. );
• robots - управляет индексацией документа, а также ссылками в этом документе. Имеет следующий синтаксис:

Параметры могут принимать следующие значения:

• index (разрешить индексацию документа)
• noindex (запретить индексацию документа)
• follow (разрешить следовать по ссылкам)
• nofollow (запретить следовать по ссылкам)
• all (равносильно сочетанию index и follow)
• none (равносильно сочетанию noindex, nofollow)

По умолчанию стоит all, что является нормой для большинства страниц интернета. Например, если хотите запретить страницу к индексации и обход ссылок, то надо написать none или noindex, nofollow (тег noindex и ).

Примечание :
Наверняка Вы слышали про файл robots.txt (см. как правильно создать robots.txt), в котором можно запрещать к индексации отдельные страницы сайта или даже целые разделы. Однако поисковая машина все равно может проиндексировать документ, который закрыт, через robots.txt, т.к. это всего лишь рекомендация для поисковой машины. В свою очередь мета тег robots позволяет со 100% точностью закрыть нужный документ от индексации.

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

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

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

Могут быть использованы следующие параметры атрибута:

• Content-Type - служит для задания кодировки страницы сайта. Обычно используется кодировка кириллицы Windows-1251 или UTF-8
• Content-Language - задает язык, на котором написана страница. На мой взгляд не очень важный тег
• Cache-Control - параметры кэширования документа
• Refresh - этот мета тег задает промежуток времени для 301 редиректа

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

• Site-created - дата запуска сайта;
• author - имя автора сайта;
• owner - указывает владельца документа;
• reply-to - контакты автора;
• address - адрес автора.

Честно говоря, эти теги на данный момент никому не нужны, но тем не менее они есть.