↗ oglabTEST ENVIRONMENTВсе сценарии ↗
OPEN GRAPH / TWITTER CARDS

Только Open Graph.

Контрольный пример без twitter:* для проверки поведения fallback.

Все сценарии ↓
12 OG типов4 Twitter Cards100% статический HTML
↗ LINK PREVIEWИЛЛЮСТРАЦИЯ
OG Lab: тестовая обложка
og-testoway.ruslansoloviev.ru

Только Open Graph

Контрольный пример без twitter:* для проверки поведения fallback.

Добавит ?v=…; canonical останется прежним.
ЧТО УВИДИТ ПАРСЕР

Метаданные этой страницы

Теги уже в исходном HTML. JavaScript нужен только для кнопок и фильтра.

<meta property="og:title" content="Только Open Graph — OG Lab">
<meta property="og:type" content="website">
<meta property="og:url" content="https://og-testoway.ruslansoloviev.ru/fallback/">
<meta property="og:description" content="Контрольный пример без twitter:* для проверки поведения fallback.">
<meta property="og:site_name" content="OG Lab">
<meta property="og:locale" content="ru_RU">
<meta property="og:determiner" content="">
<meta property="og:image" content="https://og-testoway.ruslansoloviev.ru/assets/lime.png">
<meta property="og:image:url" content="https://og-testoway.ruslansoloviev.ru/assets/lime.png">
<meta property="og:image:secure_url" content="https://og-testoway.ruslansoloviev.ru/assets/lime.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="OG Lab: светлая типографика и цветное кольцо на тёмной сетке">
01 / ОТКРОЙ

Выбери отдельный URL

У каждого сценария свой canonical и свой набор тегов. Так результаты не смешиваются.

02 / ОТПРАВЬ

Вставь ссылку в чат

Проверь карточку в нужном приложении. Картинка выше — иллюстрация, реальный вид определяет платформа.

03 / СРАВНИ

Учти кеш превью

При повторной проверке используй кнопку «Новая тестовая ссылка». У платформ может оставаться собственный кеш.