БлогУслугиКарьера
Обсудить проект
БлогУслугиКарьераОбсудить проект
Инструменты

Длина title: сколько символов оставить в заголовке страницы

Почему у title нет жёсткого лимита в 60 символов. Как сократить заголовок страницы, сохранить полезные уточнения и проверить результат.

Редакция Feature IT
Редакция Feature IT·
2 окт
·
3 мин
·
Карточка поискового результата с заголовком, обрезанным по ширине

У HTML-заголовка title нет универсального лимита в 60 символов для Google. Поисковик обрезает видимый заголовок с учётом ширины экрана и может сформировать его из нескольких источников на странице. Поэтому длина нужна редактору для проверки компактности, но не гарантирует отображение текста целиком.

Google прямо объясняет это в рекомендациях по заголовкам результатов поиска. Рабочую отметку около 60 символов удобно использовать как повод перечитать title. Красная шкала в счётчике не означает техническую ошибку страницы.

Что поставить в начало

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

Сравним вымышленные варианты для мастерской:

Главная страница нашей компании по ремонту техники в городе Тула
Ремонт кофемашин в Туле | Мастерская

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

Как проверить длину

Вставьте готовый заголовок в счётчик символов. Считайте с пробелами, включая разделитель и бренд. Если заголовок собирается автоматически, скопируйте конечный результат из опубликованной страницы: шаблон CMS может добавить название сайта второй раз.

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

Проверьте длину готового текста

Вставьте финальную версию и посмотрите объём с пробелами и без них.

Посчитать символы

Почему одинаковая длина выглядит по-разному

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

Не удаляйте полезное уточнение только ради круглого числа. «Ремонт кофемашин» короче, чем «Ремонт кофемашин в Туле», однако второй вариант точнее описывает местную услугу. Решение о сокращении зависит от содержания, а не от цвета индикатора.

Если Google показывает другой заголовок

Сверьте title с видимым заголовком страницы и её основным текстом. Проверьте, не осталась ли в шаблоне дата прошлого события и не повторяется ли одна общая фраза у десятков разных страниц. После изменения поисковику потребуется заново обработать страницу; результат не обновляется сразу после сохранения в CMS.

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

Обсудим ваш проект?

Оставьте контакты — перезвоним и обсудим задачу

Содержание
  • Что поставить в начало
  • Как проверить длину
  • Почему одинаковая длина выглядит по-разному
  • Если Google показывает другой заголовок
Поделиться:

Похожие статьи

Короткий пост: сколько символов и как сократить текст
Инструменты

Короткий пост: сколько символов и как сократить текст

5 мин
Сколько символов на странице А4: как оценить объём текста
Инструменты

Сколько символов на странице А4: как оценить объём текста

3 мин
UTM-метки для QR-кода: как отличить переходы с листовки и стойки
Инструменты

UTM-метки для QR-кода: как отличить переходы с листовки и стойки

3 мин
Feature IT

Feature IT — платформа по обучению программированию и разработке цифровых продуктов. Мы создаём современные веб-решения для бизнеса и обучаем этому других!

Политика конфиденциальностиПользовательское соглашение

О компании

  • Блог
  • Карьера

Услуги разработки

  • Разработка сайтов под ключ
  • Веб-приложения на React/Next.js
  • Telegram-боты для бизнеса
  • Mini Apps (Telegram, VK)
  • SEO-оптимизированные сайты
  • Автоматизация бизнес-процессов
  • Поддержка и развитие IT-продуктов

Обучение

  • Курс Python с нуля
  • Алгоритмы и структуры данных
  • Паттерны проектирования
  • Подготовка к собеседованиям в IT
  • Практика на реальных проектах

Инструменты

  • Генератор UTM-меток
  • Счётчик символов