Заголовок и описание сайта - это первое, с чем сталкивается пользователь в поисковой выдаче. Их информативность и привлекательность напрямую зависят от того, как вы пропишете мета-теги. Эта статья для начинающих SEO-специалистов и владельцев сайтов, которые самостоятельно занимаются оптимизацией. Узнайте, как правильно написать Title, Description, Keywords, и какие существуют к ним требования.
Мета-теги - это элементы в HTML-коде, которые нужны, чтобы сообщить поисковым системам информацию о содержимом страницы.
Мета-теги Title, Description и Keywords никак не отображаются на сайте, их можно увидеть только в коде, в теге head. Когда пользователь вбивает запрос в строке поиска, система может сформировать результат выдачи, используя мета-теги.
Поисковые системы постоянно эволюционируют. Поэтому в данный момент они скорее «принимают к сведению» мета-теги, а окончательные выводы о содержимом страницы делают по множеству факторов.
Так, для формирования сниппета они могут иногда использовать Description, но могут и составить его самостоятельно из контента сайта. Но специалисты рекомендуют все равно прописывать Title и Description. С мета-тегом Keywords ситуация немного другая, но об этом мы поговорим в соответствующем разделе.
Ниже мы поговорим о требованиях к каждому из описанных мета-тегов, но объединяет их два момента. Во-первых, они должны быть уникальны внутри сайта и не дублироваться на разных страницах. Во-вторых, должны соответствовать содержимому страницы и ее семантике. Для составления описанных мета-тегов необходимо составить семантическое ядро и учитывать структуру сайта.
В Title указывается заголовок страницы, и он влияет на продвижение сайта в поисковой выдаче по ключевым словам. Данный мета-тег имеет следующий вид в блоке head:
Пример тега Title в коде сайта:
Title также отображается как заголовок открытого сайта в браузере - вот как это выглядит на примере сайта Ringostat :
Плохой пример Title:
Компьютеры. Цены в г. Николаев. Купить компьютеры в г. Николаеве.
Хороший пример Title:
Компьютере в Николаеве. Купить компьютер по цене поставщика, бесплатная доставка | Мир техники
Мета-тег Description - это элемент, который содержит описание содержимого страницы. В коде он выглядит так:
Пример тега Description в коде
Основные SEO теги вроде тайтл и h1 все еще остаются важными элементами страницы, непосредственно влияющими на ранжирование. Но какими они должны быть сегодня? Многие как и раньше продолжают перечислять там ключевые слова и это иногда даже работает Если у сайта достаточный запас прочности… Но очень далеко не у всех сайтов он есть и как правило сайты просто понижаются в выдаче за такие спам-Title . Лично я бы вам советовал обратить большее внимание на коммерческую значимость данных тегов, ведь именно этого от нас и добиваются поисковики. Эффективность от того же тайтла с высоким CTR в выдаче будет многократно выше эффективности даже самого грамотного использования в нем ключей.
Изначально была четверка основных SEO тегов:
В принципе — грамотное распределение ключей между ними уже позволяло вывести сайт в ТОП по некоторым запросам. Но люди начали спамить И спамить много. Тег keywords практически сразу потерял свою актуальность, ведь он задумывался именно как вспомогательный тег, который бы пояснял немощным в то время поисковым системам — по каким запросам надо ранжировать ту или иную страницу. Но поисковики и сами всему быстренько научились, ввиду чего полностью отпала необходимость в этом теге (поражаюсь над теми, кто его все еще заполняет ).
Справедливости ради, стоит сказать, что все теги должны содержать ключевые запросы, но вписывать их стоит максимально аккуратно. Так же важно следить за длинной тегов. Я бы вам советовал держать длину тега h1 до 100 символов, title между 100 и 120 символов, дескрипшн 200-300 символов. И выкиньте, наконец, из головы утку о классических размерах основных тегов — эта утка стара как мир и она основана не более чем на отображаемых размерах тегов в выдаче ПС, но к ранжированию это не имеет ни какого отношения .
Первая и самая главная рекомендация — перестаньте спамить теги! Кроме фильтра за это ничего не получить. Это совсем не означает, что необходимо полностью отказаться от классической схемы — совсем нет, но вписывать ключи необходимо так, чтобы полностью сохранялась читаемость. Ни в коем случае не используйте перечисление ключей через вертикальную черту или двоеточия — это спам чистой воды. Напишите 1-2 полностью читаемых предложения и не бойтесь использовать морфологические формы и разбавления ключей. Ключи в чистом виде (окна москва купить ) — это явный признак поискового спама и никто вас не похвалит за такое.
Немного отступлю от темы статьи — напрочь забудьте про использование ключей в меню навигации и тегах картинок — noname вам будет обеспечен, а вылезти будет нелегко, уж поверьте.
Кстати, про noname фильтр и другие сложности, которые могут возникнуть при продвижении сайта в поисковиках, можно узнать . А если у вас возникает необходимость обратиться в или Гугл, то это очень просто сделать с теми рекомендациями и пошаговым описанием, которое я однажды делал.
Тайтл всегда был наиболее важным SEO элементом страницы — данная тенденция остается и сегодня. И об этом знают все сеошники, что в общем виде привело к тому, что тайтл полностью потерял изначально заложенные в него функции — описать страницу! В умах многих — тайтл это тот самый тег, где необходимо написать самые высокочастотные ключи. А еще они знают о том, что разбивать пассажи нехорошо, даже не понимая механику этого процесса. В итоге мы получаем тупое перечисление ключей через вертикальную черту…. А еще, ввиду того, что многие воспринимают Тайтл исключительно как тег для поисковых систем — пошли всякого рода утки про 60-70 символов. Но в чем главная суть тайтла? Кратко и емко описать суть страницы!
Используйте тайтл по его прямому назначению! Вместо слов купить, фото или отзывы используйте слова, которые повышают CTR в выдаче, например — скидки, акция. Настоятельно прошу вас переосмыслить подход к формированию этого, действительно важнейшего элемента страницы.
Изначально description использовался, как описательный тег страницы, который выводился в роли сниппета. Яндекс практически сразу ушел от его использования в выдаче, Гугл же очень долгое время брал сниппет из дескрипшна. Логика Яндекс более чем понятна — удалые вебмастера description своих сайтов откровенно засрали.
Сегодня тег description все еще оказывает влияние на поисковую выдачу и в нем и в самом деле стоит использовать ключевые слова и даже можно немного поспамить, в отличии от тега Title. Но в любом случае — дескрипшн должен быть полностью читаемым и ни в коем случае не содержать обороты, идущие в разрез с правилами русского языка.
А вот тут есть серьезные проблемы у большинства сайтов. При формировании данного тега стоит опять же обратиться к основам и следовать простым правилам:
У многих читателей появится резонный вопрос — какие еще теги оказывают влияние на ранжирование. Все просто. Достаточно значимы так же теги H2 и H3. Но важнее всего отсутствие спама в тексте. Границу спама можно определить по медиане плотности ключей по запросу сайтов в ТОП 10. Ранее данную методику использовали для получения плотности ключей, я же вам рекомендую использовать именно как показатель верхней допустимой границы спама (стоит отметить, что тут немалую роль играет и ваш сайт — нередко границу можно превысить в несколько раз без каких-либо последствий ). Но главная мысль такова — как бы хорошо не были оптимизированы ваши теги — если текст спамный — все на смарку. Так что тексты я бы вам рекомендовал проверять по сервису text.ru — достаточно неплохой анализатор текстов.
Когда речь заходит о мета-тегах и мета-данных, нередко возникает путаница - начинающие специалисты бросаются оптимизировать все содержимое в рамках тега HEAD с элементом META. Давайте разберемся, какие мета-данные действительно важны для SEO-оптимизации, а какие можно обойти вниманием.
Мета-теги (от англ. «meta tags») используются для того, чтобы структурировать сопроводительные данные о странице. Они рассчитаны исключительно на роботов, браузеры, специализированное ПО, чтобы те корректно «прочли» и обработали представленную информацию. Мета-данные располагаются в директиве HEAD наряду со скриптами, стилями и линками (см. скриншот ниже).
Широкое применение получили три группы мета-тегов:
Для маркетологов, владельцев площадок, SEO-специалистов - тех, кто занимается поисковой оптимизацией сайтов и не имеет отношения к профессиональной разработке - важно запомнить и учитывать только атрибут NAME и теги description, robots, keywords, viewport. Остальная информация о мета-данных для решения SEO-задач вам ни к чему. В целях расширения кругозора вы можете изучить , но в работе это вряд ли потребуется.
Description - это мета-описание страницы. Для SEO этот тег один из ключевых.
Синтаксис следующий:
Раньше Google и Яндекс при формировании сниппета в результатах поиска выводили информацию из description. Но оптимизаторы быстро поняли, что с помощью description можно манипулировать выдачей. Кроме того, многие владельцы сайтов недобросовестно подходили к заполнению этого мета-тега: вставляли первый абзац из текста, копировали title или вообще игнорировали его.
Поэтому поисковики перестали формировать описания только лишь на основе description - теперь учитывается весь контент страницы. Но это вовсе не означает, что description утратил свою значимость для SEO. Роботы Яндекса и Google по-прежнему сканируют содержимое description и учитывают его при определении релевантности документа.
В руководствах для вебмастеров Яндекса и Google вы не найдете ни единого слова по поводу длины мета-описаний. Более того, отображаемая длина описаний в сниппетах постоянно меняется: например, в декабре 2017 года Google расширил ее до 300 символов, а в мае 2018 года - укоротил до 160.
Поэтому при определении оптимальной длины мета-тега description приходится опираться на эмпирические данные и здравый смысл.
Состоянием на октябрь 2018 года отображаемая длина мета-описания (в символах с пробелами):
Чтобы сделать сниппеты информативными для пользователей обеих поисковиков, лучше самую важную информацию добавлять в первые 100-140 символов мета-тега description, а не 160-170 - как принято считать.
Фактическая длина description может превышать и 300, и 500 символов - но нет смысла тратить ресурсы на увеличение мета-описаний, поскольку пользователи все равно не увидят эту информацию (поисковики же могут воспринять ее как спам). Лучше направьте усилия на SEO-оптимизацию контента и повышение его качества.
Для того чтобы мета-описание помогло продвинуть сайт, придерживайтесь таких правил:
«Наличие мета-тегов с некачественным содержанием может стать причиной удаления страницы из результатов поиска» - справка Яндекса.
С помощью этого мета-тега можно разрешать или запрещать поисковым роботам индексировать страницы и переходить по размещенным ссылкам.
Мета-тег robots может принимать такие значения:
Синтаксис такой:
Изменяя значения мета-тега robots, можно управлять индексацией, причем поисковые системы следуют указаниям в этом теге, в отличие от директив в robots.txt , которые носят рекомендательный характер.
Значения мета-тега robots понимают все поисковые системы. Также можно задать правила индексирования только для:
Если мета-тег robots не прописан, поисковые роботы по умолчанию индексируют страницу и переходят по ссылкам на ней. При обнаружении конфликтующих значений роботы выберут положительное из них (например, если одним мета-тегом запрещается индексация, а вторым разрешается, то робот проиндексирует страницу).
На заре развития поисковых систем этот мета-тег играл важную роль в ранжировании. Интересно, что Яндекс до сих пор учитывает содержимое этого мета-тега при определении соответствия страницы поисковым запросам, хотя по факту влияния на позиции keywords не оказывает. Вместе с тем Яндекс предупреждает о том, что если заполнить его откровенным спамом - большим числом ключевых слов - это может привести к пессимизации страницы или исключению ее из индекса.
Если вы решили заполнять keywords, учитывайте синтаксис:
Не указывайте более 10 ключевых слов. Кроме того, прописанные ключевые слова должны присутствовать в тексте страницы.
Этот мета-тег стал особенно актуальным после начала учета поисковиками мобильной адаптации в качестве фактора ранжирования. В обычной практике SEO-специалисту вряд ли придется прописывать этот мета-тег - это задача разработчиков шаблона. Но знать о его существовании все же нужно.
Итак, если сайт адаптирован под просмотр на мобильных, в разделе HEAD будет прописан мета-тег viewport такого вида:
Здесь значение device-width атрибута width дает команду браузеру подогнать ширину окна под ширину экрана устройства. Значение 1 атрибута initial-scale запрещает масштабирование окна (например, при повороте экрана). Больше узнать о мобильной адаптации вы можете из статьи «10 правил оптимизации сайта под мобильные устройства» .
Формально title - это не мета-тег, но он работает по аналогичному принципу и играет ключевую роль в SEO, поэтому о нем нельзя не упомянуть.
Информация из title учитывается поисковыми системами при определении релевантности документа. На странице она не выводится, но всегда отражается в результатах поиска, а также в качестве заголовка в браузере - в этом принципиальное отличие от description, информация из которого выводится на усмотрение поисковика.
Синтаксис тега title:
Как и мета-теги, title размещается внутри раздела HEAD.
Отображаемая длина title (символов с пробелами):
Заголовок должен быть информативным, точно описывать содержание страницы, включать главное ключевое слово, но без переспама.
О принципах составления title мы подробно писали в выпуске рассылки «Эффективные заголовки для SEO-продвижения» . Рекомендуем ознакомиться для получения дополнительного преимущества в поисковой выдаче.
Title и description должны выгодно выделять ваш сайт на фоне конкурентов. Узнать, какие мета-теги используют конкуренты, можно в один клик с помощью специального . Первые 500 запросов - бесплатно!
Это не мета-теги. Они прописываются в разделе 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 рублей. Помимо проверки корректности заполнения мета-тегов, специалист проанализирует семантическое ядро сайта, внутренние и внешние факторы, поведение аудитории и многие другие аспекты, влияющие на эффективность продвижения. В итоге вы получите развернутый отчет с рекомендациями для правильной оптимизации сайта.
Самое время заняться научиться, как правильно заполнять мета-тег Description. И для начала небольшой экскурс по данному понятию. Description — это короткое описание страницы сайта, рассказывающее о том, чему она посвящена. После ввода поискового запроса мы видим Description в результатах поиска.
Description можно задать в ручную, в том случае, если это не сделано, поисковик будет самостоятельно формировать его по своему усмотрению, как в верхнем примере выдачи Яндекса, Google же показал описание, которое было задано.
Если смотреть на это с позиции и , то Description лучше всегда задавать самому, не надеясь на поисковую систему. О том, что нужно учитывать, при составлении Description, чтобы это положительно влияло на позиции в поисковых системах и увеличивало посещаемость сайта мы расскажем далее. Дочитайте это материал до конца, чтобы раз и навсегда разобраться с правильным заполнением мета-тега Description.
Теперь посмотрим выдачу Google по запросу «Пластиковые окна в Москве».
В данном случае город указан только в теге Title, а в Description только частичное вхождение, что не совсем правильно. Примечательно также, что в мета-описание у первых двух сайтов используется эмодзи — «телефонный аппарат».
Неправильный Description — это полная противоположность правильному, когда он не прописывается, не включает ключевые слова или состоит сплошь из одних ключевых слов (кто-то путает его с Keywords). Больше здесь добавить нечего.
Если остались вопросы — пишите их в комментариях.