Генератор Meta Тегов OG Онлайн
Генерируйте Open Graph и Twitter Card мета-теги для социальных сетей.
<!-- Open Graph --> <meta property="og:title" content="My Website — Main Title"> <meta property="og:description" content="My website description for social media."> <meta property="og:type" content="website"> <meta property="og:url" content="https://example.com"> <meta property="og:image" content="https://example.com/og-image.jpg"> <meta property="og:site_name" content="My Site"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="My Website — Main Title"> <meta name="twitter:description" content="My website description for social media."> <meta name="twitter:image" content="https://example.com/og-image.jpg">
Зачем это нужно
Open Graph мета-теги за минуту
Все платформы
Совместимо с Facebook, Twitter, LinkedIn, Telegram и другими.
Без интернета
Генерация в браузере без отправки данных на сервер.
Предпросмотр
Видите, как будет выглядеть ваша ссылка при публикации в соцсетях.
Мгновенно
HTML-код мета-тегов генерируется при вводе.
Как это работает
Три шага — никаких сложностей
Заполните данные страницы
Введите заголовок, описание, URL и загрузите изображение для предпросмотра.
Выберите тип контента
Укажите тип: website, article, product или video.
Скопируйте мета-теги
Скопируйте готовые HTML-теги и вставьте в <head> страницы.
FAQ
Остались вопросы?
Open Graph Protocol (OGP) был создан Facebook в 2010 году для стандартизации того, как веб-страницы представляются при публикации в социальных сетях. Мета-теги og:title, og:description, og:image и og:url определяют заголовок, описание, изображение и URL, отображаемые в превью ссылки.
Рекомендуемый размер: 1200×630 пикселей (соотношение 1.91:1). Минимум: 600×315. Большинство платформ (Facebook, LinkedIn, Telegram) кадрируют изображение до этого соотношения. Twitter использует 1200×675 (соотношение 16:9) или 1200×628. Максимальный размер файла — обычно 5 МБ для JPG/PNG.
Twitter имеет собственный набор мета-тегов (twitter:card, twitter:title, twitter:description, twitter:image), но если они отсутствуют, использует OG-теги как запасной вариант. twitter:card определяет тип карточки: summary (маленький предпросмотр) или summary_large_image (большое изображение).
og:locale определяет язык контента страницы (например, ru_RU, en_US). Это помогает Facebook корректно локализовать интерфейс при публикации. Для русскоязычных страниц укажите og:locale content="ru_RU".
Используйте официальные инструменты: Facebook Sharing Debugger (очищает кэш prevью), LinkedIn Post Inspector, Twitter Card Validator. Все они показывают, как будет выглядеть превью вашей страницы, и помогают выявить ошибки в мета-тегах.
Open Graph Protocol: история, стандарт и влияние на CTR в социальных сетях
Open Graph Protocol был представлен Facebook на конференции f8 в апреле 2010 года. Протокол использует словарь на основе RDFa (Resource Description Framework in Attributes) — упрощённый подмножество Semantic Web технологий. Спецификация размещена на ogp.me и с тех пор принята большинством крупных платформ. Twitter создал собственные Cards мета-теги в 2012 году, впоследствии добавив поддержку OG как запасного варианта.
Качественные OG-теги напрямую влияют на CTR (Click-Through Rate) ссылок в социальных сетях. Исследования показывают, что посты с привлекательным изображением og:image получают в 2–3 раза больше кликов по сравнению с постами без изображения. og:title до 60 символов и og:description до 155 символов оптимальны для отображения на большинстве платформ.
Для e-commerce важны дополнительные OG-теги: product:price:amount, product:price:currency, product:availability. Для статей: article:published_time, article:author, article:section. LinkedIn предпочитает og:type "article" для профессионального контента. Регулярная проверка через Facebook Sharing Debugger позволяет убедиться в правильности отображения и очистить кэшированные превью.