Теги Open Graph позволяют соц. сетям подтянуть определенное изображение при размещении ссылки сайта где то - в комментариях, в личных сообщениях и т.д.
HTML
<meta property="og:title" content="Заголовок страницы" />
<meta property="og:description" content="Описание страницы" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://site.ru/" />
<meta property="og:image" content="https://site.ru/media/images/logo-og.png" />
Параметры:
- og:title - Заголовок страницы, будет выведен вместе с изображением;
- og:description - Описание страницы, будет выведено под заголовком;
- og:type - Тип контента. website, video, article и т.д.
- og:url - Абсолютный путь до страницы;
- og:image - Абсолютный путь до изображения.
Примечание. Оптимальное разрешение изображения - 1200х630. Если изображение будет меньше 600х315 то оно будет выведено как миниатюра. Размер изображения не должен превышать 5МБ.
Для проверки результата можно использовать плагин для Google Chrome - OpenGraph Preview