Метатеги


Содержание

Тег HTML — мета теги, информация о странице

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

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

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

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

Синтаксис

Примеры использования в HTML коде

Основные мета теги

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

Meta-тег description

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

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

Meta-тег keywords

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

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

Meta-тег viewport

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

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

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

Meta-тег charset

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

Пример использования мета тега кодировки charset

Meta тег refresh

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

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

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

Тег
Да Да Да Да Да

Атрибуты

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

Основное содержимое мета тега. Зависит от других атрибутов. Используется вместе с http-equiv или name.

content-type
default-style
refresh

Устанавливает HTTP заголовок для атрибута content.

Сontent-type — Кодировка. Устаревшее значение, в HTML5 используйте charset (см. пример выше).
Default-style — Предпочтительная таблица стилей.
Refresh — Интервал автообновления страницы.

application-name
author
description
generator
keywords
viewport

Имя мета тега. Как и http-equiv определяет суть мета тега.

Application-name — имя веб приложения, которое представляет страница.
Author — имя автора веб страницы.
Description — краткое описание страницы.
Generator — Указывает на программное обеспечение, использованное для создания страницы (для не рукописных страниц).
Keywords — ключевые слова страницы.
Viewport — некоторые параметры области просмотра страницы.

Как правильно прописать мета теги title и description

В этой статье я расскажу, как правильно заполнять мета теги title и description, а еще почему не нужен тег keywords. Итак, начнем.

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

Давайте разберемся сначала, какое значение имеет html тег title в SEO оптимизации страницы и продвижении:

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

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

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

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

Теперь под это ядро (для страницы) нужно составить тайтл.

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

Принципы составления title

  • Тайтл должен объединять в себе ключевые слова вашего кластера. Например, есть пул запросов (пластиковые окна, пластиковые окна купить, купить, пластиковые окна цена, пластиковые окна москва купить). Объединяя эти запросы получается такая фраза — Купить пластиковые окна в Москве по цене от 5000 рублей.
  • Главный запрос должен быть в начале, то есть самая частотная ключевая фраза страницы.
  • Желательно использовать все слова в вашем кластере, но разумно. Не нужно употреблять фраз типа “по доступной стоимости и приемлемой цене”, чтобы втиснуть слова “стоимость” и “цена”. Одно слово можно употребить в тайтле, а другое в description.
  • При этом тайтл должен хорошо и понятно читаться, по-русски, чтобы язык не перекосило.
  • Для региональных сайтов нужно обязательно использовать топоним (город). Но если городов много, то ничего не нужно писать вообще, иначе будет переспам.
  • Обязательно добавьте в конце название вашей компании или сайта, можно в виде домена. Это придаст вашему тайтлу уникальности и дополнительное брендирование.
  • Очень хорошо работают цифры в тайтле, это могут быть, например, цены. Или вот такой пример — 12 лучших способов накачать пресс. В общем цифры нужно использовать, они привлекают и повышают кликабельность.
  • Хорошо использовать в title символы юникода, но это по желанию, я не проводил эксперимента, как влияют спецсимволы на CTR сниппета.

Чего нельзя делать при написании тайтла

  • Перечислять слова через запятую, типа, пластиковые окна, купить, цена, москва, недорого и так далее.
  • Делать title одинаковым с заголовком h1.
  • Прописывать одинаковые тайтлы в рамках сайта. Все мета теги должны быть разными для всех страниц сайта.
  • Употреблять точку, восклицательный или вопрос знак. Можно употреблять символы — , : ()

Пример, как правильно написать мета тег title

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

Для сайта услуг

В принципе, уже пример был дан чуть выше с пластиковыми окнами. Но можно еще один — страхование.

Есть ключевые запросы:

дмс для новорожденных
купить дмс для новорожденных
дмс для новорожденных цена
дмс новорожденных
дмс для новорожденных москва
полис дмс новорожденных
страхование дмс новорожденных

Тайтл для такой страницы будет следующим:

ДМС для новорожденных в Москве — купить полис страхования по доступной цене — СК Макс

Для разделов интернет магазина

Есть ключевые запросы:

интернет магазин одежды оптом
купить одежду оптом
магазин одежды оптом
одежда оптом
одежда оптом от производителя
одежда оптом по низким ценам

Тайтл для такой страницы будет следующим:

Купить одежду оптом от производителя по низким ценам в интернет-магазине Lamoda

Для карточки товара интернет магазина

Есть ключевые запросы:

samsung galaxy s5
samsung galaxy s5 в москве
samsung galaxy s5 купить
samsung galaxy s5 купить в москве
samsung galaxy s5 цена
смартфон samsung galaxy s5

Тайтл для такой страницы будет следующим:

Купить смартфон Samsung Galaxy S5 в Москве по цене 8500 рублей в интернет магазине DNS

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

Есть ключевые запросы:

лечение сахарного диабета
симптомы сахарного диабета у взрослых
сахарный диабет
сахарный диабет лечение и диета
сахарный диабет симптомы
сахарный диабет симптомы и лечение
сахарный диабет симптомы и лечение у взрослых

Тайтл для такой страницы будет следующим:

Сахарный диабет у взрослых — симптомы, лечение и диета — SiteProDiabet

Длина содержимого тега title

Бытует мнение, что тайтл нужно делать от 55 до 90 символов. Это имеет под собой почву, но не является полной правдой. Дело в том, что сейчас работает алгоритмы Палех у Яндекса и аналогичный Rank Brain у Google, которые по смыслу определяют релевантность страницы.

Палех определяет по содержимому тайтла. И здесь в дело идут НЧ запросы (или “длинный хвост”), которые можно прописать в тайтл, пусть даже он получится длинным.

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

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

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

И не путать! Описание КОНКРЕТНОЙ СТРАНИЦЫ, а не всего сайта.

Вот как выглядит дескрипшн в коде.

Вот так выглядит этот дескрипшн в сниппете.

Google достаточно часто использует description для описания в сниппете, Яндекс очень редко, практически вообще не использует, но это не значит, что не нужно его прописывать. Нужно обязательно, иначе в вебмастере будет такая ошибка.

И это влияет на продвижение сайта.

Принципы составления description

  • Так же, как и тайтл, дескрипшн пишется под собранные ключевые фразы для страницы. В идеале в него должны войти все ключи, но можно разделять — запросы, которые не помещаются в тайтл, вписать в дескрипшн. Как в примере выше — цена в тайтл, стоимость в дескрипшн.
  • Состоит из двух предложений, желательно оба в глагольной форме, но второе предложение прям обязательно глагольное с призывом к действию (позвонить, заказать, читайте).
  • Отлично, если вписать преимущества компании (ассортимент, доставка, склад в мск, установка, гарантия). Это также дает преимущества и перед конкурентами, мало кто это делает.
  • Все description должны быть уникальны в рамках сайта, то есть для каждой страницы нужно прописать свой уникальный дескрипшн. И соответственно, они не должны дублироваться с тайтлом.
  • Используйте в сниппете символы юникода. Как и для тайтлов спецсимволы могут хорошо сработать. На скриншоте выше можно посмотреть, как владелец интернет магазина диванов использовал юникод в своем дескрипшн.

Есть также распространенное мнение, что длина длина тега meta description должна составлять 140-200 символов. Но и это не критично, можно и больше, если нужно, ведь поисковики индексируют весь дескрипшн. Главное, чтобы цель оправдывала себя.

Пример, как заполнять мета тег description

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

Для сайта услуг

Есть ключевые запросы:

дмс для новорожденных
купить дмс для новорожденных
дмс для новорожденных цена
дмс новорожденных
дмс для новорожденных москва
полис дмс новорожденных
страхование дмс новорожденных

Дескрипшн для такой страницы будет следующим:

В страховой компании Макс вы можете купить полис ДМС для новорожденных в Москве по цене от 3000 рублей. Звоните по телефону +7(495)344-44-54.

Для раздела интернет магазина

Есть ключевые запросы:

интернет магазин одежды оптом
купить одежду оптом
магазин одежды оптом
одежда оптом
одежда оптом от производителя
одежда оптом по низким ценам

Дескрипшн для такой страницы будет следующим:

В интернет магазине Lamoda вы можете купить одежду оптом от производителя по низким ценам. Доставка со склада в Москве, большой ассортимент. Звоните!

Для карточки товара интернет магазина

Есть ключевые запросы:

samsung galaxy s5
samsung galaxy s5 в москве
samsung galaxy s5 купить
samsung galaxy s5 купить в москве
samsung galaxy s5 цена
смартфон samsung galaxy s5

Дескрипшн для такой страницы будет следующим:

В интернет магазине DNS в Москве вы можете купить смартфон Samsung Galaxy S5 по цене 8500 рублей. Для заказа позвоните по телефону 555-555-555.

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

Есть ключевые запросы:

лечение сахарного диабета
симптомы сахарного диабета у взрослых
сахарный диабет
сахарный диабет лечение и диета
сахарный диабет симптомы
сахарный диабет симптомы и лечение
сахарный диабет симптомы и лечение у взрослых

Дескрипшн для такой страницы будет следующим:

Узнайте, что такое сахарный диабет, какие симптомы, диета и способы лечения заболевания у взрослых. Подробнее читайте на сайте SiteProDiabet.

Для закрепления обязательно посмотрите это видео, где я наглядно показываю, как составляю мета теги:

Теперь вы знаете, как прописать правильный мета тег description, принципы заполнения его содержимого и описания. И напоследок, поговорим о keywords.

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

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

А вот официальное заявление Мэтта Каттса из Google.

Оптимизаторы давно уже перестали использовать keywords в продвижении сайтов. Лично я также не использую кейвордс.

Шаблонизация мета тегов для интернет магазина

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

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

Примеры шаблонов для разделов:

Тайтлы — Купить %название раздела% в Москве по недорогой цене в интернет магазине Подушки.ру

Дескрипшны — В интернет магазине Подушки.ру вы можете купить %название раздела% по очень дешевой цене. Звоните по телефону 555-555-555.

Соответственно, вместо переменной %название раздела% подставляется название того раздела, в котором прописаны эти мета-теги.

Мета теги для служебных и не продвигаемых страниц

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

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

В данном случае нужно прописать простые title и description, которые характеризуют страницу или раздел. Например, для страницы «Контакты» можно написать такие мета данные:

Тайтл — Контакты компании Coca Cola

Дескрипшн — Вы можете связаться с нами любым удобным для вас способом — по телефону, e-mail, skype, придти в офис. Все наши контакты представлены на этой странице.

Ну смысл такой, что в свободной форме придумываете о чем данная страница или раздел. Здесь нет каких-то особых правил, как для целевых страниц. Главное — чтобы мета теги были!

Заключение

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

P.S. Если вам понравилась статья, то поделитесь ею с друзьями в социальных сетях, также пишите ваши вопросы, комментарии.

Хотите продвинуть ваш сайт? Оставьте заявку на бесплатный анализ сайта!

Мета теги title, description и keywords мешают продвижению

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня хочу чуть подробнее, чем я это делал в статье про продвижение сайтов, остановиться на мета-тегах title, description и keywords, которые вот уже более пятнадцати лет являются факторами, влияющими на успешность раскрутки вебпроектов.

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

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

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

Важны ли метатеги title, description и keywords для SEO

Итак, чтобы понять ход моих мыслей и не сбиться, нужно начать сначала, а именно с далеких 90х, когда «великие и ужасные» мета-теги (читай про то, что такое теги вообще) являлись основными факторами ранжирования для имеющихся в наличии на тот момент поисковых систем. Тогда еще не была реализована пришедшая в голову Ларри Пейджу (одному из основателей компании Гугл) идея использования Page rank для определения веб страниц наиболее релевантных запросу введенному пользователем в поисковую строку.

А значит основным фактором, по которому поисковик решал проблему релевантности (соответствия документа тому вопросу, который задал поисковой системе пользователь), являлся анализ текста на предмет содержания в нем слов из запроса пользователя. Учитывалась не только плотность (частота использования) ключей в статье, но также рассматривалось со всем пристрастием содержимое мета-тегов keywords, description и в особенности title.

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

Сначала немного теории. При создании языка Html отцом основателем всемирной паутины (Тимом Бернерсом-Ли) в далеком 1989 году, в его синтаксисе были предусмотрены специальные теги (meta), которые служили для разных целей и в том числе для того, чтобы автор статьи мог бы сказать поисковой системе:

  1. о чем именно идет речь в его публикации (description)
  2. какой заголовок у этого шедевра (title)
  3. и, наконец, по каким ключевым словам следует поисковику ранжировать это творение (keywords)

Причем, мета-тегами являются только description и keywords, а title является просто тэгом. Правда, объединяет их всех то, что они прописываются в коде внутри специального контейнера Head (между открывающим и закрывающим тегами Head). Этот контейнер обладает такой особенностью, что все, чтобы вы внутри него не прописали, никак не будет отображаться на веб странице (каким именно образом это реализовано, можете прочитать в статье про CSS правило display none).

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

Собственно, знать синтаксис составления дискрипшена, тайтла и кейвордса вам будет нужно в основном только для проформы (ну, или если вы создаете статический сайт на Html файлах).

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

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

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

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

Description и keywords — мета-теги не влияющие на ранжирование

Итак, проведем промежуточный итог. Keywords можно выкидывать на помойку? Ну. Наверное, нет. Лично я стараюсь (если не забываю) прописывать в нем ключи, но обязательно только те, которые чаще всего встречаются в статье. Дело в том, что они практически полностью перестали влиять в положительную сторону на продвижение. Но обгадить всю малину кейвордс по-прежнему способен. Наказание за спам в мета-тегах поисковики еще ведь не отменили.

Что по description? Тут все не однозначно. Почему? Опять же переспам ключами в нем может негативно сказаться на продвижении. Зачем же он тогда нужен, если ключевики заключенные в нем не учитываются при ранжировании, но могут одновременно навредить?

Дело в том, что содержимое дескрипшена поисковой системой Гугл довольно часто может быть использовано в качестве сниппета, особенно на первых порах. Так, например, моя недавняя статья про секреты транслитерации в выдаче Google по запросу «транслит» выглядит так:

Это не весь текст из description, ибо Гугл и Яндекс учитывают только определенное количество символов (можете посчитать сами, но обычно ориентируются на 150 символов вместе с пробелами):

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

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

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

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

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

Понятно, что если вы стоите в Топе по запросу «пластиковые окна», то будете использовать весь арсенал способов влияния на сниппет (например, такой), ибо это может вылиться в просто фантастические суммы прибыли из-за увеличившегося CTR вашего объявления (в купе с title). Но я лично довольствуюсь только обязательным заполнение description, ну еще и keywords (до кучи, но сейчас от последнего уже отказался, ибо ну его).

Title решает кто будет в Топе, а кто.

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

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

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

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

Причем следует отметить, что этот тэг выполняет две очень важные роли:

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

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

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

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

Начнем, пожалуй, с влияния тега титл на ранжирование (с точки зрения вебмастера — на продвижение):

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

Вторым важным условием является то, чтобы этот тег был использован в коде вебстраницы только один раз и только внутри контейнера Head (а не Body). Вообще, за это должна отвечать используемая вами ЦМС (система управления контентом), но проверить правильность ее работы не помешает. Для этого достаточно посмотреть исходный код любой страницы вашего сайта и убедиться в наличии и правильности вставки тега title в этот самый код.

Посмотреть исходный код страницы сайта можно, щелкнув правой кнопкой мыши в вашем браузере и выбрав пункт контекстного меню «Исходный код» (в Opera), либо «Исходный код страницы» (в Firefox), либо «Просмотр кода страницы» (в Google Chrome), либо «Просмотр HTML-кода» (IE).

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

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

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

Правда Гугл, к сожалению, такого делать не умеет и пользователь может вообще не увидеть ключевые слова из своего запроса в заголовке объявления для моего блога:

Есть еще один момент, который лично я не реализую при составлении титлов для своего блога. По умолчанию во многих CMS он формируется из текста заголовка статьи, который чаще всего будет заключен в теги H1. Т.к. наличие ключей в H1 само по себе является фактором ранжирования (хотя и не таким мощным, как title), то имеет смысл прописывать заголовок всей страницы немного отличающимся от заголовка статьи. Я лично этого не делаю (ломает), да и у меня в тегах H2 они живут, а не в H1.

В WordPress для прописывания уникальных тайтлов обычно используют плагин All in One SEO Pack, ну а в Joomla так, как описано в статье про админку джумлы.

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

    Чуть выше мы рассмотрели технические аспекты, влияющие прежде всего на удачное ранжирование ваших документов (их продвижение). Но вот про вторую задачу, которую выполняет Тайтл, мы поговорили пока что только очень поверхностно. Я говорю про создание цепляющего заголовка, который может очень существенно повысить частоту кликов по вашему объявлению в поисковой выдаче Яндекс или Гугла (ctr).

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

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

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

    Разгорается желание во всем этом разобраться, а это вам и нужно было. Примером, наверное, может в некоторой степени служить заголовок этой статьи (проба пера, так сказать).

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

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

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

    В общем, дело ясное, что дело темное. Если у вас есть талант, то воспользовавшись этими советами составить цепляющий title у вас получится, а если нет, то и не получится (как у меня, например).

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

    Метатеги (от англ. meta tags) — это элементы HTML-разметки страниц для поисковых роботов, чтобы они корректно “прочли” и обработали представленную информацию. Большая часть тегов размещаются в блоке HTML-документа:

    Для поискового продвижения важна оптимизация ресурса, но многие не знают, как правильно прописывать основные SEO-теги: title, description, keywords и заголовок h1

    Наиболее важные html-теги, связанные в ранжированием сайта в поисковых системах, это теги:

    Зачем прописывать теги: title, description, keywords и h1?

    1. Для формирования развернутого сниппета – текстовой информации, отбираемой поисковой машиной для презентации страницы вашего интернет-магазина в результатах поиска. Для сниппета может быть выбран отрывок из текста с ключевым словом или текст из тега description.
    2. Для повышения кликабельности вашего сайта в поисковиках. Чем лучше и точнее вы опишите то, что встретит покупатель, перейдя на страницу вашего сайта, тем выше будет количество переходов и конверсия поискового трафика в продажи.
    3. Для представления дополнительной информации о магазине. Если вы, при помощи микроразметки, добавите в сниппет информацию о ваших преимуществах, условиях доставки и оплаты, рейтинге, ценах, режиме работы и пунктах самовывоза, то эта информация поможет покупателям остановить свой выбор именно на вашем товаре или магазине.

    Для чего нужен мета-тег title?

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

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

    Как правильно прописать тег title для страниц сайта?

    1. Тег title должен быть уникальным для каждой страницы

    Если у вас в разделе каталога несколько страниц пагинации, то можно добавить в конце тега title номер страницы: стр 1, стр 2, стр 3, а лучше прописать отличительные характеристики товара: цвет, объем, размер или артикул, чтобы поисковые системы и покупатели могли понять, чем же отличаются товары на похожих страницах.

    Пример:

    • Входная металлическая дверь «Название» — двухстворчатая
    • Входная металлическая дверь «Название» — с терморазрывом
    • Гравировка внутри стекла на ракушке
    • Гравировка внутри стекла на шаре

    2. Тег title должен быть отличным от тегов description и h1

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

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

    товар просто назван, то в title и description вы можете добавить самые частотные коммерческие запросы, в том числе названия брендов кириллицей.

    Пример:

    Гравировка на флешке из дерева

    3. Тег title должен быть оптимизирован под соответствующие страницы и товары

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

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

    1. Купить входную металлическую дверь в Красноярске недорого;
    2. Купить эксклюзивный подарок на день рождения (город);
    3. Купить путевку с перелетом «все включено» в Турцию.

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

    Пример:

    • Купить входную дверь Витязь (модель) в Красноярске
    • Купить горящую путевку в Турцию от (цена)

    4. Тег title должен отражать реальное содержимое страницы

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

    5. Тег title должен иметь структуру законченного предложения

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

    1. Нельзяперечислить все ключевые слова по запросу через запятую: дверь, купить дверь, купить входную дверь недорого и т.д.
    2. Нужно грамотно составлять предложения: Купить входную дверь в (город) недорого.
    3. Нельзя допускать несогласованных предложений с перечислением ключевиков: купить недорого дверь входную.

    Идеальная структура тега title отвечает на вопросы «Что? Где? Когда?» Иными словами, какой товар сможет купить потенциальный покупатель в вашем магазине и при каких условиях? Причем высокочастотный запрос должен стоять в начале тега.

    Обратите внимание: при формирования метатега title нельзя использовать «.» !

    6. Тег title должен быть составлен грамотно

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

    1. Не допускайте ошибок в написании слов;
    2. Не используйте жаргонизмы и «блотные» слова;
    3. Не злоупотребляйте спецсимволами, восклицательными знаками и заглавными буквами;
    4. Не используйте точки и кавычки, так как они разбивают содержимое тега на пассажи;
    5. Используйте кавычки и скобки, если этого требуют правила;
    6. Используйте написание брендов кириллицей и латинкой.

    Исключение в этом правиле иногда допускается, если в языке устойчиво закрепилось нелитературное наименование продукта (посудомойка – посудомоечная машина) или некорректное написание бренда (Scarlett – Scarlet).

    7. Тег title должен содержать не более 70 символов

    В результатах поиска отображается не более 70 символов, нотя написать можно и 90.

    • 50–57 символов для Google;
    • 65–70 символов для Яндекс.

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

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

    Пример:

    • Купить в Красноярске недорого входную дверь

    Для чего нужен тег Description?

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

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

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

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

    — содержание данного тега может использоваться в сниппетах (описаниях сайтов на странице результатов поиска);

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

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

    Не нужно использовать такие Дескрипшены: «Купить входные двери у нас, потому что мы самые лучшие».

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

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

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

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

    Зачем прописывать теги: title, description, keywords и h1?

    Как правильно прописать тег title для страниц сайта?

    1. H1 — заголовок страницы (один!)
      1. H2 — заголовок второго уровня
        1. H3 — заголовок третьего уровня
        2. H3 — заголовок третьего уровня
        3. H3 — заголовок третьего уровня
      2. H2 — заголовок второго уровня
      3. H2 — заголовок второго уровня

    Если в каком-то из этих пунктов возникнут еще подпункты, то их нужно будет взять в теги

    Правила расстановки тега H1 на странице

    • Тег должен встречаться на странице Один раз.
    • Тег должен быть уникальным.
    • Должен быть информативным.
    • Отсутствие тега

    является ошибкой.
    В теге

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

    Для чего нужен тег Keywords?

    Keywords используется для предоставления данных поисковикам для повышения значимости некоторых слов при поиске.

    Почти все поисковики игнорируют слова из этого списка если они не встречаются в видимой части страницы. Рекомендованное количество слов в данном теге — 5-10. Кроме того, опытным путем выявлено, что разбивка этого тега на несколько строк влияет на оценку поисковыми машинами релевантности страницы запросу.

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

    Если вы решили заполнять keywords, учитывайте синтаксис:

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

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

    • Тег должен содержать ключевые запросы страницы;
    • Использовать не больше 5-6 слов;
    • Можно использовать не более 3-х повторов;
    • Не стоит использовать союзы, предлоги, междометия;
    • Тег лучше формировать из существительных;
    • Не стоит использовать никакие знаки препинания, кроме запятой.

    К чему приводит не правильная оптимизация ресурса?

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

    1. Уменьшение или превышение оптимальной длины тегов;
    2. Отсутствие точных вхождений ключевиков;
    3. Повтор ключевых фраз в одном теге;
    4. Грамматические и синтаксические ошибки;
    5. Дубли на нескольких страницах сайта.

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

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

    Graphic Designer

    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse moleste conseuat ven nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent upta. gue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta.

    Romana Nasrin Reply

    Graphic Designer

    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse moleste conseuat ven nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent upta. gue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta.

    Leave a comment

    Интернет-агентство полного цикла. Создаём проекты и берём их на продвижение, сопровождение и поддержку.

    Информация и цены, представленные на сайте, не являются договором публичной оферты.

    Мета-теги

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

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

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

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

    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 – указание основного языка документа.

    Тег указывает браузеру, на основании каких данных нужно обработать содержание документа.

    Функция – идентификация автора. Если сайт принадлежит компании, используется Copyright, если конкретному лицу – Author.

    Важные мета-теги для SEO-оптимизации сайта

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

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

    Мета-теги (от англ. «meta tags») используются для того, чтобы структурировать сопроводительные данные о странице. Они рассчитаны исключительно на роботов, браузеры, специализированное ПО, чтобы те корректно «прочли» и обработали представленную информацию. Мета-данные располагаются в директиве HEAD наряду со скриптами, стилями и линками (см. скриншот ниже).

    Широкое применение получили три группы мета-тегов:

    Для маркетологов, владельцев площадок, SEO-специалистов — тех, кто занимается поисковой оптимизацией сайтов и не имеет отношения к профессиональной разработке — важно запомнить и учитывать только атрибут NAME и теги description, robots, keywords, viewport. Остальная информация о мета-данных для решения SEO-задач вам ни к чему. В целях расширения кругозора вы можете изучить статью Википедии, но в работе это вряд ли потребуется.

    Мета-теги для SEO

    Description

    Description — это мета-описание страницы. Для SEO этот тег один из ключевых.

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

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

    Какова длина мета-тега description

    В руководствах для вебмастеров Яндекса и Google вы не найдете ни единого слова по поводу длины мета-описаний. Более того, отображаемая длина описаний в сниппетах постоянно меняется: например, в декабре 2020 года Google расширил ее до 300 символов, а в мае 2020 года — укоротил до 160.

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

    Состоянием на октябрь 2020 года отображаемая длина мета-описания (в символах с пробелами):

    • Google: десктопный поиск — 120-140; мобильный поиск — 100-120;
    • Яндекс: десктопный поиск — 120-220; мобильный поиск — 110-200.

    Чтобы сделать сниппеты информативными для пользователей обеих поисковиков, лучше самую важную информацию добавлять в первые 100-140 символов мета-тега description, а не 160-170 — как принято считать.

    Фактическая длина description может превышать и 300, и 500 символов — но нет смысла тратить ресурсы на увеличение мета-описаний, поскольку пользователи все равно не увидят эту информацию (поисковики же могут воспринять ее как спам). Лучше направьте усилия на SEO-оптимизацию контента и повышение его качества.

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

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

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

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

    Больше рекомендаций по заполнению dеscription и управлению сниппетом вы найдете в этом выпуске нашей рассылки.

    Robots

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

    Мета-тег robots может принимать такие значения:

    • index (или noindex) — разрешена (запрещена) индексация страницы;
    • follow (или nofollow) — разрешена (запрещена) индексация ссылок; вот интересный материал о noindex и nofollow;
    • all — аналог одновременного использования index и follow;
    • none — аналог одновременного использования noindex и nofollow;
    • noarchive — в результатах поиска не будет выводиться ссылка на сохраненную в кэше копию.

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

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

    • Google — в этом случае используется мета-тег googlebot вместо robots (значения можно задавать те же);
    • Яндекс — вместо robots указывается yandex.

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

    Keywords

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

    Если вы решили заполнять keywords, учитывайте синтаксис:

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

    Viewport

    Этот мета-тег стал особенно актуальным после начала учета поисковиками мобильной адаптации в качестве фактора ранжирования. В обычной практике SEO-специалисту вряд ли придется прописывать этот мета-тег — это задача разработчиков шаблона. Но знать о его существовании все же нужно.

    Итак, если сайт адаптирован под просмотр на мобильных, в разделе HEAD будет прописан мета-тег viewport такого вида:

    Здесь значение device-width атрибута width дает команду браузеру подогнать ширину окна под ширину экрана устройства. Значение 1 атрибута initial-scale запрещает масштабирование окна (например, при повороте экрана). Больше узнать о мобильной адаптации вы можете из статьи «10 правил оптимизации сайта под мобильные устройства».

    Title — не мета-тег, но для SEO очень важен

    Формально title — это не мета-тег, но он работает по аналогичному принципу и играет ключевую роль в SEO, поэтому о нем нельзя не упомянуть.

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

    Синтаксис тега title:

    Как и мета-теги, title размещается внутри раздела HEAD.

    Отображаемая длина title (символов с пробелами):

    • Google — около 60;
    • Яндекс — около 50.

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

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

    Title и description должны выгодно выделять ваш сайт на фоне конкурентов. Узнать, какие мета-теги используют конкуренты, можно в один клик с помощью специального парсера. Первые 500 запросов — бесплатно!

    H1-H6 — полезные для SEO теги

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

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

    Заголовок первого уровня

    Заголовок второго уровня

    Заголовок третьего уровня

    При расстановке тегов H1-H6 обязательно должна соблюдаться очередность: например, после H1 идет только H2, а после H2 — только H3.

    Часто у начинающих SEO-специалистов возникает вопрос: title и H1 — это одно и то же? Нет — тег title прописывается в разделе HEAD, а не BODY, и именно его используют роботы при формировании сниппета. Вместе с тем текст, заключенный в теги title и H1, обычно частично (реже — полностью) дублируется.

    Подводим итоги

    Для грамотной технической оптимизации сайта не нужно лезть в дебри мета-данных, а работать лишь с необходимыми для SEO мета-тегами — description, robots, keywords (опционально), тегами title, h1-h6, а также знать о теге viewport. В 99% случаев это исчерпывающий список SEO-тегов.

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

    HTML Мета-теги

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

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

    Функции мета-тегов

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

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

    Группы метатегов

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

    Элемент meta принимает следующие атрибуты: content, http-equiv, name, charset и scheme.

    Атрибут Значения Описание
    charset
    Атрибут Описание
    Name Имя метатега, также косвенно устанавливает его предназначение. Примеры: include, keywords, description, author, revised, generator и др.
    content Устанавливает значение атрибута, заданного с помощью name или http-equiv.
    scheme (устарел) Указывает полезную информацию о схеме или название самой схемы, которая должна быть использована для интерпретации значения свойства (то есть значения атрибута «content»). Не применяется в HTML5.
    charset Новый атрибут, показывает кодировку документа в HTML5. Пример:
    http-equiv Формирует заголовок страницы и определяет его обработку. Как правило, управляет действиями браузеров и используется для формирования информации, выдаваемой обычными заголовками. Например HTTP-EQUIV может использоваться для управления кэшированием, обновлением страницы, автоматической загрузки другой страницы.

    Группа значений атрибута NAME

    «keywords» (ключевые слова)

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

    Если раньше «keywords» имел определённую роль в ранжировании сайта, то в последнее время поисковые системы относятся к нему нейтрально.

    HTML-код с «keywords» :

    «description» (описание страницы)

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

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

    HTML-код с «description» :

    Эти значения, как правило, не используются одновременно. Функция author и copyright — идентификация автора или принадлежности контента на странице. «Author» содержит имя автора веб-страницы, но в случае, если веб-сайт принадлежит какой-либо организации, целесообразнее использовать значение «Copyright».

    HTML-код с «author» :

    «Robots»

    Robots — формирует информацию о гипертекстовых документах, которая поступает к роботам поисковых систем.

    У «robots» могут быть следующие значения:

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

    HTML-код с «robots» :

    Группа значений атрибута HTTP-EQUIV

    «Content-Type»

    Content-Type определяет тип документа и его кодировку.

    HTML-код с «Content-Type» :

    В HTML5 указание кодировки упрощено:

    «refresh»

    Refresh — задержка времени (в секундах) перед тем, как браузер обновит страницу. Кроме того, может использоваться автоматическая загрузка другой html-страницы с заданным адресом (url).

    HTML-код с «refresh» :

    Браузер поймет эту запись, как через 5 секунд загрузить новую страницу, указанную в параметре URL, в данном случае это переход на сайт wm-school.ru. Значение «refresh» позволяет создавать перенаправление (редирект) на другой сайт. Если URL не указан, произойдет автоматическое обновление текущей страницы через количество секунд, заданных в атрибуте content.

    Обратите внимание, что кавычки в указании URL-адреса перед http не ставятся.

    «Content-Language»

    HTML-код с «content-language» :

    В HTML5 указание языка упрощено:

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

    Итоговое задание [10-14]

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

    Пришло время повторить изученное и выполнить четыре несложных задания:

    Ключевые слова

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

    Индексация веб-страницы

    С помощью одинарного тега разрешите индексацию Web-страницы поисковыми машинами, а переход по ссылкам запретите.

    Автоматическая перезагрузка страницы

    С помощью одинарного тега meta назначте автоматическую перезагрузку текущей веб-страницы через 30 сек.

    Как правильно прописать мета теги title и description

    В этой статье я расскажу, как правильно заполнять мета теги title и description, а еще почему не нужен тег keywords. Итак, начнем.

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

    Давайте разберемся сначала, какое значение имеет html тег title в SEO оптимизации страницы и продвижении:

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

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

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

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

    Теперь под это ядро (для страницы) нужно составить тайтл.

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

    Принципы составления title

    • Тайтл должен объединять в себе ключевые слова вашего кластера. Например, есть пул запросов (пластиковые окна, пластиковые окна купить, купить, пластиковые окна цена, пластиковые окна москва купить). Объединяя эти запросы получается такая фраза — Купить пластиковые окна в Москве по цене от 5000 рублей.
    • Главный запрос должен быть в начале, то есть самая частотная ключевая фраза страницы.
    • Желательно использовать все слова в вашем кластере, но разумно. Не нужно употреблять фраз типа “по доступной стоимости и приемлемой цене”, чтобы втиснуть слова “стоимость” и “цена”. Одно слово можно употребить в тайтле, а другое в description.
    • При этом тайтл должен хорошо и понятно читаться, по-русски, чтобы язык не перекосило.
    • Для региональных сайтов нужно обязательно использовать топоним (город). Но если городов много, то ничего не нужно писать вообще, иначе будет переспам.
    • Обязательно добавьте в конце название вашей компании или сайта, можно в виде домена. Это придаст вашему тайтлу уникальности и дополнительное брендирование.
    • Очень хорошо работают цифры в тайтле, это могут быть, например, цены. Или вот такой пример — 12 лучших способов накачать пресс. В общем цифры нужно использовать, они привлекают и повышают кликабельность.
    • Хорошо использовать в title символы юникода, но это по желанию, я не проводил эксперимента, как влияют спецсимволы на CTR сниппета.

    Чего нельзя делать при написании тайтла

    • Перечислять слова через запятую, типа, пластиковые окна, купить, цена, москва, недорого и так далее.
    • Делать title одинаковым с заголовком h1.
    • Прописывать одинаковые тайтлы в рамках сайта. Все мета теги должны быть разными для всех страниц сайта.
    • Употреблять точку, восклицательный или вопрос знак. Можно употреблять символы — , : ()

    Пример, как правильно написать мета тег title

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

    Для сайта услуг

    В принципе, уже пример был дан чуть выше с пластиковыми окнами. Но можно еще один — страхование.

    Есть ключевые запросы:

    дмс для новорожденных
    купить дмс для новорожденных
    дмс для новорожденных цена
    дмс новорожденных
    дмс для новорожденных москва
    полис дмс новорожденных
    страхование дмс новорожденных

    Тайтл для такой страницы будет следующим:

    ДМС для новорожденных в Москве — купить полис страхования по доступной цене — СК Макс

    Для разделов интернет магазина

    Есть ключевые запросы:

    интернет магазин одежды оптом
    купить одежду оптом
    магазин одежды оптом
    одежда оптом
    одежда оптом от производителя
    одежда оптом по низким ценам

    Тайтл для такой страницы будет следующим:

    Купить одежду оптом от производителя по низким ценам в интернет-магазине Lamoda

    Для карточки товара интернет магазина

    Есть ключевые запросы:

    samsung galaxy s5
    samsung galaxy s5 в москве
    samsung galaxy s5 купить
    samsung galaxy s5 купить в москве
    samsung galaxy s5 цена
    смартфон samsung galaxy s5

    Тайтл для такой страницы будет следующим:

    Купить смартфон Samsung Galaxy S5 в Москве по цене 8500 рублей в интернет магазине DNS

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

    Есть ключевые запросы:

    лечение сахарного диабета
    симптомы сахарного диабета у взрослых
    сахарный диабет
    сахарный диабет лечение и диета
    сахарный диабет симптомы
    сахарный диабет симптомы и лечение
    сахарный диабет симптомы и лечение у взрослых

    Тайтл для такой страницы будет следующим:

    Сахарный диабет у взрослых — симптомы, лечение и диета — SiteProDiabet

    Длина содержимого тега title

    Бытует мнение, что тайтл нужно делать от 55 до 90 символов. Это имеет под собой почву, но не является полной правдой. Дело в том, что сейчас работает алгоритмы Палех у Яндекса и аналогичный Rank Brain у Google, которые по смыслу определяют релевантность страницы.

    Палех определяет по содержимому тайтла. И здесь в дело идут НЧ запросы (или “длинный хвост”), которые можно прописать в тайтл, пусть даже он получится длинным.

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

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

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

    И не путать! Описание КОНКРЕТНОЙ СТРАНИЦЫ, а не всего сайта.

    Вот как выглядит дескрипшн в коде.

    Вот так выглядит этот дескрипшн в сниппете.

    Google достаточно часто использует description для описания в сниппете, Яндекс очень редко, практически вообще не использует, но это не значит, что не нужно его прописывать. Нужно обязательно, иначе в вебмастере будет такая ошибка.

    И это влияет на продвижение сайта.

    Принципы составления description

    • Так же, как и тайтл, дескрипшн пишется под собранные ключевые фразы для страницы. В идеале в него должны войти все ключи, но можно разделять — запросы, которые не помещаются в тайтл, вписать в дескрипшн. Как в примере выше — цена в тайтл, стоимость в дескрипшн.
    • Состоит из двух предложений, желательно оба в глагольной форме, но второе предложение прям обязательно глагольное с призывом к действию (позвонить, заказать, читайте).
    • Отлично, если вписать преимущества компании (ассортимент, доставка, склад в мск, установка, гарантия). Это также дает преимущества и перед конкурентами, мало кто это делает.
    • Все description должны быть уникальны в рамках сайта, то есть для каждой страницы нужно прописать свой уникальный дескрипшн. И соответственно, они не должны дублироваться с тайтлом.
    • Используйте в сниппете символы юникода. Как и для тайтлов спецсимволы могут хорошо сработать. На скриншоте выше можно посмотреть, как владелец интернет магазина диванов использовал юникод в своем дескрипшн.

    Есть также распространенное мнение, что длина длина тега meta description должна составлять 140-200 символов. Но и это не критично, можно и больше, если нужно, ведь поисковики индексируют весь дескрипшн. Главное, чтобы цель оправдывала себя.

    Пример, как заполнять мета тег description

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

    Для сайта услуг

    Есть ключевые запросы:

    дмс для новорожденных
    купить дмс для новорожденных
    дмс для новорожденных цена
    дмс новорожденных
    дмс для новорожденных москва
    полис дмс новорожденных
    страхование дмс новорожденных

    Дескрипшн для такой страницы будет следующим:

    В страховой компании Макс вы можете купить полис ДМС для новорожденных в Москве по цене от 3000 рублей. Звоните по телефону +7(495)344-44-54.

    Для раздела интернет магазина

    Есть ключевые запросы:

    интернет магазин одежды оптом
    купить одежду оптом
    магазин одежды оптом
    одежда оптом
    одежда оптом от производителя
    одежда оптом по низким ценам

    Дескрипшн для такой страницы будет следующим:

    В интернет магазине Lamoda вы можете купить одежду оптом от производителя по низким ценам. Доставка со склада в Москве, большой ассортимент. Звоните!

    Для карточки товара интернет магазина

    Есть ключевые запросы:

    samsung galaxy s5
    samsung galaxy s5 в москве
    samsung galaxy s5 купить
    samsung galaxy s5 купить в москве
    samsung galaxy s5 цена
    смартфон samsung galaxy s5

    Дескрипшн для такой страницы будет следующим:

    В интернет магазине DNS в Москве вы можете купить смартфон Samsung Galaxy S5 по цене 8500 рублей. Для заказа позвоните по телефону 555-555-555.

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

    Есть ключевые запросы:

    лечение сахарного диабета
    симптомы сахарного диабета у взрослых
    сахарный диабет
    сахарный диабет лечение и диета
    сахарный диабет симптомы
    сахарный диабет симптомы и лечение
    сахарный диабет симптомы и лечение у взрослых

    Дескрипшн для такой страницы будет следующим:

    Узнайте, что такое сахарный диабет, какие симптомы, диета и способы лечения заболевания у взрослых. Подробнее читайте на сайте SiteProDiabet.

    Для закрепления обязательно посмотрите это видео, где я наглядно показываю, как составляю мета теги:

    Теперь вы знаете, как прописать правильный мета тег description, принципы заполнения его содержимого и описания. И напоследок, поговорим о keywords.

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

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

    А вот официальное заявление Мэтта Каттса из Google.

    Оптимизаторы давно уже перестали использовать keywords в продвижении сайтов. Лично я также не использую кейвордс.

    Шаблонизация мета тегов для интернет магазина

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

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

    Примеры шаблонов для разделов:

    Тайтлы — Купить %название раздела% в Москве по недорогой цене в интернет магазине Подушки.ру

    Дескрипшны — В интернет магазине Подушки.ру вы можете купить %название раздела% по очень дешевой цене. Звоните по телефону 555-555-555.

    Соответственно, вместо переменной %название раздела% подставляется название того раздела, в котором прописаны эти мета-теги.

    Мета теги для служебных и не продвигаемых страниц

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

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

    В данном случае нужно прописать простые title и description, которые характеризуют страницу или раздел. Например, для страницы «Контакты» можно написать такие мета данные:

    Тайтл — Контакты компании Coca Cola

    Дескрипшн — Вы можете связаться с нами любым удобным для вас способом — по телефону, e-mail, skype, придти в офис. Все наши контакты представлены на этой странице.

    Ну смысл такой, что в свободной форме придумываете о чем данная страница или раздел. Здесь нет каких-то особых правил, как для целевых страниц. Главное — чтобы мета теги были!

    Заключение

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

    P.S. Если вам понравилась статья, то поделитесь ею с друзьями в социальных сетях, также пишите ваши вопросы, комментарии.

    Хотите продвинуть ваш сайт? Оставьте заявку на бесплатный анализ сайта!

    МЕТА-тег Description и описание страницы сайта в результатах поиска

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

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

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

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

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

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

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

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

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

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

    Пример meta description:

    Что писать в 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

    Что в итоге:

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

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

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

    Что такое мета-теги и для чего они нужны

    Не теряйте клиентов, перезванивайте по заявкам с сайта за одну минуту

    Теги meta помогают людям находить ваш сайт в поисковых системах, влияют на его позиции в поисковой выдаче. Если правильно применять мета-теги – шанс того, что ваш сайт попадет в ТОП Yandex, Google, Rambler и других ПС значительно возрастает. Метатеги не являются обязательным атрибутом, и вы можете не использовать их. Поэтому стоит разобраться, насколько важны и зачем они нужны.

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

    Главные задачи мета-тегов:

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

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

    Теги мета по функциям можно разделить на 2 основные группы:

    1. Для роботов поисковых систем (title, description, keywords) – используются для внутренней оптимизации ресурса.
    2. Технического характера – они позволяют правильно настроить отображение и индексацию страницы, указать информацию об авторе и документе.

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

    Как правильно сформировать метатеги для ПС

    Для составления title, description и keywords используются ключевые слова или фразы. Эти фразы важны, они подсказывают поисковым системам, какая тематика у статьи, и на какие вопросы она может ответить.

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

    Тег «Title»

    Мета-тег прописывается вебмастером в html коде документа и является его заголовком. Это не заголовок статьи на сайте, поэтому на самой странице его вы не найдете.

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

    Всем знакомая страничка поиска в Яндексе выдает нам результаты по запросу в виде блоков с названием и описанием или анонсом содержимого:

    Так выглядит содержимое тега «Title» в заголовке вкладки (окна браузера):

    Как заполнять тег title

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

    Поисковые системы установили стандарты на содержимое и допустимый объем в теге title. Задача вебмастера – вместить в короткую фразу самые емкие и важные слова как для роботов, так и для человека.

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

    Ключевые слова: купить вечернее платье, интернет-магазин платье, купить платье недорого, сколько стоит вечернее платье

    Можно было бы так: «Купить вечернее платье, интернет-магазин платьев, купить платье недорого»

    Но лучше будет так: «Купить вечернее платье в интернет-магазине недорого с доставкой».

    То есть в стремлении ответить на большее количество запросов пользователя можно не угодить поисковику, в первом случае получается переспам по основному ключу. Во втором случае нет повторов, есть гармонично составленное предложение, содержащее к тому же основной ключевой запрос + 2 ключевых слова: “интернет-магазин” и “недорого”.

    Важно: Поисковые системы Yandex и Google выдвигают разные стандарты длины тега Title. Google отображает пользователям до 70 символов, и до 12 слов. Яндекс отображает – до 15-ти слов, и до 80-ти символов.

    Мета-тег Description – описание страницы

    «Description» – тег предоставляет «анонс» на странице выдачи по запросу пользователю краткое описание содержимого страницы. Тег наполняется 2-4 короткими предложениями, в которых рекомендуется использовать 1-2 поисковых запроса

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

    Для создания примеров возьмем за основу 2 поисковые фразы: стильная женская одежда, одежда от производителя.

    1. можно было бы скопировать часть статьи со страницы: С 1992 года наша компания сотрудничает с итальянскими домами моды. Поэтому в нашем ассортименте представлен широкий выбор моделей, благодаря чему вы можетекупить одежду от производителянедорого.Стильная женская одежда– мечта каждой женщины.
    2. но лучше составить уникальный, без переспама, но с ключевыми словами небольшой анонс содержимого страницы: Купить стильную женскую одеждуот итальянскогопроизводителяможно в нашем интернет-магазине недорого, с доставкой.

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

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

    C помощью содержимого meta name description поисковые системы формируют сниппеты. Это короткое описание страницы, которое отображается в поисковой выдаче сразу под ссылкой на сайт.

    Вы помните, как это выглядит:

    Если же ПС считают, что meta name description content сформирован не по всем правилам, то сниппет создается из разных кусочков фраз, находящихся на странице.

    Это выглядит так:

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

    • Ранжирование страницы в поисковых системах.
    • Перейдет ли пользователь из ПС к вам на сайт.

    Прописывать теги «Title» и «Description» рекомендуется для каждой страницы сайта.

    Мета-тег Keywords – поисковые запросы

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

    Заполнять мета keywords рекомендуется 3-5 фразами через запятую. Если вписать больше запросов, поисковики могут посчитать страницу переспамленной, за что сайт может попасть под санкции или будет плохо ранжироваться.

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

    Если ключами для страницы являются: вечерние платья, купить вечернее платье, заказать вечернее платье, вечернее платье с доставкой, платье в клетку, платье в пол, то не стоит в таком виде применять их для заполнения meta keywords.

    Правильнее без повторов и переспама: вечернее платье, купить, заказать, с доставкой, в клетку.

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

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

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

    Основные технические мета-теги:

    Content-type – в нем содержится информация о типе документа и его кодировки. Мета-тег влияет на правильность отображения страницы в браузере. Сейчас браузеры способны легко определить кодировку сайта, но вебмастеры рекомендуют воспользоваться тегом для большей уверенности.

    Content-language – тег сообщает браузеру и поисковым роботам, на каком языке представлен контент на сайте.

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

    Robots – он отвечает за то, какие области сайта будут подвергнуты индексации, а какие роботы ПС пропустят. У тега Robots могут быть следующие значения:

    • Index – страница открыта для индексирования/Noindex – запрещает индексацию страницы
    • Follow – позволяет учитывать гиперссылки на странице/Nofollow – не позволяет учитывать гиперссылки на странице
    • All – замена для значений «follow» и «index», позволяет учитывать гиперссылки и индексировать страницу
    • None – замена для значений «nofollow» и «noindex», закрывает от индексации страницу и гиперссылки

    Meta Author и Copyright – с помощью этих тегов можно указать владельца документа и авторство.

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

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

    Илон Маск рекомендует:  Слой по центру веб-страницы
    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL