Open Graph Builder
Соберите OG/Twitter теги и посмотрите, как карточка будет выглядеть в ленте.
Превью
Заголовок страницы
Короткое описание для предпросмотра в мессенджерах и соцсетях.
https://example.com
Сгенерированные теги
<!-- Open Graph --> <meta property="og:title" content="Заголовок страницы" /> <meta property="og:description" content="Короткое описание для предпросмотра в мессенджерах и соцсетях." /> <meta property="og:url" content="https://example.com" /> <meta property="og:image" content="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=1200" /> <meta property="og:site_name" content="Div-Dev" /> <meta property="og:type" content="website" /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Заголовок страницы" /> <meta name="twitter:description" content="Короткое описание для предпросмотра в мессенджерах и соцсетях." /> <meta name="twitter:image" content="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=1200" /> <meta name="theme-color" content="#ffffff" />