Генератор Open Graph
Создавайте теги Open Graph и Twitter Card с живым предпросмотром публикаций для Facebook, LinkedIn и X. Подсказки по размерам изображений, метаданные статей и проверка полноты.
Загрузка: Генератор Open Graph…
Ваши файлы не покидают устройство
Как пользоваться: Генератор Open Graph
- 1
Откройте «Генератор Open Graph» на этой странице. Инструмент загружается прямо в браузере.
- 2
Добавьте файл, текст или значения и настройте параметры.
- 3
Скопируйте или скачайте результат. Ничего не загружается и не хранится.
Об инструменте
Когда кто-то делится вашей ссылкой в Facebook, LinkedIn, WhatsApp, Slack или X, карточка предпросмотра с заголовком, описанием и изображением берётся из тегов Open Graph. Без них платформы угадывают и часто выбирают не ту картинку или вовсе никакой. Этот генератор Open Graph собирает теги из формы и показывает живой предпросмотр, чтобы вы точно знали, как будет выглядеть ссылка ещё до публикации.
Как создать теги Open Graph
- Введите URL страницы, заголовок и описание.
- Добавьте URL изображения, альтернативный текст, размер и тип.
- Выберите тип контента: website, article, product, book и другие. Для статей добавьте автора, даты публикации, раздел и теги.
- Выберите тип карточки Twitter и добавьте свои аккаунты.
- Проверьте предпросмотр для Facebook, LinkedIn и Twitter и проверку полноты, затем скопируйте HTML в head страницы.
Размеры изображений
| Назначение | Размер |
|---|---|
| Facebook, LinkedIn, большинство приложений | 1200 x 630 px (1,91:1) |
| Минимум для LinkedIn | 1200 x 627 px |
| Большая карточка Twitter | 1200 x 675 px (16:9) или 1200 x 600 |
| Квадратный запасной вариант | 600 x 600 px |
Держите размер изображений до 5 МБ, используйте JPG или PNG и размещайте важный текст по центру, так как некоторые платформы обрезают края.
Основные теги
- og:title: заголовок карточки, желательно короче 60 символов.
- og:description: одно или два предложения, примерно от 150 до 160 символов.
- og:image: абсолютный URL https на изображение предпросмотра.
- og:url: канонический URL страницы.
- og:type: website для большинства страниц, article для записей блога.
- og:locale и og:site_name для языка и бренда.
Предпросмотр не обновляется?
Платформы кэшируют предпросмотры ссылок. После изменения тегов обновите кэш через Sharing Debugger в Facebook или Post Inspector в LinkedIn, затем поделитесь ссылкой снова. Также проверьте, что URL изображения публичный и не требует входа.
Для результатов поиска добавьте теги title и description с помощью генератора мета-тегов, а изображение для публикаций приведите к 1200 x 630 в ресайзере изображений 1200x630.
Частые вопросы
Какого размера должно быть изображение Open Graph?
1200 x 630 пикселей с соотношением 1,91:1 подходит для Facebook, LinkedIn и большинства приложений. Держите размер файла до 5 МБ.
Нужны ли одновременно теги Open Graph и Twitter Card?
Если тегов Twitter нет, X использует теги Open Graph, но twitter:card позволяет выбрать макет с большим изображением.
Почему Facebook показывает старое изображение?
Facebook кэширует предпросмотры. Прогоните URL через Sharing Debugger, чтобы подтянуть новые теги, затем поделитесь снова.
Куда вставлять сгенерированные теги?
В раздел head страницы или в поля для соцсетей в вашей CMS или SEO-плагине.
Должен ли og:image быть абсолютным URL?
Да. Используйте полный URL https, который любой может открыть без входа в систему.
Какой og:type использовать?
website для главной и общих страниц, article для записей блога и новостей. Для особого контента есть product и другие типы.