Что такое мета тег title и зачем он нужен для SEO?

Всем привет дорогие друзья! В сегодняшней статье я затрону один из самых важных аспектов внутренней оптимизации сайта — мета тег title (тайтл). Это один из самых важный мета тегов, игнорирование которого не принесет владельцу сайта нужных ему целевых посетителей.

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

По крайней мере, даже одно изменение может сильно повлиять на SEO в целом. Речь пойдет о влиянии редизайна на мета Тег title, а также я расскажу о новом лимите длины «тайтла», который определяется данными поисковых запросов. Но сперва давайте рассмотрим обновленный инструмент предпросмотра (т. е как будет тайтл смотреться в Гугле). Очень занимательный инструмент.

Инструмент предпросмотра тега тайтла (версия 2014 года)

---

Сразу хочу извиниться за рокировку порядка заявленной темы поста, т.е. за то, что начинаю свой рассказ с инструмента предпросмотра, а не с мета тега title. Делаю я это специально для удобства тех пользователей, которые вернуться: чтобы они не прокручивали статью в поисках инструмента предпросмотра, а могли сразу ввести тег тайтл и/или ключевые слова поисковых запросов (для выделения) и просмотреть, как будет выглядеть их запрос в обновленной версии:

 

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

Как редизайн влияет на мета Тег title

---

После редизайна в поисковой выдаче Google увеличился шрифт заголовков, тогда как область под заголовком осталась без изменений. Вот смотрите, как выглядели результаты поиска до изменений и после:

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

Это сложнее, чем вы думаете

---

Вы можете подумать: «Ой, да что тут сложного? Просто скажите, сколько должно быть символов в заголовке и я подгоню под это количество свои seo titles». К сожалению, не все так просто. Пока я высчитывал необходимую длину, то заметил, что у шрифта Arial  есть определенные пропорции расстояний между символами. Причем у разных символов они свои. Вот наглядный пример – ниже представлены два заголовка из 40 символов, но выглядят они абсолютно по-разному:

Как вы видите, нет той волшебной, а главное универсальной длины заголовка, которая подходила бы для всех случаев. Эти два запроса состоят 40 символов, но каждый из них занимает разное пространство. Так что давайте дальше разбираться…

(1) Существуют узкие буквы

---

Если вы всмотритесь в эти заголовки, то обратите внимание, что какие-то буквы занимают намного больше места, чем другие. В первом заголовке присутствует много таких букв как «l» и «i», которые занимают мало места, а вот буквы «m» и «w» намного шире и их больше во втором заголовке. Заметьте, также что три строчные буквы «l» занимают меньше места, чем одна строчная буква «w».

 (2) ЗАГЛАВНЫЕ БУКВЫ занимают больше места

---

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

Обратите внимание на второй заголовок: писать слово «LEGO» заглавными буквами здесь это оправданное решение (т.к. это важная и необходимая информация), а вот «BRIDGEWATER COMMONS» совсем необязательно, т.к. это создает лишний «шум».

 (3) Ширина букв зависит от запросов

---

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

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

(4) У сокращенных seo title меньше символов

---

Google обрезает слишком длинные заголовки в CSS, при этом браузер постоянно добавляет в конец таких усеченных заголовков – «…». Для этих трех точек также необходимо дополнительное место, поэтому необходимо сразу сокращать свои заголовки, чем пытаться втиснуть длинные seo title.

Реальные поисковые данные

---

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

Мне пришлось проделать поистине колоссальную работу, а именно: я проанализировал данные с первой страницы поисковой выдачи Google.com для 10000 англоязычных запросов. При этом не всегда по каждому запросу SERP выдает по 10 результатов, поэтому в итоге я получил не 10 тысяч, как планировал, а 93438 поисковых результатов.

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

Google усекает слишком длинные заголовки, используя CSS, поэтому мне нужно было воссоздать их (а не просто смотреть на исходный код). После того как я извлек все seo titles, я открыл их в браузере Chrome на Windows 7 в той же ширине и размере, как и в поисковике Google (18px Arial в 512px ширину <div> ). Также для анализа я узнал длину всех заголовков, используя JavaScript, jQuery, AJAX и PHP. Погрешность колеблется в пределах ±2 символов.

Значения, распределение и достоверность

---

Хочу сразу извиниться за обилие математических значений, но без этого никак.

Итак, давайте рассмотрим заголовки, которые были усечены гуглом и выясним их длину. Таких заголовков набралось аж 28410 штук. В среднем длина заголовка после усечения составила 57,7 символов, но были и такие образцы, чья длина была намного больше.

Казалось бы, вот она величина, которую можно взять за образец, но на деле не все так просто: гугл обрезал множество запросов длиной в 57 символов, но были и такие заголовки, которые не были обрезаны и чья длина составляла более 57 символов!  Так что даже 57 символов – это не идеальная длина для seo заголовка.

Если графически изобразить какой длины стали заголовки после обрезки гуглом, то картинка будет следующей:

Радует, что все-таки есть определенный лимит, в пределах которого существует высокая вероятность того, что заголовок не будет обрезан гуглом. Google может обрезать и относительно короткие заголовки, например после усечения у меня были образцы длиной всего в 42 символа, но и попадались достаточные длинные образцы, чья длина даже после усечения составляла 68 символов! Впрочем, больше всего было примеров заголовков длиной (после обрезки) в 57-58 символов.

Вот пример усеченного заголовка длиной в 42 символа:

Обратите внимание, все слова в тайтле написаны заглавными буквами, которые, как мы знаем, занимают больше места, чем строчные буквы, да и сам поисковой запрос растянут («anywho reverse lookup»).

А вот еще один усеченный заголовок, но его длина аж 68 символов!

Всмотритесь в него. Здесь поисковой запрос короткий – всего одно слово «Giftster»; заголовок содержит лишь две заглавные буквы и в нем много «узких» букв, таких как «l» и «i». Помните, что график я составлял, основываясь на длине заголовков уже усеченных Google. В случаях с «Gifster» погрешность в длине может составлять в 1-3 символа за счет многоточия.

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

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

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

• 80% (81.6%) вероятность, что не будет обрезан – заголовок длиной в 57 символов
• 90% (91.6%) вероятность, что не будет обрезан – заголовок длиной в 56 символов
• 95% (95.8%) вероятность, что не будет обрезан – заголовок длиной в 55 символов
• 99% (98.7%) вероятность, что не будет обрезан – заголовок длиной в 53 символа
• 99.9% (99.9%) вероятность, что не будет обрезан – заголовок длиной в 49 символов

В скобках представлены более точные значения, а не округленные. На мой взгляд, оптимальным решением является заголовок длиной в 55 символов, так как в 95% случаев он останется без изменений, т.е. другими словами только 1 из 20 таких заголовков будет усечен гуглом.

Нет магического числа для длины заголовка

---

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

Кроме того, обрезка тайтлов – это еще не обкатанная и не универсальная практика: Google находится в поиске оптимального решения, тестирует различные форматы, как например, вертикальные результаты поиска и Google+. Так что ваш заголовок, не укладывающийся в 55 символов, может остаться без изменений.

Вот пример вертикального результата из Google новостей:

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

Так и хочется кликнуть, чтобы узнать о чем идет речь. А в первом примере понятно, что речь пойдет о теории возникновения мира – никакой интриги. Впрочем, если вам интересна эта тема, то вы в любом случае щелкните по новости.

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

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

Особенности использования мета тега title в поиске Яндекса

---

Если говорить про наш отечественный продукт поисковую систему Яндекс, то здесь мы имеем 60 знаков в теге title. Ключевые слова в нем должны находиться как можно ближе к началу, чтобы по поисковым фразам ваш сайт смог оказаться в ТОП 10 и выше. Также многие говорили, что ключевая фраза должна встречаться в теге только один раз, чтобы не было переспама. Такое было, я думаю, что вы помните эти времена. Сейчас по запросу квартиры посуточно можно наблюдать такую картину:

Как мы видим на примере вхождение слова «квартиры» встречается целых два раза, что дает некоторое конкурентное преимущество (не основное конечно). Ведь есть множество факторов по которым сайт попадает в ТОП — это и скорость загрузки страниц, возраст домена, удобства структуры (юзабилити) и хорошо структурированный текст, и хороший ссылочный профиль и др.

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

Если в коде, то он выглядит вот так:

<title>Аренда квартир в Ижевске: квартиры посуточно, снять квартиру на сутки или на час по разумной цене, комната на час в Ижевске | Аренда квартир на сутки и часы</title>

Честно сказать, двоякое мнение по поводу длины seo заголовка. Но в некоторых своих статьях я использую длинные тайтлы, размещая ключи ближе к началу. Эффект от этого есть. Так что, можете взять и поэкспериментировать на досуге.

Если в вашем заголовке не используется ключевая фраза, но она есть в теге h1, то подсвечиваться в поиске будет именно она. Такое было у меня. На моем блоге есть статья — как определить позиции сайта. Так вот это и есть название в h1, а в тайтле у меня был совершенно другой текст, который даже с этой фразы не начинался, а Яндекс, в результате, подсвечивал все на ура. Так что запомните, что h1 — не менее важен для оптимизации сайта и в тексте он должен встречаться только один раз!

На этом  у меня все. Я думаю, что теперь вы задумаетесь об оптимизации мета тега тега title для вашего сайта, чтобы обеспечить для него максимальную видимость. До встречи в следующих выпусках Умного Блога. А пока….