UTILS.
Приватность по умолчанию
og

Генератор Open Graph

Создавайте мета-теги Open Graph и Twitter Card с живым предпросмотром в соцсетях.

Ваши файлы остаются на этом устройстве

Файлы обрабатываются в браузере и не отправляются на сервер. Сайт загружает код и ресурсы для работы инструментов. Без аккаунтов и трекеров.

Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.

Конфиденциальность →
— результат появится здесь —

Попробуйте разобранный пример

Пример

Введите Trail Mug как заголовок, Acme как название сайта, https://example.com/mug как URL и https://example.com/mug.jpg как изображение. В результате будут теги og:title, og:url, og:image и og:site_name, а также теги Twitter Card с типом summary_large_image.

Учтите

Указывайте абсолютный адрес изображения: большинство платформ не разрешает относительные пути; 1200 × 630 пикселей подходит для большинства превью. Платформы кешируют превью, поэтому после изменения тегов обновите их через инструмент отладки каждой платформы.

Об этом инструменте

Создаёт теги Open Graph и Twitter Card и показывает, как ваша ссылка будет выглядеть при публикации. Всё работает в вашем браузере.

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

Что такое Open Graph?
Протокол, позволяющий социальным сетям показывать насыщенный предпросмотр (заголовок, описание, изображение) при публикации вашей страницы.
Какая карточка Twitter используется?
summary_large_image, если вы указали изображение, иначе меньшая карточка summary.

Больше инструментов