Содержание

Мета-теги для сайта. Title и Description в примерах

Что известно поисковым системам о страницах вашего сайта? «Конечно, их тексты» – скажете вы, и будете совершенно правы.

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

Мета-теги title и description находятся в самом начале кода HTML-страницы (между тегами <head> и </head>). Во многих системах управления сайтом мета-теги можно указать в настройках для каждой страницы сайта.

Когда вы просматриваете страницу, то в заголовке браузера в самом верху отображается текст – это и есть тег title (заголовок открытой страницы):

В поисковых системах title показывается как ссылка для перехода на сайт. Именно по тексту title большинство людей решает, переходить или нет:

Заголовок должен обязательно содержать 1-3 ключевых слова, под которые оптимизирована страница, а также – отражать ее содержимое. Важные ключевые слова следует расположить ближе к началу. Желательно уложиться в 70 символов.

Пример №1

Сайт publichall.ru

Код на сайте:
<title>Подарки оптом, подарки сотрудникам, рекламные сувениры, корпоративные подарки.</title>

Ошибка:
В заголовке использованы только ключевые слова.

Исправленный код:
<title>Подарки и сувениры, футболки с логотипом от Паблик Холл. Тел. (495) 769-97-83</title>

Пример №2

Сайт amk-1.ru

Код на сайте:
<title>«Автомоечный комплекс №1»: автомойка, шиномонтаж, кафе, сауна, комната отдыха.</title>

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

Исправленный код:
<title>Автомойка в Воронеже, шиномонтаж и балансировка. Тел. (473) 24-42-777</title>

Пример №3

Сайт www.dextella.ru

Код на сайте:
<title>Новости</title>

Ошибка:
Слишком кратко и неинформативно.

Исправленный код:
<title>Юридические услуги в Санкт-Петербурге, ведение дел в арбитражных судах – компания Декстелла</title>

 

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

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

Длина description должна быть не более 150 символов.

Пример №1

Сайт salonleal.ru

Код на сайте:
<meta name=»description» content=»Салон красоты ЛЕАЛЬ самый лучший Салон красоты москвы, салон красоты, парикмахерская, парикмахерская москва, стрижка в москве, похудеть москва, стрижка не дорого, как похудеть, похудеть москва,»/>

Ошибка:
Простое перечисление ключевых слов.

Исправленный код:
<meta name=»description» content=»Салон красоты Леаль предлагает Вам парикмахерские услуги, японский маникюр, разглаживание волос, ленточное наращивание волос. Новинка – ши лак! Ждем Вас!»/>

Пример №2

Сайт anapa132.ru

Код на сайте:
<meta name=»description» content=»Туризм, отдых, курорт, путешествия, размещение, Анапа, без посредников, дешево, недорого, частная, минигостиница, `Семейный отдых`, отдых, курорт Анапа, семейный отдых, отдых с детьми, семьей, детский, отдых в Анапе, на берегу, Черное море, без выезда за рубеж, солнечный, курорт, России, фото Анапы, фотоальбом, фото, фотографии, песчаный, туризм, турпоездка, тур, поездка на Черное море, автотурист, автотуризм, автопутешествие, путешествие, автостоп, автокемпинг, галечный, пляж, черноморское, побережье, анапа, частный сектор, санаторий, гостиница, лечение, оздоровление, грязи, лечебные, ингаляции, кино, мини-гостиница, семейный, центр, песчаный, галечный, Анапа, Витязево, Джемете, Сукко, Утриш, гостинницы, базы отдыха, квартиры, курортной, черноморской, зоны, пансионат, дайвинг, кайтинг, серфинг, курорт Анапа, аквапарк, дельфинарий, водные, лыжи, аттракционы, горки, водный стадион, воднолыжный, море, летний, лето, отпуск, детский» />

Ошибка:
Слишком длинное описание, опять же перечисление ключевых слов.

Исправленный код:
<meta name=»description» content=»Предлагаем недорогой семейный отдых с детьми в Анапе. К вашим услугам размещение в мини-гостинице на берегу Черного моря. Мы всегда рады гостям!» />

Пример №3

Сайт taxconsult.kz

Код на сайте:
<meta name=»description» content=»Бухгалтерские услуги в Алматы» />

Ошибка:
Слишком короткое описание.

Исправленный код:
<meta name=»description» content=»Компания TaxConsult предлагает бухгалтерские услуги в Алматы. Для Вас: консультирование в области налогообложения, постановка и ведение бухгалтерского учета, регистрация ИП и многое другое.» />

 

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

 

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

META-теги

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

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





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

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

 Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1

(The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)

 

Атрибут HTTP-EQUIV

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

Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.
 

Значения  поля content  для Аттрибута   HTTP-EQUIV








Значение Описание Пример использования Эффект
Expires Дата устаревания. Управление кэшированием в HTTP/1.0. Если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша. Дата со значением «0» интерпретируется как «сейчас». Такое значение заставляет броузер каждый раз при запросе проверять — изменялся ли этот документ. Это, кстати относится и к прокси-агентам. Дата должна быть задана в формате, описываемом в RFC850,

<META HTTP-EQUIV=»expires» CONTENT=»Wed, 26 Feb 2008 08:21:57 GMT»>

что эквивалентно HTTP-заголовку

Expires: Wed, 26 Feb 2008 08:21:57 GMT
Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно «обнюхивать» его.
Pragma Эта директива показывает, что кешированная информация не должна использоваться и вместо этого запросы должны посылаться на сервер. Это директива имеет тоже самое значение что и CACHE-CONTROL:NO-CACHE и представлена для обратной совместимости с HTTP/1.0.

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

Если известно, что сервер совместим с

HTTP/1.1 клиент НЕ должен посылать PRAGMA заголовок.

 HTTP/1.1 кэш должен понимать «PRAGMA:NO-CACHE» точно также, как будто клиент послал «CACHE-CONTROL:NO-CACHE».

<META HTTP-EQUIV=»PRAGMA» CONTENT=»NO-CACHE»>  
Content-Type Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тега, то некоторые браузеры выводят такую страницу уже в заданном charset. <META HTTP-EQUIV=»Content-type» CONTENT=»text/html; charset=ISO-2022-JP»>  Используют браузеры и поисковые системы
Content-language Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка. <META HTTP-EQUIV=»Content-language» CONTENT=»en-GB»>

что эквивалентно HTTP-заголовку 

Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания

Для русского языка – ru-RU
Используется некоторыми поисковиками
Refresh Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа. <META HTTP-EQUIV=»Refresh» Content=»3, URL=http://www.name.com/page.html»>

что эквивалентно HTTP-заголовку

Refresh: 3; URL=http://www.name.com/page.html
W3C не рекомендует использовать этот тег.

Google страницы с таким тегом игнорирует. Другие поисковые системы, возможно, тоже.
Cache-Control Определяет действия кэша по отношению к данному документу. Возможные значения:

Public — документ кэшируется в доступных для всех кэшах

Private — только в частном кэше

no-cache — не может быть кэширован

no-store — может быть кэширован, но не сохраняется
<META http-equiv=»Cache-Control» content=»public»> Используется некоторыми браузерами

Атрибут NAME









Robots
Тег <meta name=»Robots» content=»…»> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам.

Инструкции по индексации записываются в поле content. Возможны следующие инструкции:

NOINDEX — запрещает индексирование документа;

NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе;

INDEX — разрешает индексирование документа;

FOLLOW — разрешает проход по ссылкам.

ALL — равносильно INDEX, FOLLOW

NONE — равносильно NOINDEX, NOFOLLOW

Значение по умолчанию: <meta name=»Robots» content=»INDEX, FOLLOW»>.

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

<META name=»ROBOTS» content=»index, nofollow»>

Имя тега, названия и значения полей нечувствительны к регистру.

В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид «none, nofollow».

Google поддерживает дополнительное значение NOARCHIVE, которое запрещает помещать страницу в архив google
<META NAME=»Robots» CONTENT=»NOINDEX,FOLLOW»> Используется большинством поисковиков
Description Значение атрибута CONTENT — строка, которая определяет текстовое описание (краткую аннотацию) конкретной страницы Вашего сайта. Не стоит создавать слишком длинное и подробное описание Вашего сайта в данном теге, рекомендуется ограничиться текстом до 100 символов, поскольку поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов. Этот тег может сильно помочь в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты. <META NAME=»description» CONTENT=»Данный сайт содержит информацию для любителей старинных автомобилей, на нем Вы можете найти описание с фотографиями редких и эксклюзивных автомобилей»> Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации.

Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот

 тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Keywords Значение атрибута CONTENT — список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов. <META NAME=»keywords» CONTENT=»реклама, дизайн, полиграфия»> Учитывается большинством поисковых систем. Точно известно, что НЕ учитывает  Google и Rambler
document-state Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать (значение Static), или реиндексировать документ регулярно (значение Dynamic). <META NAME=»Document-state» CONTENT=»Static»> Используется редко
GOOGLEBOT Google поддерживает специальный тег Googlebot с помощью которого вы можете указать Google что он не должен индексировать и архивировать вашу страницу, другие поисковые системы этот тег проигнорируют. <META NAME=»GOOGLEBOT» CONTENT=»NOARCHIVE»>  
Author Автор, создатель сайта. Вряд ли используется поисковыми системами, и нужен скорее всего чтобы можно было показать что сайт сделан именно определенной персоной или фирмой. <META NAME=»AUTHOR» CONTENT=»www.neo-systems.ru»>  
Revisit Значение этого тега указывает — как часто обновляется информация на вашем сайте, и как часто поисковая система должна на него заходить чтобы увидеть обновления. В силу сложившихся условий — поисковые системы сейчас самостоятельно определяют частоту сканирования сайта, поэтому, возможно, наличие этого тега ничего вам не даст. <meta name=»revisit-after» content=»15 days»>  

 

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

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

Метатеги


Метатеги – это один из важнейших инструментов продвижения сайта в поисковых cистемах . Чем выше рейтинг сайта у крупнейших поисковых систем Google и Яндекс, тем выше сайт находится в выдаче по определенным запросам и тем раньше его заметит пользователь.

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

Основные метатеги — это title, keywords, description и h2.

  • Title (1) – отображает содержимое как заголовок сайта на вкладке браузера и в поисковой выдаче

  • Description (2) – отображает содержимое как описание страницы в поисковой выдаче

  • Keywords (3) – используются поисковиками для определения релевантности страницы, т.е. ее соответствия заданным условиям поиска.

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

Настройка метатегов


В административном режиме перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог. Переключитесь на вкладку «SEO».



Рассмотрим группы полей:

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

  • Настройки для элементов – мета-информация, которая вносится на страницы дочерних элементов раздела – подразделов, карточек товаров

  • Настройки для изображений разделов – мета-информация, которая привязывается к картинкам-анонсам в списке разделов

  • Настройки для детальных картинок разделов – мета-информация, которая привязывается к картинкам на странице раздела

  • Настройки для картинок анонса элементов – мета-информация, которая привязывается к картинкам-анонсам в списке товаров

  • Настройки для детальных картинок элементов – мета-информация, которая привязывается к картинкам на карточке товара.


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


Рассмотрим подробнее, какую информацию рекомендуется вносить в шаблоны.


Настройки для разделов


  • Шаблон META TITLE – формирует заголовок для страницы раздела.

    Формула: код «Название текущего раздела» + текстовый заголовок.

    Пример: {=this.Name} купить в интернет-магазине Челябинска. В результате для раздела «Дрели и перфораторы» title получится «Дрели и перфораторы купить в интернет-магазине Челябинска», а для раздела «Женская одежда» – «Женская одежда купить в интернет-магазине Челябинска».  Рекомендуем использовать название раздела.


  • Шаблон META KEYWORDS – формирует набор ключевых фраз для поисковиков.

    Формула: код «Название текущего раздела».

    Пример: {=this.Name}. В результате ключевые слова подтянутся из настроек каждого раздела.


  • Шаблон META DESCRIPTION – формирует описание страницы в выдаче поисковика.

    Формула: код «Название текущего раздела» + текстовое описание.

    Пример: {=this.Name} по низким ценам с доставкой в Челябинске. В результате для раздела «Дрели и перфораторы» description получится «Дрели и перфораторы по низким ценам с доставкой в Челябинске».


  • Заголовок раздела – формирует основной заголовок на странице. Рекомендуем оставить название раздела.

    Формула: код «Название текущего раздела».

    Пример: {=this.Name}.


Настройки для элементов


  • Шаблон META TITLE – формирует заголовок для карточек товаров.

    Формула: код «Название текущего элемента» + ключевая фраза.

    Пример: {=this.Name} + купить недорого в Челябинске. В результате для товара «Дрель монтажная Bosch Professional GBM» title карточки получится «Дрель монтажная Bosch Professional GBM купить недорого в Челябинске».


  • Шаблон META KEYWORDS – формирует набор ключевых фраз для карточки товара.

    Формула: код «Название родителя» + код из списка Свойства – «Бренд», «Модель», «Тип» или другое + ключевые слова.

    Пример: {=parent.Name} {=this.property.BRAND} купить, интернет-магазин, недорого, Челябинск. В результате для товара «Дрель монтажная Bosch Professional GBM» keywords получатся «Дрели и перфораторы Bosch купить в интернет-магазине Челябинск».


  • Шаблон META DESCRIPTION – формирует описание для карточки товара.

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

    Пример: {=this.PreviewText} фото, видео, отзывы о товаре, наличие, доставка. В результате для товара «Дрель монтажная Bosch Professional GBM» description получится «Дрель монтажная Bosch Professional GBM фото, видео, отзывы о товаре, наличие, доставка».


  • Заголовок товара – формирует основной заголовок на странице. Рекомендуем оставить название товара.

    Формула: код «Название текущего элемента».

    Пример: {=this.Name}.


Настройки для изображений разделов


  • Шаблон ALT – формирует описание картинок.

    Формула: фото + код «Название текущего раздела».

    Пример: Фото {=this.Name}. В результате для раздела «Дрели и перфораторы» alt у картинок получится «Фото Дрели и перфораторы».


  • Шаблон TITLE – формирует заголовок картинок.

    Формула: Фото + код «Название текущего раздела».

    Пример: Фото {=this.Name}.


  • Шаблон имени файла – заполнять необязательно


Настройки для детальных картинок разделов


  • Шаблон ALT

    Формула: код «Название текущего раздела».

    Пример: {=this.Name}


  • Шаблон TITLE

    Формула: код «Название текущего раздела».

    Пример: {=this.Name}.


  • Шаблон имени файла – заполнять необязательно.


Настройки для детальных картинок элементов


  • Шаблон ALT

    Формула: код «Название текущего элемента» + ключевая фраза.

    Пример: {=this.Name} фото в интернет-магазине Наш магазин. В результате для товара «Дрель монтажная Bosch Professional GBM» alt у детальных картинок получится  «Дрель монтажная Bosch Professional GBM фото в интернет-магазине Наш магазин»


  • Шаблон TITLE

    Формула: код «Название текущего элемента» + ключевая фраза.

    Пример: {=this.Name} фото в интернет-магазине Наш магазин.

    Настройки для картинок анонса элементов заполнять не обязательно.

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

Мета-теги в коде страницы

Мета-теги в HTML-коде


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


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

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


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

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

Robots


Мета-тег указывает роботам поисковых систем, как сканировать и индексировать страницу.


Для конкретного бота можно задать свою инструкцию. Например, заменить robots на Googlebot для Гугла или на YandexBot для Яндекса.


Возможные указания:

  • all – означает, что разрешена индексация и переход по ссылкам, аналогично index, follow;
  • noindex – запрет индексации;
  • index – разрешена индексация;
  • nofollow – нельзя переходить по ссылкам;
  • follow – можно переходить по ссылкам;
  • noarchive – запрещено показывать ссылку на сохраненную копию в выдаче;
  • noyaca – (для Яндекса) не использовать для сниппета описание из Яндекс.Каталога;
  • nosnippet – (в Google) нельзя использовать для сниппета фрагмент текста и показывать видео;
  • noimageindex – (в Google) запрет указания страницы как источника изображения;
  • unavailable_after:[date] – (в Google) после указанной даты будет прекращено сканирование и индексирование страницы;
  • none – запрет индексации и перехода по ссылкам, аналогичен noindex, nofollow.

Description


Мета-тег name=«description» может использоваться поисковыми системами при формировании сниппета, поэтому он должен:

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


В разных поисковых системах выводятся 160–240 символов.


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

Keywords


Мета-тег name=«keywords» раньше использовался поисковыми системами при ранжировании, но из-за многочисленных манипуляций его значимость постоянно уменьшалась. Теперь большинство поисковиков его игнорируют. Google не поддерживает вообще, а Яндекс пишет, что может учитывать. Но на практике keywords давно не оказывает влияния, а его некорректное заполнение может привести к переспаму.


Существуют три подхода:

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


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


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

Title


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


Данный HTML-тег важен для SEO: влияет на ранжирование и кликабельность по сниппету.


Классические рекомендации по заполнению мета-тега:

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


Рекомендуема длина – 70–80 символов.

Другие мета-теги

Верификация


Для подтверждения права собственности на сайт и возможности управлять им в Вебмастере Яндекса или Search Console в Google можно использовать особые мета-теги верификации google-site-verification и yandex-verification (или иной способ).

Viewport


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

Http-equiv


Принимаемые значения:

  • Content-Type – помогает определить кодировку и тип документа;
  • Refresh – перенаправление на другую страницу после заданного в секундах времени нахождения;
  • Content-Language – указание основного языка документа.


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

Author и Copyright


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

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

Привет! В предыдущей статье я рассказал, как составлять мета-тег Тайтл для сайта. В этой поговорим о правильном Description для вашего проекта, как заполнять и для чего он вообще используется, когда на дворе 2020 год.

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

Общая информация

Мета-тег Description  – это по своей сути микро-анонс-описание всей страницы, для которой он прописывается. Дескрипшн даёт общее представлением поисковым системам Яндекс Google о чём страница. Description выводится в поисковой выдаче и называется сниппет.

Стоит отметить, что Google намного чаще использует прописанный Meta Tag Description  в выдаче, тогда как Яндекс в большей части случаев выводит какой-либо отрывок из текста по своему усмотрению. Однако, это не значит, что тегом Дескрипшн можно пренебрегать и оставлять его пустым!

Правильно составленный и прописанный Description – очень важный элемент SEO-оптимизации страницы.

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

Кроме того, метатег Дескрипшн для Главной также необходимо составлять особенным образом. А как именно составить правильно данный тег я расскажу ниже.

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

Ну и самое банальное (хотя некоторые даже в этом косячат) Description должен отличаться от Тайтла, а не дублировать его!

Длина Description в 2020 году

Оптимальный размер для Description является 160-170 символов. С недавних пор Яндекс увеличил размер выводимого в выдаче сниппета, добавив кнопку «Читать далее» после нажатие на которую выводится в общей сложности до 300-350 символов.

Тем не менее, я рекомендую не превышать длину в 200 символов, и делать Дескрипшн  из 3-4 предложений с обязательным вхождением ключевых слов, пусть и в склонённом или разбавленном другими словами виде.

Инфографика

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

Description для интернет-магазина или сайта услуг

Начнём с правильного составления и заполнения Дескрипшена коммерческого сайта.

Карточки товаров или посадочные страницы

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

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

Подробнее про SEO-хвосты можно прочитать по ссылке.

Далее пример формулы для составления правильного Description для интернет-магазина платьев:

В интернет-магазине «Платья 24» вы можете купить вечернее платье на свадьбу с доставкой на дом. Лучшие цены в Москве.

Здесь:

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

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

Задать вопрос Загрузка …

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

Т.о. формула для тега может выглядеть так:

В %бренд% разбавка %коммерческая фраза% %основной ключ%%коммерческая фраза%. Разбавка %коммерческая фраза% %второй ключ%%гео-привязка%.

Главная страница коммерческого сайта

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

Т.е. для интернет-магазина по продаже платьев в meta описание мы будем использовать основное ключевое слово – «платья».

Пример:

Интернет-магазин платьев «Платья 24». Огромный ассортимент платьев на выпускной, свадьбу и для повседневной жизни. Выгодные цены на платья. Доставка по Москве.

Т.о. формула Дескрипшн останется без изменений, т.е.:

В %бренд% разбавка %коммерческая фраза% %основной ключ%%коммерческая фраза%. Разбавка %коммерческая фраза% %второй ключ%%гео-привязка%.

Дескрипшн для информационного сайта

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

Статьи

Формула для Description инфо-статьи:

Разбавка % ключевое слово%. %Ключевое слово% разбавка разбавка. Разбавка %ключевое слов%.

Пример:

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

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

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

Как и в случае с Тайтлом Главной инфосайта, тег Дескрипшн также составить довольно проблематично. Если информационный сайт заточен под широкую нишу, тогда будет сложно уместить всё в одном мини-описание.

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

А что если мета-теги Description отсутствуют?

Об этом часто любит сообщать Вебмастер Яндекса. Чтобы проверить есть ли у вас страницы без SEO-описаний, т.е. без Дескрипшенов, необходимо зайти на

  1. webmaster.yandex.ru ->
  2. Выбрать свой сайт.
  3. Диагностика. И если проблемы есть, то вы увидите надпись – Отсутствуют метатеги <Description>

Зайдя в каждую проблемную статью и заполнив SEO-описание страницы необходимо в Яндекс.Вебмастере нажать на кнопку перепроверки и ждать результата. Если страниц с отсутствующим Description больше не будет, то метка пропадёт.

Лайфхак для сайтов на WordPress с Yoast SEO

И напоследок небольшой лайфхак для лентяев. Если же вы категорически не хотите руками прописывать  Description (но только так можно действительно хорошо оптимизировать данный тег), но при этом хотите избежать предупреждений в Яндекс.Вебмастере (как говорится и рыбку съесть и на кхм-кхм…), тогда вам на помощь придёт плагин Yoast SEO и вот такая штука – %%excerpt%%.

Вам нужно зайти в настройки Yoast SEO, как указано на скриншоте и в поле Meta Description прописать %%excerpt%%

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

Надеюсь помог!

HTML метатег

Пример

Описывать метаданные в документе HTML:



Попробуй сам »

Дополнительные примеры «Попробуйте сами» ниже.


Определение и использование

Тег определяет метаданные о
HTML-документ. Метаданные — это данные (информация) о данных.

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

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

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

Существует метод, позволяющий веб-дизайнерам контролировать область просмотра.
(видимая пользователем область веб-страницы) с помощью тега (см. «Настройка
Пример «Окно просмотра» ниже).


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

Элемент
<мета Есть Есть Есть Есть Есть

Атрибуты

Атрибут Значение Описание
кодировка набор символов Задает кодировку символов для документа HTML.
содержание текст Задает значение, связанное с атрибутом http-Equiv или name.
http-экв политика безопасности содержимого
тип содержимого
по умолчанию
обновить
Предоставляет HTTP-заголовок для информации / значения атрибута содержимого
наименование имя-приложения
автор
описание
генератор
ключевые слова
окно просмотра
Задает имя метаданных

Глобальные атрибуты

Тег также поддерживает глобальные атрибуты в HTML.



Другие примеры

Определите ключевые слова для поисковых систем:

Определите описание вашей веб-страницы:

Определите автора страницы:

Обновлять документ каждые 30 секунд:

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


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

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

Вы должны включить следующий элемент на все свои веб-страницы:

Это дает браузеру инструкции о том, как
для управления размерами и масштабированием страницы.

Часть width = device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая будет варьироваться в зависимости от устройства).

Часть initial-scale = 1.0 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.

Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра :

Совет: Если вы просматриваете эту страницу с помощью телефона или планшета, вы можете щелкнуть две ссылки ниже, чтобы увидеть разницу.

Подробнее о вьюпорте можно прочитать в нашем «Адаптивном веб-дизайне» — Учебное пособие по вьюпорту.


Связанные страницы

Учебное пособие по HTML: заголовок HTML

Ссылка

HTML DOM:
Мета-объект


Настройки CSS по умолчанию

Нет.

.

Добавьте SEO-заголовок и мета-описание

Создайте SEO-мета-заголовок и описание для каждой страницы вашего сайта.

В этом видео используется старый интерфейс. Скоро выйдет обновленная версия!

В этом видео используется старый интерфейс. Скоро выйдет обновленная версия!

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

В этом уроке

Настройки SEO

Откройте настройки страницы из панели Страницы и добавьте мета-заголовок и описание SEO в разделе Настройки SEO .

Настройки SEO для домашней страницы на панели настроек страниц

Тег заголовка

Тег заголовка часто используется в качестве заголовка в результатах поиска. Рекомендуется сделать его короче 60 символов.

Метаописание

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

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

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

Страница коллекции SEO-заголовок и описание

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

Чтобы определить свой шаблон, перейдите к настройкам шаблона коллекции на панели страниц и добавьте поля коллекции , которые вы хотите использовать для мета-заголовка SEO и описания в разделе Настройки SEO .

Пример

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

Для мета-описания вы сделаете то же самое. Ссылка на «краткое изложение» сообщения в блоге.

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

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

Попробуйте Webflow — это бесплатно

.