Не пропусти
Главная 20 Интернет 20 Что такое мета тег title и зачем он нужен для SEO?

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

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

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

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

Содержание:

  • Инструмент предпросмотра тега тайтла (версия 2014 года)
  • Как редизайн влияет на мета Тег title
  • Это сложнее, чем вы думаете
  • Реальные поисковые данные
    • (1) Существуют узкие буквы
    • (2) ЗАГЛАВНЫЕ БУКВЫ занимают больше места
    • (3) Ширина букв зависит от запросов
    • (4) У сокращенных seo title меньше символов
  • Значения, распределение и достоверность
  • Нет магического числа для длины заголовка
  • Особенности использования мета тега title в поиске Яндекса

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


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

Введите полный текст заголовка title:
Введите ключевые слова (выборочно):
I’m really happy for you, and Imma let you finish, but Beyonce has one of the best
www.example.com/example

This is your page description. The font and size of the description has not changed in the latestredesign. Descriptions get cut off after roughly 160 characters

 

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

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


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

редизайн выдачи Гугла по тегу тайтл

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

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


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

Заголовки title

Как вы видите, нет той волшебной, а главное универсальной длины заголовка, которая подходила бы для всех случаев. Эти два запроса состоят 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 ширину

 ). Также для анализа я узнал длину всех заголовков, используя JavaScript, jQuery, AJAX и PHP. Погрешность колеблется в пределах ±2 символов.

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


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

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

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

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

Диаграмма длины тайтла после обрезки Гуглом

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

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

Пример усеченного заголовка тайтл

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

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

Растянутый title

Всмотритесь в него. Здесь поисковой запрос короткий – всего одно слово «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 новостей:

Пример новостного мета тега title

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

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

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

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

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


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

seo-title-yandex

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

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

пример длинного тайтла

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

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

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

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

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

О admin

Оставить комментарий

x

Check Also

Про тег div замолвим мы слово

Добрый день друзья! Как то в своих нескольких уроках по html я говорил и употреблял такое понятие как div верстка. У вас наверняка возникли вопросы, ...

Что такое html тег address и как он работает?

Всем хорошего и бодрого утра! На линии обучения азам сайтостроительства Макс Метелев и сегодня мы рассмотрим такой интересный тег, который применяется в html 5 версии ...

Как правильно подключить шрифты в CSS на сайте?

Всем привет дорогие друзья! Наконец то к сайту вернулась посещаемость, а то с праздниками народ вообще подзабил на полезные статьи. Ну это понятно, кто в ...

Как выбрать бесплатный конструктор сайта?

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

Идея для бизнеса: разработка иконок для сайта

Основной принцип. Когда человек первый раз попадает на веб сайт, то первое на что он обращает свое внимание – это иконки для заголовков. Именно по ...

Как скруглить углы и края в фотошопе

Рад снова и снова видеть вас мои дорогие читатели! Сегодня очередной урок по фотошопу и расскажу сегодня как скруглить края (углы) у фото или картинки ...

Как скруглить края или углы у картинки онлайн

Добрый день друзья и подруги! Рад вас всех видеть в обновленном составе. Почему в обновленном? Да потому как активность ваша на блоге растет с каждым ...

Оптимизация картинок на сайте с помощью полезных сервисов и программ

Всем привет друзья! В этой статье я расскажу про важность оптимизации изображений и картинок на вашем сайте, без разницы используете ли вы CMS WordPress, Joomla ...

Как подобрать цвета для своего сайта? Обзор 4 сервисов

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

Разработка качественного и продающего дизайна сайта

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

Скликивание рекламы

Скликивание рекламы Всем привет! Данная статья будет посвящена такому вопросу, как скликивание рекламы. Частично суть проблемы была описана в данном посте, но чаще всего под ...

Promo-soft AddStudio

Promo-soft AddStudio Всем привет! На данном блоге давно не было обзоров SEO софта и поэтому сейчас постараюсь исправиться. На этот раз виновником торжества; стала программа ...

Promo-soft Add2Board

Promo-soft Add2Board Всем привет! Я продолжаю обзор SEO софта от компании Promo-soft и на этот раз речь пойдет про Add2Board. Основное предназначение программы  автоматическая рассылка на ...

Promo-soft AddSite

Promo-soft AddSite Всем привет! Как вы уже, наверное, заметили я делаю обзор всей линейки программ от Promo-soft  и сегодня на очереди AddSite . До этого ...

Xrumer 7.0.12 Elite and Hrefer 3.85 взломан

Xrumer 7.0.12 Elite and Hrefer 3.85 взломан Всем привет! Собственно новость не первой свежести, но до этого многие полагали что это фейк и что взломанного ...

Key collector

key collector Всем привет! В этой статье будет дан небольшой обзор программы, без которой не представляют себе жизнь многие оптимизаторы key collector ( кей коллектор). ...