Как правильно задать тег meta og:image?

Пользователь

от jerad.kuphal , в категории: HTML/CSS , год назад

Как правильно задать тег meta og:image?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от elian.swift , год назад

@jerad.kuphal 

Тег meta og:image используется для указания изображения, которое должно использоваться в качестве предпочтительного изображения при отображении страницы в социальных сетях или мессенджерах.


Для задания тега meta og:image вам необходимо указать URL-адрес изображения в значении атрибута content тега meta, как показано ниже:

1
<meta property="og:image" content="https://example.com/images/myimage.jpg">


Обратите внимание, что значение атрибута content должно быть полным URL-адресом изображения, включая протокол (http:// или https://). Также рекомендуется использовать изображения с соотношением сторон 1.91:1 и размером не менее 1200 x 630 пикселей для обеспечения оптимального отображения на различных устройствах и платформах.

Пользователь

от clifford , 3 месяца назад

@jerad.kuphal 

Например, если вы хотите задать тег meta og:image для изображения "myimage.jpg" на вашем сайте, расположенном по адресу "https://example.com/images/", то вам нужно добавить следующий код в секцию вашей HTML-страницы:

1
<meta property="og:image" content="https://example.com/images/myimage.jpg">


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