Что это
og:image — это мета-тег, <meta property="og:image" content="https://вашдомен.com/изображение.jpg">, который точно сообщает социальным платформам и мессенджерам, какое изображение показывать в карточке превью, когда ссылка на вашу страницу публикуется. В отличие от тегов заголовка и описания, здесь обычно нет автоматического резерва, на который стоило бы полагаться — без этого тега большинство платформ просто показывают превью с обычным текстом без какого-либо изображения, что заметно выглядит менее привлекательно рядом с другими опубликованными ссылками, у которых оно есть.
На изображение нужно ссылаться по его полному, прямому веб-адресу (не по относительному пути), и оно должно размещаться в публично доступном месте без необходимости входа в систему.
Почему это важно
Опубликованная ссылка с визуальным превью замечается и кликается значительно больше, чем та, что выглядит как обычный текст, просто потому что занимает больше визуального пространства и выглядит более весомой в переполненной социальной ленте или чате. Это верно практически для каждой платформы, генерирующей превью ссылок — изображение часто является самым крупным визуальным элементом во всей карточке превью.
Отсутствующий og:image также является одним из более распространённых пробелов в публикации в соцсетях именно потому, что легко настроить теги заголовка и описания (которые являются просто текстом) и забыть, что изображению нужен свой собственный, отдельный и правильно оформленный тег.
Как это исправить
- Выберите изображение, которое хорошо представляет страницу с широким, примерно горизонтальным соотношением сторон (1200×630 пикселей — часто рекомендуемый размер).
- Загрузите изображение куда-нибудь на свой собственный сайт, чтобы у него был стабильный, прямой веб-адрес.
- Добавьте
<meta property="og:image" content="https://вашдомен.com/путь/к/изображению.jpg">в раздел<head>страницы, используя полный адрес, а не относительный. - Если вы используете конструктор сайтов, поищите поле загрузки «Изображение для публикации в соцсетях» на этой конкретной странице, а не редактируйте код напрямую.
- Протестируйте с помощью инструмента Sharing Debugger от Facebook или Post Inspector от LinkedIn — эти инструменты также помогают очистить кэшированное (устаревшее) превью платформы, если вы обновляете изображение, которое уже было опубликовано ранее.