Генератор мета-тегов с превью Google

Как написать title tag, который не обрезается в Google

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

Хорошая структура проста: главный ключевой запрос в начале, затем то, что предлагает страница, и название бренда в конце. Например, вместо "EVI Solutions | Разработка ПО и ИТ-услуги | Белград" лучше работает "Разработка ПО на заказ | EVI Solutions". Первый пример тратит место на бренд, который пользователь уже видит в URL, второй сразу отвечает на то, что ищет пользователь.

Следите за дублированием. Если у нескольких страниц одинаковый title, Google сам выбирает, какой показать, и часто переписывает его. У каждой страницы должен быть свой уникальный заголовок. Избегайте и кликбейт-слов вроде "лучший в мире", если контент их не подтверждает, потому что Google умеет заменять заголовок текстом со страницы.

Что такое meta description и как он влияет на клики

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

Цельтесь примерно в 150 до 160 символов. Пишите так, как будто объясняете страницу другу: что там найдёт пользователь и почему это полезно. Конкретный пример всегда лучше общего. Вместо "Предлагаем различные ИТ-услуги" напишите "Разрабатываем веб-приложения и бизнес-софт для малых и средних компаний. Посмотрите примеры и запишитесь на консультацию."

Имейте в виду, что Google часто показывает собственный фрагмент из текста страницы, особенно когда запрос пользователя не соответствует вашему описанию. Поэтому пишите description так, чтобы он был полезен и тогда, когда не отображается: пусть первый абзац страницы ясно говорит, о чём речь.

Самые частые ошибки при вводе мета-тегов

Вот список проблем, которые инструмент легко обнаружит, а которые часто встречаются на практике:

1. Заголовок длиннее 60 символов, который обрезается посреди слова.
2. Одинаковые title и description на нескольких страницах, например на всех товарах.
3. Description, который только повторяет заголовок вместо того, чтобы добавить новую информацию.
4. Специальные символы вроде кавычек или амперсанда, которые неправильно закодированы в HTML.
5. Относительный адрес в canonical-теге вместо полного абсолютного пути.

Пятая ошибка заслуживает объяснения. Canonical-тег говорит Google, какая версия страницы основная, когда существует несколько похожих адресов, например с "www" и без или с параметрами отслеживания. Всегда используйте полный адрес, например https://evi.rs/stranica, потому что относительный путь может запутать поисковик.

Как Open Graph теги влияют на репосты в соцсетях

Когда кто-то делится вашей ссылкой в LinkedIn, Facebook, Viber или WhatsApp, превью создаётся не из тегов title и description, а из Open Graph тегов: og:title, og:description и og:image. Если их нет, платформа импровизирует и часто выбирает неправильную картинку или обрезает текст пополам.

Изображение для репоста должно быть 1200 x 630 пикселей, с текстом, читаемым даже на маленьком экране телефона. Разместите заголовок и логотип в верхней или левой трети, потому что платформы иногда обрезают края. Проверьте, как это выглядит, вставив ссылку в превью для репостов самой соцсети до того, как запустите кампанию.

Профессиональный совет: когда меняете контент страницы, обновляйте и Open Graph изображение. Соцсети кешируют превью и могут днями показывать старую версию, поэтому полезно иметь под рукой инструмент для обновления кеша.

Если у вас большой сайт с сотнями страниц, ручная настройка каждого тега быстро становится неуправляемой. Тогда помогает шаблон по типу страницы, а когда работа больше отдельного инструмента, EVI Solutions может помочь с технической SEO настройкой.