Что писать в title description keywords. Что такое метатеги? Как правильно заполнять метатег Title, Description, Keywords

19.07.2019

Заголовок и описание сайта - это первое, с чем сталкивается пользователь в поисковой выдаче. Их информативность и привлекательность напрямую зависят от того, как вы пропишете мета-теги. Эта статья для начинающих SEO-специалистов и владельцев сайтов, которые самостоятельно занимаются оптимизацией. Узнайте, как правильно написать Title, Description, Keywords, и какие существуют к ним требования.

Что такое мета-теги Title, Description, Keywords

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

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

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

Так, для формирования сниппета они могут иногда использовать Description, но могут и составить его самостоятельно из контента сайта. Но специалисты рекомендуют все равно прописывать Title и Description. С мета-тегом Keywords ситуация немного другая, но об этом мы поговорим в соответствующем разделе.

Зачем прописывать мета-теги Title и Description

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

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

Как заполнять мета-тег Title

В Title указывается заголовок страницы, и он влияет на продвижение сайта в поисковой выдаче по ключевым словам. Данный мета-тег имеет следующий вид в блоке head:

Title</ Title>Пример тега Title в коде сайта:Title также отображается как заголовок открытого сайта в браузере - вот как это выглядит на примере сайта Ringostat : <h3>Требования к Title: </h3><ul><li>содержит до 70 символов или до 600 пикселей для Google - эта система измеряет длину именно в них; </li><li>ключевые слова размещаются ближе к началу Title - в первых 1-4 словах; </li><li>не содержит ключевых слов, по которым страница не продвигается - например, в Title сайта интернет-магазина не стоит писать «бесплатная доставка»; </li><li>компания указывается в конце - исключение составляют крупные бренды, например, Rozetka, Gucci и т. д.; </li><li>ключевые слова не дублируются - при необходимости используйте синонимы; </li><li>Title должен отличаться от H1, заголовка первого порядка; </li><li>не содержит перечисление всех возможных регионов и всего ассортимента; </li><li>написан без использования капслока; </li><li>текст читабельный, без несогласованных фраз - не стоит просто перечислять ключевые слова; </li><li>желательно использовать один язык для одной страницы, как советует Google ; </li><li>не рекомендуется использовать разные теги Title для мобильных и десктопных страниц. </li> </ul>Плохой пример Title: Компьютеры. Цены в г. Николаев. Купить компьютеры в г. Николаеве.Хороший пример Title: Компьютере в Николаеве. Купить компьютер по цене поставщика, бесплатная доставка | Мир техники<h2> Что писать в Description</h2>Мета-тег Description - это элемент, который содержит описание содержимого страницы. В коде он выглядит так: <meta name="description" content="Description" /> Пример тега Description в коде <h3>Требования к Description: </h3><ul><li>мета-тег содержит от 70 до 155 знаков, для Google от 400 до 930 пикселей; </li><li>начинается с ключевого слова; </li><li>состоит из связного текста; </li><li>не дублирует Title; </li><li>описывает конкурентное преимущество, УТП - у пользователя должно возникнуть желание перейти на сайт; </li><li>содержит призыв к действию; </li><li>заканчивается точкой или восклицательным знаком; </li><li>не слишком короткий и содержит достаточно ключевых слов; </li><li>не дублирует кусок контента с сайта; </li><li>не содержит спецсимволы (= / \ + _ в середине текста, зато можно использовать различные графические значки в конце объявления, чтобы привлечь внимание пользователей. </li> </ul> Когда речь заходит о мета-тегах и мета-данных, нередко возникает путаница - начинающие специалисты бросаются оптимизировать все содержимое в рамках тега HEAD с элементом META. Давайте разберемся, какие мета-данные действительно важны для SEO-оптимизации, а какие можно обойти вниманием.<h2>Что такое мета-теги?</h2>Мета-теги (от англ. «meta tags») используются для того, чтобы структурировать сопроводительные данные о странице. Они рассчитаны исключительно на роботов, браузеры, специализированное ПО, чтобы те корректно «прочли» и обработали представленную информацию. Мета-данные располагаются в директиве HEAD наряду со скриптами, стилями и линками (см. скриншот ниже).Широкое применение получили три группы мета-тегов:<ul><li>NAME;</li><li>HTTP-EQUIV;</li><li>CONTENT.</li> </ul>Для маркетологов, владельцев площадок, SEO-специалистов - тех, кто занимается поисковой оптимизацией сайтов и не имеет отношения к профессиональной разработке - важно запомнить и учитывать только атрибут NAME и теги description, robots, keywords, viewport. Остальная информация о мета-данных для решения SEO-задач вам ни к чему. В целях расширения кругозора вы можете изучить , но в работе это вряд ли потребуется.<h2>Мета-теги для SEO</h2><h3>Description</h3>Description - это мета-описание страницы. Для SEO этот тег один из ключевых.Синтаксис следующий:<meta name="description" content="Описание страницы">Раньше Google и Яндекс при формировании сниппета в результатах поиска выводили информацию из description. Но оптимизаторы быстро поняли, что с помощью description можно манипулировать выдачей. Кроме того, многие владельцы сайтов недобросовестно подходили к заполнению этого мета-тега: вставляли первый абзац из текста, копировали title или вообще игнорировали его.Поэтому поисковики перестали формировать описания только лишь на основе description - теперь учитывается весь контент страницы. Но это вовсе не означает, что description утратил свою значимость для SEO. Роботы Яндекса и Google по-прежнему сканируют содержимое description и учитывают его при определении релевантности документа.<h4>Какова длина мета-тега description</h4>В руководствах для вебмастеров Яндекса и Google вы не найдете ни единого слова по поводу длины мета-описаний. Более того, отображаемая длина описаний в сниппетах постоянно меняется: например, в декабре 2017 года Google расширил ее до 300 символов, а в мае 2018 года - укоротил до 160.Поэтому при определении оптимальной длины мета-тега description приходится опираться на эмпирические данные и здравый смысл.Состоянием на октябрь 2018 года отображаемая длина мета-описания (в символах с пробелами):<ul><li>Google: десктопный поиск - 120-140; мобильный поиск - 100-120;</li><li>Яндекс: десктопный поиск - 120-220; мобильный поиск - 110-200.</li> </ul><blockquote>Чтобы сделать сниппеты информативными для пользователей обеих поисковиков, лучше самую важную информацию добавлять в первые 100-140 символов мета-тега description, а не 160-170 - как принято считать. </blockquote>Фактическая длина description может превышать и 300, и 500 символов - но нет смысла тратить ресурсы на увеличение мета-описаний, поскольку пользователи все равно не увидят эту информацию (поисковики же могут воспринять ее как спам). Лучше направьте усилия на SEO-оптимизацию контента и повышение его качества.<h4>Как правильно составлять description</h4>Для того чтобы мета-описание помогло продвинуть сайт, придерживайтесь таких правил:<ul><li>заполните уникальные description для всех URL сайта (если нет возможности расставить мета-теги сразу на всех страницах, начните с главной, страниц каталога, самых важных товаров);</li><li>описание должно быть точным и содержать полезную информацию. Например, описывая товар в интернет-магазине, укажите его характеристики, назначение, цену. Фраза вроде «купите сапоги у нас, потому что мы лучшие» в качестве описания исключена;</li><li>не превращайте description в спам-лист (недопустимо перечисление ключевых фраз, особенно в прямом вхождении).</li> </ul><blockquote>«Наличие мета-тегов с некачественным содержанием может стать причиной удаления страницы из результатов поиска» - справка Яндекса. </blockquote><h3>Robots</h3>С помощью этого мета-тега можно разрешать или запрещать поисковым роботам индексировать страницы и переходить по размещенным ссылкам.Мета-тег robots может принимать такие значения:<ul><li>index (или noindex) - разрешена (запрещена) индексация страницы;</li><li>follow (или nofollow) - разрешена (запрещена) индексация ссылок; вот интересный материал о noindex и nofollow ;</li><li>all - аналог одновременного использования index и follow;</li><li>none - аналог одновременного использования noindex и nofollow;</li><li>noarchive - в результатах поиска не будет выводиться ссылка на сохраненную в кэше копию.</li> </ul>Синтаксис такой:<meta name="robots" content="index,follow" />Изменяя значения мета-тега robots, можно управлять индексацией, причем поисковые системы следуют указаниям в этом теге, в отличие от директив в robots.txt , которые носят рекомендательный характер.Значения мета-тега robots понимают все поисковые системы. Также можно задать правила индексирования только для:<ul><li>Google - в этом случае используется мета-тег googlebot вместо robots (значения можно задавать те же);</li><li>Яндекс - вместо robots указывается yandex.</li> </ul>Если мета-тег robots не прописан, поисковые роботы по умолчанию индексируют страницу и переходят по ссылкам на ней. При обнаружении конфликтующих значений роботы выберут положительное из них (например, если одним мета-тегом запрещается индексация, а вторым разрешается, то робот проиндексирует страницу).<h3>Keywords</h3>На заре развития поисковых систем этот мета-тег играл важную роль в ранжировании. Интересно, что Яндекс до сих пор учитывает содержимое этого мета-тега при определении соответствия страницы поисковым запросам, хотя по факту влияния на позиции keywords не оказывает. Вместе с тем Яндекс предупреждает о том, что если заполнить его откровенным спамом - большим числом ключевых слов - это может привести к пессимизации страницы или исключению ее из индекса.Если вы решили заполнять keywords, учитывайте синтаксис:<meta name="keywords" content="ключ 1, ключ 2, ключ 3…" />Не указывайте более 10 ключевых слов. Кроме того, прописанные ключевые слова должны присутствовать в тексте страницы.<h3>Viewport</h3>Этот мета-тег стал особенно актуальным после начала учета поисковиками мобильной адаптации в качестве фактора ранжирования. В обычной практике SEO-специалисту вряд ли придется прописывать этот мета-тег - это задача разработчиков шаблона. Но знать о его существовании все же нужно.Итак, если сайт адаптирован под просмотр на мобильных, в разделе HEAD будет прописан мета-тег viewport такого вида:<meta name="viewport" content="width=device-width, initial-scale=1"> Здесь значение device-width атрибута width дает команду браузеру подогнать ширину окна под ширину экрана устройства. Значение 1 атрибута initial-scale запрещает масштабирование окна (например, при повороте экрана). Больше узнать о мобильной адаптации вы можете из статьи «10 правил оптимизации сайта под мобильные устройства» .<h3>Title - не мета-тег, но для SEO очень важен</h3>Формально title - это не мета-тег, но он работает по аналогичному принципу и играет ключевую роль в SEO, поэтому о нем нельзя не упомянуть.Информация из title учитывается поисковыми системами при определении релевантности документа. На странице она не выводится, но всегда отражается в результатах поиска, а также в качестве заголовка в браузере - в этом принципиальное отличие от description, информация из которого выводится на усмотрение поисковика.<img src='https://i0.wp.com/blog.promopult.ru/wp-content/uploads/2017/07/vazhnye-meta-tegi-dlya_2.png' width="100%" loading=lazy>Синтаксис тега title:<title>Заголовок страницы

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

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

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

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

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

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

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

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

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

Синтаксис такой:

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

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

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

и т. д.

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

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

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

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

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

Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП.

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

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

К мета-тегам относятся:

title — заголовок страницы;
description - описание веб-страницы;
keywords - ключевые слова;
http-equiv - тип отправляемого документа и кодировка (charset);
generator - CMS сайта;
author - автор;
copyright - авторские права;
robots - правила индексирования страницы для роботов;
viewport - данные о настройке области просмотра;
и другие.

Для чего нужны мета теги

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

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

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

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

content — не назначается по умолчанию;
http-equiv — предназначен для перевода метатега в заголовок HTTP;
name — имя метатега, косвенно устанавливающее его предназначение;
charset -задает кодировку документа.

Из них только content является обязательным. Остальные применяются по желанию.

Метатеги нужны для передачи нужной информации о странице:

поисковым роботам (keywords, title, description);
браузерам (коды страниц, интервалы автообновления, куки);
сервисов (указание копий адресов и других сведений).

Следите за тем, как и с какой целью вы заполняете метатеги.

Мета-тег Title

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

Так title выглядит в коде страницы сайта:

Оптимизация мета тега Title под SEO

Заголовок должен быть уникальным на всех страницах сайта;
Тайтл должен отражать суть страницы, должен быть информативным и кратким;
Должны присутствовать запросы, по которым продвигается данная страница, самые важные размещаем в начале тега, заголовок должен обязательно содержать 1-3 ключевых слова;
Не включайте в Title слишком много ключевых слов;
Не используйте спецсимволы (= / \ + _), знаки препинания и стоп-символы (точка, двоеточие, восклицательный и вопросительный знак) - помните, это знаки, которые разбивают пассажи в Title, что снижает взаимосвязь ключей по разные стороны от стоп-знака;
Составляйте тег Title для людей по всем правилам русского языка, заголовок по возможности нужно делать цепляющим и привлекательным;
Оптимальная длина Title – от 30 до 65 символов. Google ориентируется на длину в пикселях, рекомендуемая длина - от 200 до 571 пикселей. Если длина Title больше, то в сниппете появляется многоточие, которое также занимает дополнительное место в заголовке. Оно может появиться как в конце заголовка сниппета, так и в начале. Короткие Тайтл тоже плохо, поскольку в него помещается мало ключей.

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

Купить очки солнцезащитные в Москве по низким ценам
Установка деревянных окон в Москве недорого
Мета-теги страницы сайта | Мета теги Title и Description

Ошибки и неудачные примеры мета-тегов title

Установка windows, удаление вирусов, починка компьютеров, продажа комплектующих (простое перечисление ключевых слов)
Главная – ООО АвтоРемонт — ремонт автоматической коробки передач в Москве (вначале должны быть самые главные ключевые слова)
Авторемонт (слишком короткий Title)
ООО Сайты: разработка сайтов, большой офис, новости компании. (слова, по которым не будет продвигаться сайт)

Мета-тег Description

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

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

Мета тег Description для SEO

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

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

Обеденные столы : большой выбор столов, низкие цены, доставка по России. Купить столы в интернет-магазине СуперМебель со скидкой! » />
Купить смартфон Xiaomi Redmi 4x в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями , техническими характеристиками и подробным описанием. » />

Ошибки и неудачные примеры мета тегов Description

(короткий, мало ключевых слов)
(сгенерирован автоматически или просто вырезано начало контента на странице) .
(перечисление ключевых слов через запятую, неестественное мета-описание) .

Мета-тег Keywords

На мой взгляд мета-тег Keywords уже давно не работает и не стоит тратить на него время.

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

Тег Title - текст который будет учавствовать в составлении ссылки на наш сайт в выдаче поисковых систем. К title предъявляется требование уникальности.

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

Мета-тег Keywords - определение с какой точки зрения вы хотите услышать? С точки зрения семантики html или с точки зрения поисковиков? А может с точки зрения SEO оптимизаторов? Тьфу, в общем это мета тег для написания слов, которые Вы считаете ключевыми (и только Вы). Как их воспримет Яндекс или Google неизвестно наперед, кто ж вам раскроет все тайны…

Как правильно

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

5 основных правил по написанию тайтла к странице.

Уникальность . Для каждой страницы title должен быть свой;
Читабельность . Тайтл прежде всего для людей - должен кратко описывать содержимое страницы. Постарайтесь написать читаемое предложение из ключевых слов, каждое ключевое слово повторяется только 1 раз;
Без пунктуации . Старайтесь не использовать знаки пунктуации.
Длинна . Длинна title: не более ~80 символов или не более ~10 слов теперь можно длинные, но после 80 символов вес уменьшается, теперь полезно включать низкочастотники;
Спам слова . Исключите бестолковые тайтлы («Главная», «Добро пожаловать», «ООО Название-Компании»).

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

5 основных правил, чтобы описать страницу.

Ключевые слова в описании используйте в разумных пределах, это вам не title, постарайтесь описать содержимое страницы, используя ключевые слова без фанатизма;
Длина описания должна составлять не более ~200 символов.
Текст в описании должен быть для людей, завлекательный текст - приветствуется, он показывается в поисковой выдаче.
Запятые и точки использовать можно.
Копировать первые несколько предложений из содержания - не правильно, в „описание“ вы должны укомплектовать всю статью.

Как правильно заполнить keywords

5 правил по заполнению мета-тега keywords.

Исключительно только то, что есть на странице;
Не используйте разделение слов запятыми или другими знаками препинания / пунктуации;
Для каждой страницы свои ключевые слова;
Длинна: не более 200 символов;
Все ключевые слова выполняйте в нижнем регистре.

Ещё правила

Попробуйте по-другому воспринять фразу:

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

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

Title как запрос в поисковую систему

Запросы бывают НЧ, СЧ, ВЧ (думаю, всем понятно). Для „конечных“ страниц сайта (статей, новостей, публикаций, товара, услуги…) используйте НЧ. Для разделов сайта используйте СЧ, а для главной страницы ВЧ. - Где то я нашел такой совет, и в общем мысль ясна, но как то стрёмно на главной странице просто написать (например для этого сайта) „CSS“ или „PHP“, и что собственно из этого писать. А для разделов – согласен, можно и так. Хотя многие предпочитаю вообще закрывать от индексации страницы с листингом стаей или продуктов… Так что описывайте теги „по смыслу“ и для людей, а правил нужно поменьше!

Примеры

Заполнение под НЧ запросы

Где: на страницах сайта со статьями, товарами, работами, услугами (статьи или ТРУ) - так называемые конечные или посадочные страницы.

Заоплнение под СЧ запросы

Где: страница сайта с перечнем статей или ТРУ определённой тематики, т.е. разделы, секции, категории.

Заполнение под ВЧ запросы

Где: главная страница (можно так же корневые разделы, секции, категории).

Пример вставки

Желательно в начало раздела после „charset“:

Заголовок страницы