Генератор Open Graph и Twitter Card

Создавайте структурированные теги Open Graph и Twitter Card, чтобы настроить внешний вид ссылок на ваш сайт в социальных сетях, таких как Facebook, Twitter и LinkedIn.

Социальные параметры:

URL страницы:

Заголовок:

Описание:

URL ссылки на изображение:

Название сайта:

Имя пользователя Twitter:

Тип контента:

Размер Twitter Card:

Сгенерированные социальные теги:

Возможности

Зачем использовать генератор Open Graph?

Оптимизируйте форматирование предварительного просмотра в лентах Facebook и Twitter.

🖼️

Предпросмотр мультимедийного контента

Убедитесь, что при публикации ваши посты содержат описательные заголовки, краткие описания и изображения-шапки в высоком разрешении.

🐦

Поддержка Twitter Card

Создаёт отдельные теги twitter:card, поддерживающие как компактный формат summary, так и формат с большим изображением.

🔒

Ноль сетевых запросов

Все свойства генерации компилируются на стороне клиента. Мы никогда не отслеживаем ссылки вашего сайта или учётные данные.

✔️

Корректный вывод по стандартам W3C

Формирует корректные метатеги XML/HTML в соответствии со спецификациями стандарта Open Graph.

📋

Интерактивное копирование

Мгновенно экспортируйте готовые сетки социальной разметки одним щелчком.

🏷️

Типы объектов

Поддерживает указание стандартных типов контента (website, article, book, profile) для передачи контекста.

Часто задаваемые вопросы

Протокол Open Graph позволяет любой веб-странице стать полноценным объектом в социальном графе. Он используется Facebook, LinkedIn и другими сетями для отображения предварительных фрагментов.

Хотя Twitter может использовать стандартные теги Open Graph в качестве резервного варианта, явное указание тегов twitter:card и twitter:site обеспечивает оптимальное отображение в лентах Twitter.

Facebook рекомендует изображения размером не менее 1200 x 630 пикселей для наилучшего отображения на устройствах с высоким разрешением (соотношение сторон 1,91:1).

Нет. Этот инструмент генерирует свойства метаданных со ссылкой на изображение. Сам файл изображения необходимо размещать на вашем собственном сервере.

Тег og:type определяет, как ваша опубликованная ссылка категоризируется внутри социального графа (например, как веб-сайт, статья или видео).

Вы можете использовать официальные инструменты, такие как Facebook Sharing Debugger или Twitter Card Validator, чтобы проверить, как отображаются ваши теги.

Тег имени сайта задаёт общее название бренда веб-сайта, которое обычно отображается рядом с заголовком страницы или под ним.