Description тег html – Описание страницы сайта с помощью тега DESCRIPTION, его влияние на позиции сайта.

Содержание

Все о мета тегах | HTML/xHTML

Мета теги используются для описания свойств HTML документа и должны находится в рамках тега HEAD. Если в документе используется тег TITLE, то мета теги рекомендуется вставлять в документ после него.

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

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

Мета теги могут влиять на режим отображения HTML документов, хотя сами на экран не выводятся.

Далее будут описаны мета теги, принятые большинством поставщиков услуг и программ для сети интернет.

Мета теги типа NAME содержат текстовую информацию о документе, его авторе и некоторые рекомендации для поисковых машин. Например: Robots, Description, Keywords, Author, Copyright.

Мета теги типа HTTP-EQUIV влияют на формирование заголовка документа и определяют режим его обработки.

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

Тег Author должен содержать имя автора, если сайт принадлежит организации, имеет смысл использовать тег Copyright. Информация обязательно должна заключаться в кавычки, например:

<META Name= Author content="Смирнов Сергей">

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

<META Name= Author Lang="ru" content="Смирнов Сергей">

Мета тег Description — служит для краткого описания странички.

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

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

Желательно чтобы длина описания не превосходила 80 символов. Пример:

<META Name="Description" content= "Сайт про ...">

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

Static — Нет необходимости индексировать эту страницу в будущем.

Dynamic — Индексировать эту страницу регулярно (по умолчанию).

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

<META Name="Document-state" content ="Dynamic">

Мета тег Generator — это всего лишь один из "славного" семейства тегов широко используемых генераторами HTML кода в своих целях. Как правило, для владельца сайта эти теги не несут полезной нагрузки.

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

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

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

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

В мета теге Keywords имеет смысл использовать не более 10 слов, большее количество релевантности не увеличит.

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

Роботы некоторых поисковых машин не переходят к новой строке при анализе мета тега Keywords, поэтому не рекомендуется разбивать его на несколько строк.

Пример:

<META Name="Keywords" content="пример, meta, тега">

Если документ написан на нескольких языках, можно использовать добавочный атрибут lang для выбора кодировки (смотри описание мета тега Content-Language).

Пример:

<META Name="Keywords" lang="ru" content="пример, meta, тега">
<META Name="Keywords" lang="en-us" content="meta tegs, example">

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

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

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

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

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

Пример:

<META Name="Resource-type" content ="Document">

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

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

<META Name="Revisit" content="7">

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

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

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

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

Follow — прослеживать гиперссылки на странице.

Nofollow — не прослеживать гиперссылки на странице.

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

None — = noindex, nofollow.

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

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

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

<META name=Robots content="noindex,follow">

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

<META name=Robots content="index,nofollow">

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

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

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

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

<META Name="URL" content= "http://www.Main-Site.com">

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

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

Пример:

<META HTTP-EQUIV="Content-language" content ="ru">

В спецификации HTML 4.0 есть альтернативная возможность явного указания языка — <html lang="en">

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

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

Пример:

<META HTTP-EQUIV="Content-Script-Type" content="text/javascript">

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

<SCRIPT type="text/javascript">

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

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

<META HTTP-EQUIV="Content-Style-Type" content="text/css">

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

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

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

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

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

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

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

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

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

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

Пример:

<META HTTP-EQUIV=”Content-Type” content="text/html; charset=windows-1251">

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

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

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

Пример:

<META HTTP-EQUIV="Expires" content="Wed, 26 Feb 1999 08:21:57 GMT">

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

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

<META HTTP-EQUIV="Pragma" content ="no-cache">

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

<META HTTP-EQUIV="Refresh" content ="4; URL=http://www.name.com/">

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

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

Пример:

<META HTTP-EQUIV="Set-Cookie" content="NAME=value;
EXPIRES=date; DOMAIN=domain_name; PATH=path; SECURE">

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

Пример:

<META HTTP-EQUIV="Set-Cookie" content="NAME=value;">

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

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

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

PATH — Устанавливает подмножество документов, на которые распространяется действие cookie. При значение "/doc" действие cookie будет распространено на все файлы и каталоги в этой директории начинающееся на "doc" (/doc/, /document/, /doc2/, docs.html, doc-test.htm).

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

SECURE — Указывает, что информация о cookie должна пересылается через HTTPS (HTTP с использованием SSL). В противном случае информация о cookie будет пересылается по протоколу HTTP.

Перед запросом к серверу, броузер проверяет cookie. И если атрибуты NAME, DOMAIN и PATH совпадают, броузер посылает cookie серверу.

Если cookie принимает новое значение, старое значение удаляется.

Броузер имеет ряд ограничений по работе с cookie:

Единовременно может храниться не более 300 значений cookie.
Cookie не может превышать 4 Кбайт.
От одного сервера (домена) не может быть более 20 cookie.
Эти ограничения могут быть несколько иными, в зависимости от настройки и типа броузера.

Если происходит превышение лимита (общего или по домену) удаляется первая по времени запись. Удаление происходит, не зависимо от значения атрибута EXPIRES.

При превышении 4 Кбайт, cookie усекается.

Пример:

<META HTTP-EQUIV="Set-Cookie" content="NAME=cookexample;
EXPIRES=Monday, 22-FEB-02 21:11:51 GMT; DOMAIN=WWW.MY.RU;
PATH=/; SECURE">

Мета тег Window-target — определяет окно текущей страницы. Приведенный пример может быть использован для прекращения появления новых окон броузера при применении фреймовых структур. Действует для многих (но не для всех) броузеров. Пример:

<META HTTP-EQUIV="Window-target" content ="_top">

Тег META Description - описание страницы сайта в выдаче

Что такое meta description и как он влияет на ранжирование? Как правильно заполнить тег для формирования сниппета в Яндекс и Google? Каковы основные ошибки при составлении description? Обо всем подробнее в данной статье.

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

Meta Description – это одиночный тег, содержащий краткое описание web-страницы, используемое при формировании сниппета. Данный тег в значительной степени влияет на представление сайта в результатах поисковой выдачи, и рекомендуется к заполнению поисковыми системами.

Meta Description и поисковый сниппет

Поисковые системы учитывают содержание мета-тега description при формировании сниппета сайта в выдаче. Что это значит? Это значит, что вы можете напрямую повлиять на содержание текста вашего сайта в поиске под основной ссылкой.

Так сниппет выглядит в Яндекс:

Так сниппет выглядит в Google:

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

Для чего заполняется description?

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

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

В html коде web-страницы meta description размещается в пределах парного тега <head>, как правило, после тега title. Выглядит вот так:

<html>
   <head>
      <meta name="description" content="Описание страницы сайта." />
   </head>
</html>

Пример description:

<meta name="description" content="Большой выбор женской одежды и аксессуаров в интернет-магазине WildBerries.ru. Бесплатная доставка и постоянные скидки!">
  • Meta – это обозначение самого тега.
  • Name – обязательный атрибут, показывающий что в данном мета-теге содержится описание страницы, а не, к примеру, ключевые слова.
  • Content – это текстовое содержимое тега description.


Влияние meta description на ранжирование сайта

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

  • Влияет на CTR – показатель кликабельности вашего сниппета. Например, Яндекс и Google выделяют ключевые фразы в сниппете жирным начертанием;

  • Влияет на фактор повторного посещения сайта. Пользователи могут запоминать и вписывать в поиск отдельные фразы или отрывки текста, при попытке повторно найти вашу страницу. Эти отрывки, даже при условии их отсутствия в теге description, могут попасть в динамически сформированный сниппет;

Обратите внимание, что в выдаче одна и та же страница в сравнении с предыдущим скриншотом, однако, в зависимости от запроса, мы видим по-разному сформированный title и description. Это и есть динамическое формирование сниппета.

Что писать в теге meta description?

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

Как правильно заполнить meta description:

  • Уникальность. Для каждой страницы вашего сайта должен быть прописан уникальный по своему содержанию description. В противном случае поисковые системы при достаточной степени схожести контента на страницах, могут посчитать их за дубликаты. И оставить в поисковой выдаче только одну страницу;
  • Точность. Мета-описание должно точно характеризовать конкретный контент, расположенный на одной странице. Не нужно добавлять описание всего проекта целиком в каждом мета-теге;
  • Релевантность. Meta description должен соответствовать той информации, которая находится на странице. Не стоит стараться привлечь внимание пользователей, использую в своих мета-описаниях заголовки из желтой прессы;
  • Размер. Description не должен быть сильно коротким, он не должен состоять из нескольких слов или словосочетаний. Делайте мета-описания размером не менее 100 символов;
  • Читабельность. Помните, что ваш сниппет будут читать люди, поэтому описание в нем должно быть емким, но в то же время простым и понятным. Не нужно стараться добавить в meta description как можно больше ключевых слов, поисковые системы с большой вероятностью проигнорируют такое описание. Используйте тематически схожие слова и слова-синонимы, чтобы избежать тавтологий;
  • Ключевые фразы. Ключевые слова не просто могут, они должны присутствовать в мета-описании каждой страницы. 1-3 ключевых слова в description — хорошая практика. Основное ключевое слово старайтесь разместить в первом предложении.
  • Обобщение. Мета-описание должно обобщать всю самую ценную информацию на странице. Систематизируйте информацию, разбросанную по странице. Например, для карточки товара это может быть краткое описание товара, цена, производитель, состав, доступные характеристики. Для информационной статьи: основная тема, автор, дата публикации;
  • Формат. Description должен быть написан на том же языке, что и web-страница. Не стоит злоупотреблять заглавными буквами, спецсимволами, вызывающими лозунгами, знаками препинания.
  • Актуальность. Мета-описание должно соответствовать актуальной информации на странице. Если вы редактируете содержание странице, поддерживайте в актуальном состоянии и description.

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

Есть ли различия в составлении meta description для разных поисковых систем: Яндекс и Google? Давайте попробуем найти отличия в сниппетах и рекомендациях по составлению мета-описаний.

Яндекс: рекоммендации по meta description

Яндекс рекомендует заполнять description, однако, использует его при формировании сниппета наравне с остальным текстом на странице.

Оптимальный description, который помещается в сниппет до 230 символов. В Яндексе он гораздо больше по объему, чем в Google.

В Яндексе есть еще одна особенность - расширенное описание, которое вмещает в себя до 465 символов.

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

Также стоит отметить, что описание может влиять на релевантность сниппета в коммерческой тематике. Именно сниппета, а не страницы. Это относится к расширенным сниппетам с адресом или, например, онлайн-чатом, которые начал поддерживать Яндекс еще до перехода пользователя на сайт.

Более подробно рекомендации яндекса по составлению мета-описаний можно прочитать в официальной справке.

Google: рекоммендации по meta description

Google отдает большее предпочтение содержанию мета-тега, чем выдержкам с сайта.

Вот цитата из справочных материалов Google относительно meta description:

"Самым простым способом контроля содержания описаний является использование мета-тега description. Этот тег содержит краткое описание страницы. В некоторых случаях оно отображается в результатах поиска ... полезные описания могут попасть в результаты поиска Google и увеличить на вашем сайте объем качественного трафика из поисковых систем."

Оптимальный размер description в Google составляет 140 символов. Как правило, объем текста свыше 140 символов обрезается в сниппете.

6 ошибок при составлении meta description

  1. Пустой description. Некоторые владельцы сайтов пренебрегают заполнением мета-описания страницы. В лучшем случае вы пускаете на самотек процесс формирования сниппета, гипотетически уменьшая CTR. В худшем случае, если у вас отсутствует текст на странице, без которого автоматически не сформируется описание, вы получите в выдаче пустой сниппет.
  2. Адрес и контакты. Не очень хорошей практикой является добавление адреса и контактных данных в meta descriprion. Для возможности отображения этих данных в сниппете существует Яндекс.Справочник и Google Мой Бизнес. После корректной интеграции с данными сервисами, ваша компания получит расширенный сниппет.
  3. Переизбыток ключей. Самая распространенная ошибка новичков. Переоптимизация страницы увеличивает вероятность исключения ее из индекса. Кроме того, если речь идет о ресурсе целиком, поисковые системы могут наложить санкции на весь сайт, исключив из индекса большую часть страниц. Ярким примером такого писсимизирующего алгоритма является запущенный в 2017 году Яндексом «Баден-Баден».
  4. Сложные конструкции. Большое количество вводных слов, сложные предложения, обороты не помогут пользователям понять суть вашего проекта.
  5. Отсутствие ключевых слов. Meta Description должен содержать 1-3 ключевых слова. Они должны естественно присутствовать в тексте, не нужно стараться специально уместить ключи в текст, если они там не вяжутся.
  6. Дублирование. Во-первых, дублирование одинаковых description является распространенной ошибкой в интернет-магазинах с большим количеством товаров одного линейного ряда. Старайтесь уникализировать данный тег хотя бы за счет подстановки разных артикулов. Во-вторых, вебмастеры часто дублируют в description ранее написанный title, старайтесь не дублировать эти теги.

Примеры: хороший/плохой description

Для наглядности описанных выше правил и ошибок, давайте рассмотрим несколько примеров с корректными и некорректными meta description.

  • Хороший. Короткое, понятное и емкое описание. Названа основная линейка товаров, перечислены популярные бренды и небольшое промо.

  • Плохой. Автоматически сформированное описание из отрывков текста на странице. Казалось бы, один из лидеров рынка электронной коммерции — компания OZON. Неграмотный description налицо.

Так meta description выглядит непосредственно в коде сайта. Во-первых, в нем содержатся ошибки, он нечитаемый, не отображает сути посадочной страниц, объем менее 100 символов.

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

  • Хороший. По запросу «курсы английского языка» можно увидеть достойный сниппет. Ключевое слово находится в начале описания. Указан метод обучение и первые сроки получения результатов. Описан формат прохождения курса. В конце описания Call to action (призыв к действию).

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

Заключение

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

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

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

Поделитесь статьей в социальных сетях:

Описание страницы сайта с помощью тега DESCRIPTION, его влияние на позиции сайта.

Что такое description тег и для чего он нужен?

Описание страницы (Description тег) – мета-тег description. Из него формируется сниппет:

пример тега в поиске

Обязателен к заполнению. Рекомендуемая длина – 160 символов.

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

  • Вернулся ли пользователь в поиск после посещения сайта (в метатегах написано одно – а на сайте другое, пользователь перешел на сайт и не найдя ответа вернулся в поиск), если да – сайт не отвечает на запрос.
  • Соотношение показов сайта и переходов на него. Если два очень похожих сайта были показаны одинаковое количество раз, но сайт А собрал в 2 раза больше переходов – он и в дальнейшем будет показываться на более высоких позициях.

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

Неудачный пример: Рецепт рассольника (заголовок) – Давно известно что суп-рассольник является одним из блюд какой-то там кухни….(описание).

Удачный пример: Рецепт рассольника: готовим за 30 минут (заголовок) – Как быстро приготовить вкусный рассольник – читайте на сайте!

Хостинг для сайта-визитки. Поддержка популярных систем управления сайтами, время доступности сайтов - более 99,9%. Установка WordPress, Joomla в 1 клик!

Описание страницы — пример description.

Description тег применяется для лаконичного описания веб-страницы. Он размещается в документе в блоке head как служебная информация. Поэтому дескрипшен никак не отражается в дизайне сайта и не виден посетителям (посетители видят этот тег только если он используется как сниппет).

Виртуальный хостинг сайтов для популярных CMS:

Правила написания description, html.

В html код тег прописывают так:

пример тега в коде html

Под описанием мета-тега Description имеется в виду ввод в атрибут content краткого текста содержания веб-страницы.

Влияние description на кликабельность сайта.

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

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

Чтобы проверить доменные зоны Российской Федерации и зарегистрировать доменное имя в одной из них - перейдите на соответсвующую страницу: RU, РФ, SU.

Правила заполнения тега description.

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

  • размер текста тега не рекомендуется делать более 200 знаков. Больший объем не помещается на SERP в описании под ссылкой на страницу сайта. Если длина получится больше, сниппет выглядит оборванным;
  • хорошо составленный дескрипшен имеет ключи, по которым продвигается конкретная страница интернет-ресурса. Тег начинается наиболее частыми запросами. Если содержимое тега совпадает с запросом – это содержимое выделяется жирным шрифтом. В теге не используют более 1-2 ключевиков. Одно и то же слово допустимо повторять 1-2 раза;
  • для каждой страницы составляется собственный дескрипшен, который описывает ее уникальное содержание, а не сайта в целом. Нежелательно писать расплывчатые фразы, текст должен быть четким и кратким;
  • для дескрипшен не рекомендуется брать фрагмент текста со страницы, также в нем не желательно использовать слова из тега ;
  • хорошо, если в дескрипшен помимо информации о странице содержатся такие полезные данные, как преимущества предлагаемого товара, цены, контакты, услуги.
VPS SSD хостинг - выбор профессионалов. Только сертифицированное серверное оборудование!

Почему обязательно заполнять этот тег.

В качестве итога выделим основные причины, почему необходимо заполнить мета-тег Description:

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

Тег | HTML справочник

HTML теги

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

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

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

Подробную информацию о использовании мета тегов вы можете получить также в статье учебника HTML 5 "Метаданные в HTML".

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

Атрибуты

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

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

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

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8" >  <!-- задаем кодировку документа UTF-8 -->
		<title>Пример использования тега <meta></title>
	</head>
	<body>
		<h3>Это заголовок.</h3>
		<p>Это параграф.</p>
	</body>
</html>

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

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

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

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

Атрибут name отвечает за текстовую информацию о странице, её авторе, содержит рекомендации для поисковых систем, а атрибут http-equiv формирует гипертекстовый заголовок страницы и определяет его обработку.

Совместно с элементом <meta> используется еще один атрибут - content, его основная задача заключается в том, чтобы задать значения, связанное с атрибутами name и http-equiv, в зависимости от контекста.

Рассмотрим часто используемые варианты использования тега <meta>:

<meta name = "description" content = "Бесплатные уроки по созданию сайтов" >

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

<meta name = "keywords" content = "HTML, CSS, JavaScript">

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

Определяет автора контента:

<meta name = "author" content = "Denis Bolshakov">

Индексация страниц

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

<meta name = "robots" content = "noindex, follow">

Доступные значения:

Значение атрибутаОпределение
noindex запрещает индексирование документа.
nofollow запрещает проход по ссылкам в документе.
indexразрешает индексирование документа.
followразрешает проход по ссылкам в документе.

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

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

Для того, чтобы мобильные браузеры автоматически не изменяли размер страниц сайта, необходимо в теге <head> разместить метатег, который сообщает браузеру, как обрабатывать размеры страницы и изменять ее масштаб:

<meta name = "viewport" content = "width=device-width, initial-scale = 1">
  • Атрибут name задает имя документа метаданным, значение "viewport" дает подсказку браузеру о размере начального размера области просмотра. Функция атрибута content задать значения для этого атрибута.
  • Значение width=device-width атрибута content сообщает, что ширина страницы устанавливается в соответствии с размером экрана устройства в аппаратно-независимых пикселях (device-independent pixel, dip), что позволяет странице пересчитывать положение элементов для корректного отображения на различных экранах. По аналогии допускается указать значения для высоты height=device-height.
  • Значение initial-scale=1 атрибута content сообщает браузеру, что необходимо установить соответствие 1:1 для пикселей CSS и аппаратно-независимых пикселей вне зависимости от ориентации устройства (альбомной или портретной).

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

Доступные значения:

Значение атрибутаОпределение
widthОпределяет ширину в пикселях области просмотра (значение - положительное целое число или device-width).
heightОпределяет высоту в пикселях области просмотра (значение - положительное целое число или device-height).
initial-scaleОпределяет соотношение между шириной устройства (device-width в портретном режиме или device-height в ландшафтном режиме) и размером области просмотра. Чем больше число, тем выше масштаб. Значение - положительное целое число от 0.0 до 10.0.
minimum-scaleОпределяет минимальное значение zoom (оно должно быть меньше или равно maximum-scale). Значение - положительное целое число от 0.0 до 10.0.
maximum-scaleОпределяет максимальное значение zoom (оно должно быть больше или равно minimum-scale). Значение - положительное целое число от 0.0 до 10.0.
user-scalableЛогическое значение, которое определяет, может ли пользователь увеличить масштаб веб-страницы. Значение по умолчанию yes (пользователь может увеличивать масштаб).

Отличия HTML 4.01 от HTML 5

В HTML 5 введён новый атрибут charset, атрибут scheme был удален.

Значение CSS по умолчанию

Нет.

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML теги

Мета тег DESCRIPTION - Основы html для начинающих

     В ранее опубликованной статье «Теги HTML. Тег <meta>» мы познакомили Вас с тегом <meta> и структурой его построения -> ТЕГ -> АТРИБУТ -> ЗНАЧЕНИЕ. Как уже отмечалось такая структура является основой для всех тег кода HTML. Сегодня тема нашей статьи  метатег DESCRIPTION, который исполняет функции значения атрибута name тега meta. Если написать полную фразу тега meta то она будет выглядеть так:
     
    <meta name="description" content="...">
 
    В кавычках стоит знак многоточия, туда будем вставлять текст. А в остальном должно быть все понятно: тег meta -> атрибут name -> значение description. Все очень просто. В предыдущей статье «Теги HTML. Тег <meta>» говорилось, что тег meta служит для связи странички сайта с поисковыми системами и броузерами, а также хранения и передачи информации им предназначеной. Так вот - тег DESCRIPTION создано для  краткого описания темы сайта или отдельной страницы и дальнейшей передачи описания с помощью тега meta поисковым системам. Вставим, вместо многоточия, краткое описание сайта в наш код, для примера такое, «Приусадебный участок и его уход»:
 
        <meta name="description" content="Приусадебный участок и его уход">

    Теперь открываем наш файл  index.html в  Блокноте  или скачиваем его здесь и вставляем  вышеприведенную фразу в код файла.  Это будет выглядеть так, Screen 1.    Проверяем страничку в

                                                         


                                                          Screen 1. Вставляем meta  description.

броузере. Все работает. Фразы «Приусадебный участок и его уход», которую мы вставили в код не видно на экране, потому что мета тег description имеет свойства  информационного тега. Оно предназначено для поисковых систем и не влияет на вид странички, Screen 2.
 
                                                          
                                                       Screen 2. Description name только информационный тег.

Некоторые рекомендации по  применению meta description:

  1. тег description всегда расположен только в теге meta, который в свою очередь  находится в блоке <head> </head>;
  2. Вставляемое описание должно быть коротким, длина этого тега не может  превышать 150 - 200 знаков;
  3. Поисковые системы придают ему особое значение, поэтому в описание надо стараться вставить ключевые слова и фразы;
  4. Описание странички должно быть уникальным, не похожим на description других страничек сайта;
  5. Текст тега не должен повторять заголовок titl;


В прочем можно description не вписывать совсем в код. Ничего не изменится. Однако ухудшится положение ресурса в ТОПе поисковиков. Все  дело в том, что meta description положительно влияет на оптимизацию сайта. С помощью его Яндекс и Google быстрее находят запрашиваемые странички сайтов.  Поэтому лучшим вариантом будет, если description постоянно будет находится в коде html.
 

Использование тега description на сайте

Серёжа Сыроежкин

Серёжа СыроежкинКопирайтер

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

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

Если мета тег description будет заполнен неправильно, или его вовсе не будет, то поисковая система формирует описание сайта из "кусков" текста на странице:

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

<meta name="description" content="Здесь нужно написать несколько слов о вашем сайте/странице. Укажите информацию, которую получит пользователь, сообщите о преимуществах вашей компании.">

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

В конструкторе сайтов "Нубекс" есть возможность редактировать тег description для каждой страницы.

Смотрите также:

его значение и правила написания

Пример html-кода

 

<html>
<head>
<meta name="description" content ="краткое описание страницы">
</head>
</html>

 

Значение мета-тега description

Просматривая страницу результатов поиска (SERP), посетители читают описания предлагаемых страниц и уже на этом уровне выбирают, какую из предложенных страниц посетить первой. Высокий CTR (click through rate – процент кликабельности) у страницы является значимым фактором ранжирования. Поэтому мета-тег description может влиять на позицию сайта в результатах поисковой выдачи тех поисковиков, которые его учитывают (в частности, Google).

 

Правила написания description

 

  • Дескрипшн не должен превышать 300-320 символов. Именно такой объем текста выводится в выдаче (под ссылкой на страницу). Если длина мета-тега больше указанного значения, описание будет отображаться не полностью.
  • Правильный description должен содержать ключевые слова, под которые вы намерены продвигать страницу. Самые частотные запросы должны быть расположены в начале описания. Не используйте в мета-теге более 3-4 ключевых фраз. Одно и то же слово не следует повторять более 5-7 раз.
  • Тег должен описывать содержимое определенной страницы. Его текст должен быть понятным и кратким, не рекомендуется использовать общие фразы.
  • Описание в мета-теге description должно быть уникальным для всех страниц сайта, не рекомендуется копировать часть текста страницы, для заполнения тега.
  • Мета-тег description должен отличаться от мета-тега title.
  • Дескрипшн должен быть привлекательным для пользователей, давать представление о том, какую информацию они найдут на описанной странице, а также указывать на преимущества продуктов или услуг.

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

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

 

Какой должна быть длина мета тега дескрипшн после изменений алгоритма Google?

 

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

Our search snippets are now shorter on average than in recent weeks, though slightly longer than before a change we made last December. There is no fixed length for snippets. Length varies based on what our systems deem to be most useful.

— Danny Sullivan (@dannysullivan) May 14, 2018

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *