Соцсети

Что такое тег og:title и почему он управляет превью ссылок?

Заголовок, показываемый при публикации вашей ссылки, не всегда совпадает с настоящим заголовком страницы — этот тег определяет его.

Что это

og:title (сокращение от «Open Graph title») — это конкретный мета-тег, <meta property="og:title" content="...">, который точно сообщает социальным платформам и мессенджерам, какой заголовок показывать при публикации ссылки на вашу страницу. Open Graph — общий стандарт, изначально созданный Facebook, который теперь используют большинство крупных платформ — Facebook, LinkedIn, Slack, WhatsApp и другие — для построения карточки превью, показываемой для опубликованной ссылки.

Без него большинство платформ вернутся к использованию вашего обычного заголовка страницы, что часто работает нормально — но это означает, что у вас нет отдельного контроля над тем, что именно появляется в этом контексте публикации, если бы вы хотели, чтобы оно читалось иначе.

Почему это важно

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

Явная настройка og:title также защищает от того, что резервный вариант захватит что-то нежелательное — некоторые платформы возвращаются к общему названию сайта или странно обрезанной версии вашего заголовка, если этот тег отсутствует.

Как это исправить

  1. Напишите короткий, чёткий заголовок, специально предназначенный для контекста публикации — он может немного отличаться от SEO-тега заголовка страницы, если это помогает ясности.
  2. Добавьте <meta property="og:title" content="Ваш заголовок здесь"> внутри раздела <head> страницы.
  3. Если вы используете конструктор сайтов или SEO-плагин, поищите специальное поле «Заголовок для публикации в соцсетях», а не редактируйте код напрямую.
  4. Держите его достаточно коротким — большинство платформ обрезают длинные заголовки, так что ставьте самую важную часть в начало.
  5. Протестируйте с помощью инструмента Sharing Debugger от Facebook или Post Inspector от LinkedIn, чтобы убедиться, что заголовок появляется как ожидается.

Проверьте, есть ли эта проблема на вашем сайте

Launch Readiness проверяет ваш сайт на эту и ещё ~50 проблем перед запуском за несколько секунд — бесплатно, без регистрации.

Запустить бесплатную проверку