Мета теги description, keywords, title – как заполнять, примеры описания, что такое meta тег?
Этот материал я подготовил для новичков в SEO, а также на владельцев сайтов, которые не знают как правильно заполнить метатеги. Рассмотрим, что сейчас актуально, а что уже не используется поисковой системой при ранжировании сайта.
Начнём с определения что такое метатеги?
Метатеги (англ. meta tags) — это (X)HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке тега <head> (X)HTML-документа. Метатеги не отображаются на странице и не имеют видимого контента. В них располагается дополнительная информация для поисковых роботов, различного ПО.
В SEO, когда слышим что-то вроде “Нужно прописать метатеги на странице”, в голове сразу же всплывают метатеги Description и Keywords, ну и, само собой, Title. Какое же SEO без этого тега? Начну сразу с них.
Тег Title
Его ещё называют метатег Title, хотя, с технической точки зрения, — это не так. Очень важный тег, влияет на ранжирование, является заголовком страницы и часто используется поисковыми роботами при формировании заголовка сниппета. Поэтому, помимо того, что в Title нужно добавлять основные ключевые слова, важно следить за его привлекательностью. Он должен стимулировать пользователей к переходу на сайт.
Title должен:
- Отображать суть страницы.
- Ближе к началу содержать прямое вхождение наиболее конкурентного запроса.
- Быть читабельным предложением с вхождение ключевых слов.
- Отличаться от заголовка страницы <h2>.
- Не содержать спама.
- Быть уникальным для каждой страницы.
- Примерной длины — около 70 — 130 символов.
Рекомендую к прочтению: Рекомендации по формированию заголовков от Google. Для посадочных страниц, категорий, разделов рекомендую заполнять Title вручную.
Заполнять Title автоматически можно, например, для карточек товара. Для этого используют шаблоны вида:
Title: Название карточки товара + цена + город
Title: Название карточки товара + доставка в город + цена
Title: Название карточки товара + характеристика + цена
Рекомендую для каждой категории разделов карточек товара использовать разные шаблоны Title.
Как делать нельзя:
- Не используйте несогласованные фразы, например: Пластиковое окно, пластиковые окна купить — в Москве. Title должен быть читабельным.
- Отслеживайте и исправляйте дубли Title — в Google Search Console, в разделе Оптимизация HTML видно дубли Title.
- Не делайте Title слишком длинным. Когда вы добавляете в заголовок большое количество слов, они размывают вес основного ключевого запроса.
Метатег Description
Этот метатег может учитываться при формировании сниппета. Чаще всего Google и Яндекс формирует сниппет из текста, но вероятность включения в него метатега также есть. Description может влиять на ранжирование — незаполненный meta description может негативно отразиться на оценке сайта.
Description должен:
- Описывать содержание страницы.
- Быть читабельным.
- Содержать ключевые слова (для того чтобы они отображались и подсвечивались в сниппете).
- Составлен с использованием спецсимволов.
- Уникальным (не нужно выбирать абзац из текста страницы).
- Длиною около 150 — 200 символов.
Рекомендации Яндекса
Рекомендации Google
Для посадочных страниц, категорий, разделов рекомендую заполнять Description вручную.
Автоматически заполнять Description можно, например, для карточек товара. Для этого используйте шаблоны вида:
Description: В нашем интернет-магазине + “название магазина” + доступные цены от + “цена” + на + “название карточки товара” + с доставкой по + “город”.
Description: “Название карточки товара” + по доступной цене + “цена” + от интернет-магазина + “название магазина” + с доставкой по + “город”.
Рекомендую для каждой категории разделов карточек товара использовать разные шаблоны Description.
Как делать нельзя:
- Не делайте слишком короткие Description — в Google Search Console, в разделе Оптимизация HTML видно короткие метаописания.
- Там же отслеживайте и исправляйте дубли Description (они должны быть уникальны).
- Не пишите несогласованные фразы — метатег должен быть читабельным.Не используйте перечисления.
Метатег Keywords
Этот мета-тег не влияет на ранжирование, но, поскольку Яндекс пишет, что meta keywords может учитываться — рекомендую заполнять его, добавляя 3–5 релевантных контенту фраз, разделённых между собой запятыми.
Представитель Google в своём блоге заявил, что поисковик не учитывает в результатах ранжирования метатег Keywords
Рассмотрим, какие метатеги ещё бывают
Метатегов много. Я рассмотрю те, которые мне показались самыми интересными. Можно выделить две группы метатегов: name и http-equiv.
Группа name
Эта группа метатегов даёт общую информацию о странице.
Метатег robots — с помощью него мы можем сообщить поисковому роботу, что делать на странице.
Имеет значения:
- index — индексировать страницу;
- noindex — не индексировать страницу;
- follow — следовать по ссылкам на странице;
- nofollow — не следовать по ссылкам на странице;
- all — использует атрибуты index + follow;
- none — использует атрибуты noindex + nofollow.
Примеров использования:
используем, когда нужно запретить к индексации текст на странице, но хотим чтобы робот перешёл по ссылкам на ней:
<meta name="robots" content="noindex,follow" />
<meta name="robots" content="noindex,nofollow" />
или запретить страницу к индексации с запретом на переход по ссылкам:
<meta name="robots" content="none" />
Метатег document-state — может учитываться при индексации страницы поисковым роботом (сейчас имеет слабое влияние).
Имеет значения:
- static — говорит о том, что страница статична и практически не меняется;
- dynamic — если страница динамическая и на ней часто происходят изменения, используется по умолчанию.
Пример использования:
<meta name="document-state" content="Dynamic" />
Метатег revisit — указывает поисковому роботу через сколько дней ему вернуться и переиндексировать страницу (сейчас имеет слабое влияние).
Пример использования:
— говорит о том, что мы хотим чтобы документ был заново проиндексирован через 14 дней:
<meta name="revisit" content="14" />
Метатег viewport — используется при настройке области просмотра. Особенно актуален для мобильной версии сайта: позволяет веб-разработчикам контролировать размер окна на мобильном телефоне. По нему Яндекс и Google оценивают мобильную версию сайта.
Имеет значения:
- width — указывает ширину окна в пикселях. Если поставить device-width — будет значить, что ширина задана по ширине устройства;
- height — указывает высоту окна в пикселях. Если поставить device-height — будет значить, что высота задана по высоте устройства;
- initial-scale — задаёт масштаб экрана. Значение 1 — не масштабировать;
- maximum-scale — определяет максимальный масштаб vievport;
- minimem-scale — определяет минимальный масштаб vievport;
- user-scalable — определяет, может ли пользователь масштабировать размер окна.
Примеры использования:
— область просмотра по ширине устройства нормального масштаба:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
— область просмотра по ширине и высоте. Масштаб нормальный, масштабировать выше обычного масштаба нельзя:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0">
Метатег author — указывает имя автора страницы (сейчас имеет слабое влияние).
Имеет атрибут:
lang — указывает язык данных.
Пример использования:
<meta name="author" lang="ru" content="Андрей Дегтярёв" />
Метатег copyright — используется для определения авторского права (сейчас имеет слабое влияние). Также как и author, имеет атрибут lang.
Пример использования:
<meta name="copyright" lang="ru" content="SiteClinic" />
Группа http-equiv
Браузеры преобразовывают данные этого метатега в форму заголовка ответа http, обрабатывая их, как будто был получен ответ напрямую от сервера.
Метатег cache-control — с помощью него можно управлять кэшированием браузера.
Имеет значения:
- public — документ кэшируется во всех доступных кэшах;
- private — кэшируется браузером, не кэшируется proxy-сервером;
- max-age=time, must-revalidate — указывает браузеру, сколько секунд хранить документ в кэше;
- max-age=time, proxy-revalidate — указывает сколько секунд хранить документ в кэше proxy-серверу;
- no-store — может быть кэширован, но не сохраняется в архиве;
- no-cache — запрет на кэширование (браузер и proxy-сервер документ не кэшируют).
Пример использования:
— если мы не хотим, чтобы страница кэшировалась:
<meta http-equiv="Cache-Control" content="no-cache, no-store">
Подробнее об этом метатеге рекомендую почитать на Mozilla Developer Network.
Метатег expires — также используется для управления кэшированием. В мета-тег устанавливается дата. Когда она проходит, браузер должен использовать повторный сетевой запрос, а не имеющийся кэш страницы. Дата указывается в формате RFC850.
Пример использования:
<meta http-equiv="Expires" content="Fri, 11 Oct 2017 15:34:48 GMT">
Метатег content-language — указывает язык документа.
Пример использования:
<meta http-equiv="content-language" content="ru" />
В HTML5 указание языка упрощено:
<html lang="ru">
Постарался перечислить, как мне показалось, самые интересные метатеги. Если вас интересуют другие meta, рекомендую ознакомиться с материалами: Метатеги, которые поддерживаются в Google и Использование HTML-элементов Яндекс.
Подведём итоги
Метатегов достаточно много, но, как оптимизатору, чаще всего приходится использовать в SEO тег Title, meta description, meta keywords. Если вы начинающий сеошник или владелец сайта, рекомендую также ознакомиться с вебинаром “Правила формирования Title и Description” нашего SEO-TeamLead Евгения Аралова:
Подписаться на рассылкуЕще по теме:
Андрей Д.
SEO-аналитик
Всегда знал, что моя работа будет связана с интернетом и компьютером. Начал самостоятельно учить HTML и пробовать себя в верстке. HTML давался легко, но верстать сайты было скучно. Тогда я и узнал о SEO.
С отличием завершил мастер-класс по обучению и управлению персоналом. Сдал письменный тест по английскому языку в Лондонской школе на 98%. Написал более десятка развивающих статей по SEО.
Работаю SEO-специалистом в компании SiteClinic, пишу статьи для блога. В свободное время хожу в походы.
Девиз: Just Do It
Есть вопросы?
Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.
siteclinic.ru
Мета-теги для сайта. 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 предлагает бухгалтерские услуги в Алматы. Для Вас: консультирование в области налогообложения, постановка и ведение бухгалтерского учета, регистрация ИП и многое другое.» />
Как видите, все довольно просто. Главное, чтобы содержимое мета-тегов совпадало с содержимым страницы – тогда мета-теги будут давать полезную информацию и поисковым системам, и посетителям вашего сайта. А значит, помогать продвигать сайт!
1ps.ru
Как правильно заполнять мета теги: написание Title и Description, пример meta-описания
Только самый упорный покупатель пойдет в поиске товара дальше первой-второй страницы результатов поиска Яндекса или Google, поэтому важно находиться как можно выше в выдаче. А попасть в заветный топ-10 вам в т. ч. помогут правильно заполненные мета-теги. Мета-теги описывают содержимое страниц сайта.
Правила заполнения тега Title
Тег Title – мета-тег, который используется в качестве заголовка страницы сайта, который можно увидеть, наведя курсор на закладку в браузере. Он сообщает поисковым системам тематику страницы и ее содержимое. Title должен быть интересным как для людей, так и для поисковых систем. Советуем вам придерживаться правил.
- Длина тега не должна превышать 60–70 символов, иначе поисковые системы автоматически его обрежут при формировании сниппета.
- Начинайте Title с ключевых слов, если это уместно в контексте.
- Используйте не более 3 ключевых слов. Оптимальный вариант – 1–2 ключа.
- В теге должна быть четко отражена суть содержимого на странице.
- Старайтесь не использовать стоп-слова (союзы, частицы, междометия), но если это необходимо, то вставляйте их по минимуму.
- Не прописывайте название вашего сайта или «Главная страница». Тег для главной должен быть оптимизирован под конкретный запрос или запросы.
- Обязательно создавайте уникальные Title для всех страниц. Ни в коем случае не дублируйте их и уместно распределяйте ключевые слова по страницам.
- Тег должен отличаться от h2 и Description.
Несколько примеров привлекательных и правильно заполненных тегов Title.
- Как выбрать ноутбук для студента.
- Как поехать в США и получить удовольствие от поездки: 10 советов.
- Лучшие плагины фотогалереи для DLE сайта.
Правила заполнения тега Description
Тег Description – это мета-тег, который описывает содержимое страницы и зачастую выводится в качестве сниппета в поисковых системах, особенно это характерно для Google. Рекомендуемая длина – 150–200 символов. Даже если описание будет длиннее, поисковые системы его обрежут.
Чтобы составить корректно соптимизированный Description, учитывайте правила.
- Описание должно четко отражать содержание страницы сайта.
- Description не должен копировать информацию из Title.
- В мета-теге должны использоваться ключевые слова, желательно в начале. · Описание должно призывать к действию. Для этого можно использовать следующие слова: узнайте, получите, переходите, закажите.
- Обязательно делайте содержимое Description уникальным для каждой страницы.
- Текст должен быть написан для людей, а не только для поисковых систем. Примеры привлекательных описаний для страниц.
- Ремонт телефонов Meizu всех моделей! Закажите ремонт через сайт и получите скидку 25 %.
- Не знаете, как выбрать автомобиль для девушки? Перейдите на страницу сайта и получите ответы экспертов!
Правила заполнения тегов заголовков h2 – H6
Теги h2 – H6 используются в самом тексте, опубликованном на странице сайта. Обычно h2 представляет собой заголовок, содержащий основную информацию о товаре или услуге, или, например, сообщает о названии раздела. h3 – H6 используются для подзаголовков.
- Тег не должен дублировать содержимое мета-заголовка Title.
- h2 должен быть уникальным для каждой страницы.
- В тег h2 обязательно должен входить продвигаемый запрос.
- Оптимальная длина для h2 – 3–6 слов. Основную роль, конечно же, играет h2, так как поисковые системы умеют распознавать тип контента. Если это невозможно выявить из Title, то опираются на данные из тега h2. Он может использоваться при формировании сниппета вместо Title. Примеры привлекательных тегов h2.
- Как выбрать автомобиль для девушки.
- Программы для редактирования фото на iOS.
Правила заполнения тега Keywords
В 2018 году большая часть seo-специалистов скажет вам, что тег Keywords не влияет на результаты продвижения сайта и его использование на страницах бесполезно. И будут абсолютно правы. Сейчас он учитывается для определения тематики страницы.
- Используйте несколько ключевых слов. Оптимальный вариант – 2–3 слова.
- Обязательно вставляйте только те ключи, которые относятся к тематике вашей статьи и четко отражают ее суть.
- Мета-тег может содержать синонимы.
- Старайтесь составлять Keywords из существительных и не используйте знаки препинания, кроме запятых, чтобы разделять ключи. Примеры правильных тегов Keywords.
- Автомобильные шины, покрышки на Audi.
- Детские кресла, автомобильные автокресла.
- Продвижение сайта, раскрутка в Яндексе.
Типичные ошибки новичков
При продвижении сайта многие начинающие специалисты часто допускают ошибки:
- превышают оптимальную длину тегов;
- не используют точные вхождения ключевых слов;
- размывают оптимизацию тегов водой;
- пишут неуникальные, нецепляющие и скучные теги.
Сервисы для генерации и просмотра сниппетов
Теперь вы знаете, как заполнять мета-теги, но есть еще один важный момент – сниппеты. В Google и Яндекс они формируются по-разному, и чтобы примерно понять, как они будут выглядеть, можно воспользоваться специальными сервисами.
Вот некоторые из них:
Заполните данные и нажмите кнопку для генерации. Только учтите, что это примерная структура. Поисковые системы могут по своему усмотрению вставить другой фрагмент в сниппет.
Где брать ключевые слова и фразы для заполнения мета-тегов?
Мы подробно вам описали, как заполнять мета-теги Description, Keywords. Теперь напомним, откуда взять ключевые слова для заполнения тегов. Мы уже рассказывали вам об этом подробно, но повторим еще раз. Вся информация по ключам и поисковым запросам находится в открытом доступе, поэтому все строится на аналитике поисковых систем.
Несколько сервисов для сбора ключевых слов:
- Yandex Wordstat – бесплатный сервис от поисковой системы Яндекс;
- Google AdWords – аналогичный сервис от Google;
- Key Collector – программа для сбора ключей из открытых источников. Использует данные из тех же сервисов, что описаны выше.
Влияют ли мета-теги на продвижение в поисковых системах?
В SEO заполнение и оптимизация мета-тегов, безусловно, необходимы. Поисковые системы учитывают их при ранжировании страниц в результатах поиска. Важное значение имеет и качество заполнения мета-тегов. Грамотная оптимизация мета-тегов под запросы увеличивает шансы сайта попасть в топ выдачи по целевым ключам и, как следствие, получить конверсионный трафик на ваш сайт.
Но не стоит зацикливаться только на мета-описаниях. Если у вас заполнены все теги, не проработан контент в соответствии с СЯ, не продумана структура сайта или пользователь не получает ответов на свои вопросы, о высоких позициях можете забыть. Применение мета-тегов дает положительный эффект только при комплексном и грамотном продвижении сайта, поэтому создавайте ресурсы для людей, используйте качественные материалы и анализируйте поведение посетителей, чтобы понять, где есть слабые места и как их исправить.
www.rookee.ru
Что такое мета-теги и как их правильно заполнять?
Приветствую!
Новый Год уже совсем близко подошел. Осталось всего каких-то два дня. А это значит, что пора подводить итоги, уже почти прошедшего, года, чем завтра и займусь. Ну а сейчас я расскажу вам о том, что такое метатеги и как их правильно прописать на странице и еще кое-что.
Начнем с определения метатегов:
Метатеги – это теги HTML или XMTL, предназначенные для передачи структурированных данных о веб-страницах поисковым роботам и браузерам.
Вот эти самые теги нужны только браузерам и поисковым роботам. Выполняют следующие функции:
- Передают поисковикам и браузерам информацию о веб-странице;
- Содержат управляющие команды для поискового робота и браузера;
- Сообщают информацию о веб-странице и авторе.
Но сегодня разберем мы только теги, выполняющие две первые функции в списке выше. Они-то и являются самыми необходимыми с точки зрения SEO.
Метатеги Description, Keywords и тег Title
Итак, метатеги Description, Keywords и тег Title передают информацию поисковому роботу и браузерам о веб-странице. При правильном их заполнении улучшается индексация страницы, поэтому их заполнению следует уделить особое внимание. Но прежде, давайте разберемся с каждым из тегов.
- Мета-тег Description – указывается описание веб-страницы, которое обычно используется поисковыми системами в сниппетах;
- Мета-тег Keywords – здесь указываются ключевые слова которым соответствует контент на странице;
- Тег Title – заголовок страницы, который вы можете увидеть в результатах поисковой выдачи и на вкладке браузера. Этот тег не относится к мета тегам, но он выполняет схожие функции с вышеперечисленными.
Раньше, лет 20 назад, с помощью только этих тегов, можно было без проблем продвинуться в ТОП по любому ключевому слову, главное заполнить их грамотно и все. Но в нынешнее время ситуация круто изменилась: из-за того, что вебмастера злоупотребляли этим, поисковики перестали учитывать данные метатеги, как фактор ранжирования. Теперь, просто заполнив их грамотно, продвинуться в ТОП невозможно.
Возможно в вашей голове возник вопрос: зачем тогда они нужны? А вот ответ: метатеги, как уже было сказано выше, положительно влияют на индексацию страницы. Кроме того, информация, указанная в них, является важнейшим фактором внутренней оптимизации. А это, поверьте мне, немаловажно!
Метатег Robots
Дальше речь пойдет о теге Robots. С его помощью можно запретить или разрешить индексацию страницы и ссылок. Вот команды:
- Index – разрешить индексацию;
- Noindex – запретить индексацию;
- Follow – разрешить индексацию ссылок;
- Nofollow – запретить индексацию ссылок;
- All – разрешить индексацию страницы и ссылок
- None – запретить индексацию страницы и ссылок.
В некоторых случаях, этот метатег действительно нужен. Обращаться с ним нужно очень аккуратно, а то ненароком можно и закрыть от индексации нужные страницы.
Как заполнять метатеги?
Все метатеги прописываются в пределах тегов <head></head>, то есть в самом начале кода.
<head> <meta name="description" content="Урок о метатегах"> </head>
Как видите, метатег прописывается в коде элементом “<meta>” с наличием обязательных атрибутов:
- name – прописывается сам метатег;
- content – прописывается значение тега.
Посмотрите пример выше.
Как заполнить тег Title?
В теге Title прописывается заголовок страницы, который отображается в выдаче поиска и вкладке браузера. По сути, это самый важный тег с точки зрения привлечения посетителей с поиска. А это значит только одно: чем привлекательней для потенциального клиента будет заголовок, тем больше у вас будет посещений (при условии, что вы в ТОП – 10, конечно).
В заголовке должно содержаться ключевое слово по которому продвигается страница.
Пример:
<title>Что такое мета теги и как их заполнять?</title>
Как заполнить мета тег Description?
Description тоже очень важен для привлечения посетителей, так как ПС ставят в сниппет то, что написано в этом теге. Количество символов ограничено до 120-150 символов. Поэтому крайне важно сделать такое описание, которое бы носило в себе максимум информативности о странице.
Советы по заполнению:
- Не дублируйте то, что написано в теге Title;
- Разбавьте ключевой запрос тематическим текстом;
- Пишите только по делу!
Пример:
<meta name="description" content="Каждый вебмастер должен знать, как правильно заполнять мета теги. В этом уроке вы узнаете, что делать с метатегами страниц сайта">
Как заполнить мета тег Keywords?
Этот тег предназначен только для ПС и то они его не учитывают, а значит он бесполезен. Поэтому и расскажу я про него немного.
Ключевые слова должны быть перечислены через запятые.
Пример:
<meta name="keywords" content="мета теги, как заполнять мета теги, что такое мета теги">
Из всего написанного можно сделать вывод: самыми важными тегами являются Title и Description. Их заполнению нужно уделить особое внимание!
Ну а на этом все, дорогие друзья!
До скорых встреч и с наступающим!
Тест по уроку №77
Лимит времени: 0
Информация
Проверьте, полученные на уроке, знания!
Вы уже проходили тест ранее. Вы не можете запустить его снова.
Тест загружается…
Вы должны войти или зарегистрироваться для того, чтобы начать тест.
Вы должны закончить следующие тесты, чтобы начать этот:
Правильных ответов: 0 из 5
Ваше время:
Время вышло
Вы набрали 0 из 0 баллов (0)
Средний результат |
|
Ваш результат |
|
- С ответом
- С отметкой о просмотре
Урок 76. В чем заключается суть рерайтинга? Следующая статья
Итоги уходящего 2016 года
context-up.ru
«Какие мета-теги нужно прописывать на сайт?» – Яндекс.Знатоки
На сайте нужно прописывать два основных метатега – title и description (заголовок и описание). Эти теги играют важную роль в ранжировании сайта и в целом нужны именно для поисковых систем.
Title (заголовок) можно увидеть, если навести курсор на вкладку в браузере. Description и title нужны для описания содержимого страницы. Они подсказывает боту, как правильно выбрать тематику страницы.
Проанализировать мета-теги своего сайта и конкурентов можно с помощью специальных сервисов: https://otzyvmarketing.ru/best/servisy-dlya-analiza-sajtov-konkurentov/. Таким образом можно понять, как правильно прописывать метатеги на своем сайте.
Как правильно прописывать title
Заголовок обязательно должен быть на каждой странице. Его длина не должна быть больше 70 знаков без пробелов (збп). Дело в том, что title используется как заголовок в поисковой выдаче «Яндекса» и Google. Там его все равно обрезают примерно до 70 збп. В заголовок не нужно добавлять описание сайта. Важно, чтобы title был уникальным, чтобы заголовки на сайте не повторялись и не были копией части текста страницы. Сам заголовок должен начинаться с основного ключевого запроса, по которому продвигается страница. Не стоит запихивать в title все ключевые слова группы запросов, по которым продвигается страница. Достаточно добавить в заголовок самый высокочастотный запрос. Title размещается в разделе <head>. В заголовке нельзя использовать точки. Не добавляйте в заголовок более одной запятой. Попытайтесь избавиться от стоп-слов. Помните, что заголовок пишется и для людей, а не только ботов, поэтому должен быть читаемым.
Как правильно прописывать description
По большому счету, правила написания description – аналогичны правилам написания title. Длина описания не должна превышать 200 збп. Все равно в выдаче описание обрежут. Также не стоит делать описание слишком коротким. Лучше всего, чтобы описание состояло из двух предложений. В одном из них нужно разместить главный запрос, по которому продвигается страница.
Очень рассчитываю, что мой текст смог вам помочь! Ведь я действительно всеми силами старалась дать исчерпывающий ответ. Весьма вероятно, что я могла что-нибудь забыть, ведь формат не позволяет мне развернуться. В любом случае, я хочу пожелать вам удачи! А если вы недовольны моим ответом или, наоборот, в восторге, то можете оставить ваш комментарий!
yandex.ru
Длина Description (дескрипшен), мета-тег Title, meta Keywords: что это, описание
Title, Description, Keywords — эти термины сбивают с толку каждого начинающего блогера и интернет-предпринимателя.
Помню, когда-то я искал значения этих слов в Google. Прочитав не один десяток статей и проведя множество экспериментов я изучил метатеги в мельчайших деталях.
В результате, научившись грамотно составлять метатеги для своего блога я был ошарашен результатами (без преувеличений).
В этой статье я сэкономлю вам время: вы узнаете, что такое метатеги, зачем они нужны и как их правильно составлять.
Неважно, продвигаете ли вы блог, интернет-магазин или информационный сайт, научившись правильно составлять метатеги вы сделаете свой ресурс намного популярнее.
Эксклюзивный бонусный материал: Нажмите здесь чтобы получить PDF версию статьи и готовый Чеклист по оптимизации метатегов (нажмите чтобы скачать).
Содержание 🔥🔥🔥
Что такое метатеги
Метатеги — это текстовые сниппеты, описывающие содержимое страницы сайта.
Например, если у вас интернет-магазин по продаже электро-товаров, с помощью метатегов вы сообщаете поисковым системам, на какой странице у вас находятся утюги, а на какой смартфоны.
Когда человек делает поиск по запросу «купить смартфон», поисковая система предложит ему страницу именно с телефонами, а не с утюгами. Все это — благодаря метатегам.
Более того, чем удачнее вы составляете метатеги, тем больше посетителей получит ваш сайт.
Простой пример:
У меня на блоге есть статья о плагинах отзывов. Я хотел сделать ее более популярной.
Лучшее решение, которое я смог придумать — написать более грамотные метатеги. В результате это привело к увеличению просмотров на 165%:
В поиске эта статья находилась на шестой позиции. После изменения Title, Description и Keywords она поднялась на первую строчку:
Как видите, метатеги играют важную роль в продвижении сайта. В этой статье вы узнаете, как с легкостью создавать красивые и эффективные метатеги. Но прежде я поведаю вам секрет…
Большинство людей составляют метатеги на скорую руку:
А вам напротив, следует составлять их с умом, даже если это займет пару лишних минут.
Тег Title
Тайтл — это тег, содержимое которого является заголовком веб страницы. Именно его вы чаще всего видите совершая поиск в интернете:
Возможно вы замечали: кроме поисковой выдачи, тайтл отображается и во вкладке браузера:
С помощью него вы сообщаете поисковым системам тематику вашей веб-страницы. Например, если вы написали статью о заработке в интернете, ваш заголовок может выглядеть так:
Как заработать первую 1 000 долларов в интернете
ИЛИ
10 Способов без особых усилий заработать в интернете.
Title важен не только для поисковых систем, но и для людей. Чем привлекательнее ваши заголовки — тем больше людей заинтересуются вашим сайтом. В этом смысле сайты не очень отличаются от печатных газет и журналов.
Но как писать интересные заголовки?
Сегодня я расскажу вам 3 секрета, которые помогут вам писать цепляющие и эффективные заголовки.
Секрет #1. Вначале ключевые слова
Представим, вы написали статью о путешествии в Восточную Азию. Здесь важно, чтобы ваше ключевое слово (как поехать в Азию) было как можно ближе к началу заголовка.
Вместо Пошаговое руководство: как поехать в Азию
Лучше Как поехать в Азию: пошаговое руководство
Зачем это нужно?
Дело в том, что поисковые системы придают больший вес словам, находящимся вначале. Поэтому, старайтесь основную тему статьи (если это блог) или название товара (если это интернет-магазин) ставить в начало заголовка.
Еще один небольшой совет: включайте в заголовок как очень популярные, так и менее популярные запросы.
Представим, люди ищут информацию по фразе «как поехать в Азию» 3000 раз в месяц, а по фразе «Как поехать в Азию дешево и интересно» 70 раз в месяц. Первый запрос — популярен, второй — нет.
Суть в том, что по популярным запросам конкурентность очень высокая, из-за чего быстро попасть на первые позиции в поиске не получится. Но по менее популярным запросам вы можете сразу начать получать первых посетителей.
Поэтому, старайтесь включать в Title как популярные, так и менее популярные запросы. Например:
Вместо Как поехать в Азию
Лучше Как поехать в Азию дешево и интересно
Узнать популярность запроса вы можете с помощью сервиса Яндекс Вордстат.
Но есть и другая сторона медали: переспам данного тега. Помните, заголовок прежде всего пишется для людей.
⛔ Пример неудачного Title:
Как поехать в Азию быстро дешево билеты путевки Китай Япония
✅ Пример хорошего Title:
Как поехать в Азию: все подробности включая билеты, жилье, еду
👍 Идеального вариант:
Как поехать в Азию и не пожалеть (билеты, жилье и пр.)
Эксклюзивный бонус: Нажмите здесь чтобы получить доступ к секретной технике создания РАБОТАЮЩИХ тегов Title (нажмите чтобы скачать).
К слову, опасайтесь переспама не только заголовка, но и веб-страницы в целом. Особенно будьте осторожны с суррогатными запросами. Более детально о них вы можете узнать в статье Михаила Шакина о продвижении сайта.
Секрет #2. Интригуйте
Ваш заголовок должен не только содержать поисковые запросы, но и вызывать у людей живой интерес.
Логика проста:
Чем более интригующий у вас заголовок — тем больше людей будут приходить на сайт. Видя заинтересованность со стороны пользователей, поисковые системы начнут поднимать его позиции. Чем выше сайт в выдаче — тем он успешнее.
Впечатляющая статистика: первые три сайта из органической выдачи получают 61.5% всех переходов. Поэтому, старайтесь попасть не в десятку, а в первую тройку.
Но как писать по-настоящему цепляющий Title?
Вот несколько советов:
- Добавьте в заголовок числа и проценты. Например: 10 Советов как…; 5 Причин почему…; 3 Лучших…
- Используйте следующие прилагательные и наречия: Эффективный, Улетный, Невероятный, Нестандартный, Как, Пошагово, Просто, Легко, Быстро.
- Старайтесь, чтобы при чтении вашего заголовка люди испытывали сильные эмоции.
Самое главное — не жалейте времени на составление привлекательных заголовков. Всегда помните слова «отца рекламы» Дэвида Огилви:
Написав заголовок, я потратил 80 центов из каждого отпущенного мне рекламного доллара. Твитнуть
После того, как я написал более интригующий заголовок для статьи о плагинах, процент переходов с поиска сильно вырос:
Секрет #3. Идеальная длина
Ваш заголовок не должен превышать 60 символов. В противном случае поисковые системы самостоятельно обрежут его на 61-ой букве.
Идеальный вариант: придерживаться диапазона от 50 до 60 символов.
Слишком короткий заголовок в большинстве случаев выглядит неубедительно.
Сравните сами:
Как прописать тег Title
У сайтов, работающих на WordPress есть одна интересная деталь:
Название статьи автоматически дублируется в Title. Если вы действительно хотите увеличить посещаемость сайта — вам нужно самому составлять заголовок страницы.
Для этого установите и настройте плагин Yoast SEO. С помощью него вы сможете не только управлять метатегами, но и сделать полную оптимизацию WordPress сайта.
После активации плагина ниже текстового редактора будет блок SEO настроек:
С помощью плагина WordPress Yoast SEO вы сможете:
- Задавать Title для каждой страницы включая домашнюю, категории, архивы и метки
- Настроить отображение вашего сайта в социальных сетях
Эксклюзивный бонусный материал: Нажмите здесь чтобы получить доступ к детальному видеоуроку по оптимизации метатегов с помощью плагина Yoast SEO (нажмите чтобы скачать).
Если у вас самописный сайт, для заполнения тега Title вы можете просто отредактировать html документ. Укажите свой заголовок внутри открывающего и закрывающего тега:
<head>
<title>Заголовок страницы...</title>
</head>
Для редактирования html документа вы можете воспользоваться обычным текстовым редактором или более функциональными программами наподобие Notepad++ или Sublime Text.
Метатег Description
Description (дескрипшн) — это мета-тег, содержимое которой является описанием страницы. Обычно, именно этот информационный блок видит человек, совершая поиск в интернете:
Правильное составление метатега Description является неотъемлемой частью SEO оптимизации сайта. На самом деле, его правильное заполнение является наукой и искусством одновременно.
Наукой — потому есть четкие правила составления эффективного описания веб-страницы.
Искусством — потому что трудно предсказать, какое именно описание заинтересует пользователя и заставит его перейти на сайт.
Не придав должного внимания составлению мета-дескрипшен вы упускаете возможность сделать свой сайт более популярным.
А вот пример метатега Description в html коде:
Проверить наличие и корректность описания можно с помощью плагина Yoast SEO.
А ниже вы познакомитесь с четырьмя правилами, игнорируя которые вы не сможете правильно составить метатег Description.
1. Рекомендуемая длина Description
Ваш Description должен быть длиной не более 160 символов. Все, что свыше этого заменяется многоточием:
Идеальный вариант — это когда длина дескрипшена составляет 150-160 символов с учетом пробелов.
Вы конечно же можете ограничиться и меньшим количеством слов (50-60 символов), но слишком короткое описание имеет меньше шансов зацепить читателя.
2. В чем сила вашего сайта?
Description — это не только описание страницы, но и возможность рассказать о преимуществах вашего сайта. Здесь можно провести аналогию с рекламным объявлением.
Как и в рекламном сообщении, с помощью мета-описания у вас есть возможность рассказать пользователям о ваших сильных сторонах, конкурентных преимуществах.
Хорошо с этой задаче справляется Best Buy — крупный американский ритейлер:
В заголовке и в дескрипшене они пишут:
Best Buy: Профессиональный сервис. Самые низкие цены. Вы можете купить у нас электронику, компьютеры, технику, мобильные телефоны, видео-игры и многое другое. Все в одном месте + бесплатная доставка в течении 2 дней.
Согласитесь, прочитав такое описание трудно остаться равнодушным.
3. Акцент на теме страницы
Помимо того, что ваше описание должно быть интригующим, оно еще и должно содержать соответствующие ключевые слова.
Но не перегинайте палку. Вы должны писать прежде всего для людей, только потом для поисковых систем.
Опять же, возвращаясь к примеру Best Buy: они не только перечислили много целевых запросов в описании (электроника, телефоны, видео-игры), но и сумели рассказать о бесплатной доставке, низких ценах и профессиональном сервисе — то, что любят люди.
4. Призыв к действию
Один из лучших советов, который я могу вам дать — добавьте в мета дескрипшен призыв к действию. Вы можете использовать следующие команды:
- Узнайте
- Получите
- Успейте
- Закажите
- Переходите
Пример дескрипшена с призывом к действию:
Лучшие места на главное спортивное событие года — Чемпионат мира по футболу 2018! Переходите прямо сейчас и успейте забронировать билеты со скидкой.
Как заполнять метатег Description
Если у вас сайт на WordPress, для написания метатега Description необходимо установить плагин Yoast SEO.
После его активации появится окно SEO настроек:
Описание указывается в специальном текстовом поле. Цветовой индикатор подсказывает, сколько символов у вас осталось в запасе.
Если ваш сайт — самописный, откройте html документ и в теге meta, внутри атрибута content укажите свой Description:
<meta name="description" content="Описание веб-страницы...">
Метатег keywords
Keywords (кейвордс) — это еще один мета тег, играющий важную роль в SEO оптимизации сайта. Пример метатега Keywords в hmtl документе:
<meta name="keywords" content="Ключевые слово, ключевые слово, ключевые слово...">
Самый часто задаваемый вопрос:
«Нужен ли метатег Keywords для продвижения сайта?».
Прежде чем ответить на него, давайте немного окунемся в историю…
Раньше Keywords играл огромную роль в ранжировании сайта. Достаточно было перечислить в нем все ключевые слова, как сайт без труда выходил на первые строчки в поиске.
Но времена изменились, и сейчас такие манипуляции ни к чему хорошему не приведут.
SEO и Keywords в нынешних реалиях
Некоторые оптимизаторы советуют избегать использования этого метатега. Другие же, напротив, утверждают об его эффективности.
Так где же правда?
А она как обычно где-то посередине.
Рьяное перечисление ключевых слов может быть расценено поисковыми системами как попытка манипуляции, что в свою очередь может привести к санкциям.
С другой стороны, нет ничего страшного если вы укажите пару ключевых запросов. Они могут учитываться при определении соответствия страницы поисковым запросам.
Как заполнять Keywords
При заполнении keywords вам нужно перечислить ключевые слова через запятую. Обычно достаточно 1-2 запросов.
Пример метатега Keywords для статьи 7 Реальных способов заработка на блоге:
Блоггинг, заработок в интернете, монетизация блога.
Теперь вы знаете буквально все о метатегах и стали еще на шаг ближе к успеху. Если вы считаете, что эта статья может быть полезна остальным, поделитесь ею в социальных сетях.
Бонус: Кликните по ссылке ниже чтобы получить бесплатный доступ к секретному рецепту создания РАБОТАЮЩИХ метатегов.
site4business.net
Мета-тег description — что это такое: значение мета описания для SEO, длина в Яндекс и Google
Москва г. Москва, ул. Нобеля 7, п. 56 +7 (800) 700-59-30
Мета тег description (мета-описание) предназначен для создания краткого описания html-страницы. Его содержимое может использоваться поисковыми системами для формирования сниппета. Данный тег не влияет на внешний вид страницы, так как является служебной информацией. Он располагается в блоке <head> </head> html кода страницы.
Пример мета-описания в коде страницы:
<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 должен быть привлекательным для пользователей, давать представление о той информации, которую они найдут на описываемой странице, рассказывать о преимуществах товара или услуги.
wiki.rookee.ru