Мета-тег description — что это такое: значение мета описания для SEO, длина дескрипшн в Яндекс и Google
SEO WikiGoogleАлгоритмы ранжированияАнализ эффективностиВеб разработкаВнутренняя оптимизацияВредоносные технологииЗапросыИндексация сайтаИнтернет рекламаКонтекстная рекламаМета-тегиПоисковые системыПоисковые фильтрыПродвижение сайтовРанжированиеСервисыСоциальные сетиСпециалистыСсылочная оптимизацияСтруктура сайтаТекстовая оптимизацияТехническая оптимизацияЧерное SEOЯндекс
Оглавление
- Значение тега description для SEO
- Как прописать description
Description Мета-описание description
Мета тег description
Его содержимое может использоваться поисковыми системами для формирования сниппета. Данный тег не влияет на внешний вид страницы, так как является служебной информацией. Он располагается в блоке <head> </head> html кода страницы.
da52af20-8711-4ca8-9bcb-1c66260edad4.png
Пример мета-описания в коде страницы:
<html>
<head>
<meta name=»description» content=»краткое описание страницы»>
</head>
</html>
Значение тега description для SEO
Мета тег description может влиять на позиции сайта в выдаче тех поисковых систем, которые его учитывают (в частности, Google). Кроме того, посетители, просматривая серп, читают описания предлагаемых страниц. Именно сниппет, который формируется с учетом прописанной в поле description информации, помогает пользователю принять окончательное решение — перейти или нет на предлагаемый поисковой системой сайт.
Как прописать description
Существует ряд рекомендаций по заполнению мета тега description:
- Размер мета тега description в Яндекс и Google не должен превышать 140-200 символов. Именно такой объем текста помещается в результате выдачи (под ссылкой на страницу). Если длина тега будет больше этого значения, то мета описание страницы получится незаконченным.
- Правильный description должен содержать ключевые слова, по которым оптимизируется данная страница. Самые частотные запросы должны располагаться в начале описания. Не следует употреблять в теге больше 3-4 ключевых фраз. Одно и то же слово не должно повторяться больше 5-7 раз.
- Тег должен описывать содержание конкретной страницы. Текст должен быть понятным и лаконичным, не рекомендуется использовать общие фразы.
- Описания в meta тегах description должны быть уникальными для всех страниц сайта, не рекомендуется копировать часть текста на странице для заполнения тега.
- Тег description должен отличаться от тега title.
- Description должен быть привлекательным для пользователей, давать представление о той информации, которую они найдут на описываемой странице, рассказывать о преимуществах товара или услуги.
- Продвижение сайтов
- Текстовая оптимизация
- Мета-теги
Rookee — простой способ поднять сайт в ТОП поисковых систем
Начать продвижение
Базовая техническая оптимизация
12 090 ₽
Написание метатегов
от 2790 ₽
Наполнение сайта
Популярно
от 13 390 ₽/месяц
Настройка ссылочной стратегии
Популярно
1290 ₽
Настройка целей в Яндекс.
Метрике
3590 ₽
Популярно
2890 ₽
Оптимизация коммерческих факторов
4090 ₽
Оптимизация сайта под мобильные устройства
7990 ₽
Подбор запросов для продвижения
Популярно
от 2790 ₽
Присвоение региона продвижения
1290 ₽
Техническое задание на тексты
Популярно
от 1290 ₽
Увеличение кликабельности сайта в выдаче
3690 ₽
Установка Яндекс.
Метрики
1490 ₽
SEO Wiki
Подписывайтесь на «Новости SEO рынка»
Нажимая кнопку, вы подтверждаете свое согласие на
обработку персональных данных.
Перейти в блог
Описание мета-тегов в head страницы html
Посмотрев HTML код разных сайтов возникает вопрос – зачем в нем так много мета-тегов и для чего они нужны? В данной статье представлены все самые встречающеюся теги с примерами и пояснениями.
1
Title
Заголовок страницы, оптимальная длина 50-60 символов.
<title>...</title>
HTML
Description
Краткое описание страницы длинной 160-180 символов, используется в выводе результатов поиска.
<meta name="description" content="...">
HTML
Keywords
Содержит ключевые слова встречающихся на странице.
Не более 20-ти слов и 3-х повторов.
<meta name="keywords" content="...">
HTML
- Google – не использует.
- Яндекс – под вопросом.
Кодировка сайта
<meta http-equiv="content-type" content="text/html; charset=utf-8">
HTML
В HTML5 тег сократили:<meta charset="utf-8">
HTML
Application-Name
Название веб-приложения. Можно указать несколько названий для разных языковых локалей.
<meta name="application-name" content="Моё приложение"> <meta name="application-name" lang="en" content="My application"> <meta name="application-name" lang="fr" content="Mon application">
HTML
- В Android используется при добавлении сайта на главный экран.
- В Windows 8, 10 при добавлении сайта в панель приложений и плиткой в меню пуск.
Generator
Сообщает, с помощью какой программы был сгенерирован код страницы.
<meta name="generator" content="...">
HTML
Author
<meta name="author" content="...">
HTML
Copyright
Информация о владельце сайта.
<meta name="copyright" content="...">
HTML
Reply-To
Указывает способ связи с автором страницы.
<meta name="reply-to" content="[email protected]">
HTML
Content-Language
Указывает язык страницы. Используется поисковыми машинами при индексировании.
<meta http-equiv="content-language" content="ru">
HTML
Help
Предоставляет ссылку на справку или e-mail.
<link rel="help" href="mailto:help@example.
com">HTML
2
Robots
Задает правила индексации для поисковых<meta name="robots" content="index, follow">
HTML
Общие значения:
index, follow или all |
Разрешено индексировать текст и ссылки на странице |
noindex |
Не индексировать текст страницы |
nofollow |
Не переходить по ссылкам на странице |
noindex, nofollow или none |
Запрещено индексировать текст и переходить по ссылкам |
noarchive |
Не показывать ссылку на сохраненную копию в поисковой выдаче |
Яндекс
noyaca |
Не использовать описание из Яндекс. Каталога для сниппета в результатах поиска |
nosnippet |
Запрещает показывать видео или фрагмент текста в результатах поиска |
noimageindex |
Запрещает указывать вашу страницу как источник ссылки для изображения |
noodp |
Не использовать описание из каталога DMOZ |
Last-Modified
Альтернативно HTTP-заголовку Last-Modified задает дату последнего изменения для статических страниц.
<meta http-equiv="last-modified" content="2017-12-31@08:04:23 +00:00">
HTML
Document-State
Определяет частоту индексации для поисковых роботов.
<meta name="document-state" content="dynamic">
HTML
static |
Индексировать один раз |
dynamic |
Индексировать страницу регулярно |
Revisit-After
Указывает как часто обновляется информация на сайте, и как часто поисковая система должна на него заходить.
<meta name="revisit-after" content="5 days">
HTML
3
Cache-Control
Указывает как браузеру кэшировать страницу.
<meta http-equiv="cache-control" content="no-cache">
HTML
Допустимые значения:public |
Кэшируется все |
private |
Кэшируется браузером, но не proxy-сервером |
no-cache |
Запрещает кэширование |
max-age=0 |
Сколько секунд хранить в кэше |
Pragma
Отключает кэширование.
<meta http-equiv="pragma" content="no-cache">
HTML
Expires
Дата окончания кэша браузера. Если указать прошедшую дату или 0, то документ не будет кэшироваться.
<meta http-equiv="expires" content="0">
HTML
4
Если у страницы есть дубликаты с одним содержанием и разными URL, например:
https://example.com/category/jqueryhttps://example.com/category/jquery?sort=desc
В rel="canonical" указывается адрес, который будет считаться основным и будет использоваться в поисковой выдаче.
<link rel="canonical" href="https://example.com/jquery">
HTML
Prev
Указывает URL предыдущий страницы при пагинации.
<link rel="prev" href="https://example.com/jquery">
HTML
Next
Указывает URL следующий страницы при пагинации.
<link rel="next" href="https://example.com/jquery?page=3">
HTML
5
Атрибут «Hreflang»
Этот атрибут указывает ссылки на разные языковые версии сайта.
Код языка указывается в формате ISO 639-1.
<link rel="alternate" hreflang="ru" href="https://ru.example.com/">
HTML
Или код языка и региона, регион указывается в формате ISO 3166-1 Alpha 2:
<link rel="alternate" hreflang="ru-RU" href="http://ru-ru.example.com/">
HTML
Значение x-default говорит о том что страница главная и не соответствует какому-либо языку или региону.
<link rel="alternate" hreflang="x-default" href="http://example.com/">
HTML
Описание: Яндекс Google
Атрибут «Media»
Значение handheld или only screen and (max-width: 640px) указывают адрес мобильной версии.
<link rel="alternate" media="handheld" href="http://m.example.com/"> <link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.
com/">HTML
Атрибут «Type»
application/rss+xml – ссылка на RSS канал.
<link rel="alternate" type="application/rss+xml" href="http://example.com/rss">
HTML
application/atom+xml – фид в формате Atom.<link rel="alternate" type="application/atom+xml" href="http://example.com/atom">
HTML
6
Google-Site-Verification
Подтверждение прав пользователя сервисов Google.
<meta name="google-site-verification" content="...">
HTML
Google-Play-App
Подобно apple-itunes-app выводит баннер приложения в Андроид.
<meta name="google-play-app" content="app-id=ru.название_приложения">
HTML
Значение «Notranslate»
Если страница написана на языке, который не подходит пользователю, Google добавляет ссылку, позволяющую сделать перевод на нужный язык.
Значение notranslate отключает эту функцию.
<meta name="google" value="notranslate">
HTML
Значение «Nositelinkssearchbox»
Иногда в результатах поиска Google рядом со ссылками на сайт появляется окно поиска по сайту. С помощью данного мета-тега можно отключить показ этого поля.
<meta name="google" content="nositelinkssearchbox">
HTML
Chrome-Webstore-Item
Добавление ссылки в Интернет-магазин Chrome.
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/xxxxxxxxxxxxx">
HTML
Publisher
Google использует для связи между сайтом и его страницей в Google+.
<link rel="publisher" href="https://plus.google.com/xxxxxxxxx">
HTML
7
Search
Указывает на XML файл OpenSearch, который позволяет делать поиск по сайту в браузере не заходя на него.
Подробнее о формате на http://opensearch.org.
<link rel="search" type="application/opensearchdescription+xml" title="Поиск на example.com" href="http://example.com/opensearch.xml">
HTML
Referrer
Задает HTTP-заголовок «Referer» который отправится на сервер при переходе по ссылкам.
<meta name="referrer" content="origin">
HTML
none |
Никогда не передает заголовок |
none-when-downgrade |
Заголовок передается только если используется HTTPS |
origin |
Передает данные о хостах и поддоменах |
unsafe-url |
Передает полный URL |
Refresh
Задаст задержку в секундах, после чего браузер обновит страницу.
<meta http-equiv="refresh" content="10">
HTML
Также можно указать другой адрес по которому перейдет браузер после задержки.
<meta http-equiv="refresh" content="10; URL=http://www.name.com/">
HTML
Skype Toolbar
Мета-тег skype_toolbar отключает расширение Skype на странице (только старые версии).
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
HTML
CSRF
Свидетельствует о том, что на сайте реализована защита от CSRF-атак.
<meta name="csrf-token" content="gZoOqHdVwfq2QpfkwH6lQE75ivykrHdOS0rVfhiX"> <meta name="csrf-param" content="authenticity_token">
HTML
Ссылка на канал в телеграм
<meta name="telegram:channel" content="@telegram">
HTML
Тег Base
Указывает браузеру как обрабатывать относительные URL в ссылках и src изображений относительно адреса текущей страницы.
В примере, браузер запросит изображение по адресу:http://site.
ru/category/images/logo.png
<head> <base href="http://example.com/category/"> </head> <body> <img src="images/logo.png"> </body>
HTML
Сводка HTML Тег
❮ Предыдущий Полный справочник HTML Далее ❯
Пример
Использование элемента
Epcot — это
тематический парк Walt Disney World Resort с захватывающими аттракционами,
международные павильоны, отмеченные наградами фейерверки и сезонные специальные
события.
Epcot Center
Попробуйте сами »
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег определяет видимый заголовок для элемента
Примечание: Элемент должен быть первым дочерним элементом элемента 
Поддержка браузера
Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <сводка> | 12,0 | 79,0 | 49,0 | 6,0 | 15,0 |
Глобальные атрибуты
Тег также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег также поддерживает атрибуты событий в HTML.
Дополнительные примеры
Пример
Используйте CSS для оформления :
Epcot — тематический парк Walt Disney
Всемирный курорт с захватывающими аттракционами, международными павильонами,
отмеченные наградами фейерверки и специальные сезонные мероприятия.
Epcot Center
Попробуйте сами »
Связанные страницы
Ссылка HTML DOM: Объект сводки
Настройки CSS по умолчанию
Большинство браузеров отображают элемент со следующими значениями по умолчанию:
summary {
display: block;
}
❮ Предыдущий Полный справочник HTML Следующий ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебное пособие по HTMLУчебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебник по Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery
Основные ссылки
HTML ReferenceCSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
3 Top3 Examples
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.
CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
FORUM 90 |
О W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.
Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.
Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования,
куки-файлы и политика конфиденциальности.
Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
&двоеточие; Элемент «Сводка раскрытия информации» — HTML: Язык гипертекстовой разметки
HTML-элемент определяет сводку, заголовок или легенду для поля раскрытия элемента . Щелчок по элементу переключает состояние родительского элемента на открытие и закрытие.
Разрешенный контент Фразы содержания
или один элемент из
Содержание заголовка Отсутствие тега Нет; как начальный, так и конечный теги являются обязательными. Разрешенные родители Элемент . Неявная роль ARIA кнопка Разрешенные роли ARIA Нет роль разрешено Интерфейс DOM HTMLЭлемент
Этот элемент включает только глобальные атрибуты.
Содержимым элемента может быть любой заголовок, обычный текст или HTML, которые можно использовать в абзаце.
Элемент может использоваться только как первый дочерний элемент <детали> элемент. Когда пользователь щелкает сводку, родительский элемент открывается или закрывается, а затем элементу отправляется событие toggle , которое можно использовать, чтобы сообщить вам, когда это произойдет. происходит изменение состояния.
Текст метки по умолчанию
Если первый дочерний элемент не является элементом , пользовательский агент будет использовать строку по умолчанию (обычно "Details") в качестве метки для поля раскрытия.
Стиль по умолчанию
Согласно спецификации HTML, стиль по умолчанию для элементов включает display: list-item . Это позволяет изменить или удалить значок, отображаемый как виджет раскрытия рядом с меткой по умолчанию, который обычно представляет собой треугольник.
Вы также можете изменить стиль отображения на : заблокируйте , чтобы удалить треугольник раскрытия.
Подробнее см. в разделе «Совместимость с браузерами», так как не все браузеры пока поддерживают полную функциональность этого элемента.
Для браузеров на основе Webkit, таких как Safari, можно управлять отображением значков с помощью нестандартного псевдоэлемента CSS ::-webkit-details-marker . Чтобы удалить треугольник раскрытия, используйте summary::-webkit-details-marker { display: none } .
Ниже приведены несколько примеров использования . Вы можете найти больше примеров в документации для элемента .
Базовый пример
Простой пример, показывающий использование <сводка> в элементе <подробности> :
<подробности открыты>
Обзор
<ол>
Наличные в кассе: 500 долларов США.
Текущий счет: 75,30 долл. США
Срок выполнения: 06.05.19
Сводки как заголовки
Вы можете использовать элементы заголовков в , например:
Обзор
<ол>Наличные в кассе: 500 долларов США.
Когда пользователь щелкает сводку, родительский элемент 
