Google вновь обновил дизайн страницы поисковой выдачи. Это заметили не все, но есть одна вещь, которая может повлиять на SEO. Этот пост поведает вам о влиянии дизайна на тег title и обозначит новый лимит длины «тайтла». Но сперва новый инструмент:

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

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

Enter Your Full Title Text:
Enter Search Phrase (optional):
мета тег
www.example.com/example
This is your page description. The font and size of the description has not changed in the latest redesign. Descriptions get cut off after roughly 160 characters

Заметка: Введите ключевые запросы как обычно, без запятых. Инструмент предпросмотра выделит лишь точно совпавшие результаты поиска Google.

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

В новом дизайне поисковой выдачи Google увеличил размер шрифта «тайтлов» в результатах поиска. Остальной контент остался прежнего размера. На примере представлены результаты поиска до редизайн и после:

Тег title после редизайна

Первый результат (старый дизайн) имеет меньший шрифт. После редизайна (результат ниже), тайтл потерял целых 6 символов. Прежнее руководство по написанию title не работает. Итак остальной пост — попытка создать новый свод правил для мета тега title, основываясь на данных со страниц реального результата поиска.

Сложнее, чем мы думали

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

title 40 символов

Как уже видно, оба тайтла по 40 символов занимабт разную ширину. Давайте по порядку:

1) Нижний регистр — нижний регистр

Ок, мы видим, что 3 буквы в нижнем регистре — меньше одной заглавной W.

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

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

3) Ширина варьируется от запроса

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

4) Обрезанные тайтлы

Google обрезает тайтлы в CSS, а браузеры отображают » … » каждый раз, когда тайтл обрезан. Тайтл, который будет слишком длинный и не влезет в лимит, так же потребует дополнительное пространство для » … «. В то время, как title который будет предусмотрительно короче не потребует лишних символов при принудительном укорачивании.

Благодаря https://moz.com/blog/new-title-tag-guidelines-preview-tool