100% БЕСПЛАТНО • ЖИВОЙ ПРЕДПРОСМОТР TELEGRAM • VK • WHATSAPP • X

Генератор мета-тегов и Open Graph

Создавайте идеальные сниппеты для соцсетей и мессенджеров. Наблюдайте в реальном времени, как ваша ссылка будет выглядеть в Telegram, VK, WhatsApp и Twitter/X, и экспортируйте готовый код в 1 клик.

Параметры страницы
0 / 60
0 / 160

Рекомендуемый размер: 1200 × 630 px (1.91:1) в формате PNG / WebP / JPEG

Живой предпросмотр
Готовый код для вставки

Как правильно настраивать Open Graph и Twitter Cards

Протокол Open Graph был разработан Facebook для превращения любых веб-страниц в интерактивные объекты социальных графов. Сегодня эти мета-теги поддерживают Telegram, ВКонтакте, WhatsApp, Discord, Slack, LinkedIn и поисковые роботы.

🖼️ Размер картинки

Оптимальный размер — 1200 × 630 пикселей (пропорция 1.91:1). Это гарантирует четкое отображение на Retina-дисплеях без обрезки краев.

✍️ Длина текста

Заголовок (Title) — до 60 символов. Описание (Description) — от 140 до 160 символов, чтобы избежать многоточий в мессенджерах.

🔒 Безопасность $0

Локальная загрузка картинок работает через FileReader браузера. Данные не передаются на сторонние серверы и обрабатываются на вашем устройстве.

🛠️

Связанные инструменты и утилиты

Все утилиты →
💾 SQL & БД

SQL Форматировщик и валидатор

Форматирование SQL-запросов, настройка отступов, минификация для PostgreSQL, MySQL, ClickHouse без отправки на сервер.

Разработка Открыть →
👁️ WCAG 2.2 & UX

Проверка контрастности цветов (WCAG 2.2)

Проверка коэффициента контраста текста и фона по стандартам WCAG 2.2 (AA / AAA), живой предпросмотр компонентов и палитр.

Дизайн & UX Открыть →
🔐 Web Crypto

Генератор надежных паролей

Криптостойкие пароли повышенной надежности на базе Web Crypto API локально на устройстве без передачи в сеть.

Безопасность & IT Открыть →
🔑 Безопасно

JWT Декодер и инспектор токенов

Безопасная локальная расшифровка JSON Web Token (JWT): Header, Payload, проверка сроков жизни exp/iat без утечек.

Безопасность & IT Открыть →
🧪 Regex & IT

Тестер регулярных выражений (Regex)

Интерактивная проверка регулярных выражений с подсветкой совпадений, разбором групп, флагами и готовой шпаргалкой.

Разработка Открыть →
🎨 Дизайн & CSS

Генератор градиентов CSS & Tailwind

Визуальный конструктор градиентов с настройкой углов, трендовыми палитрами и копированием чистого CSS и классов Tailwind.

Дизайн & UI Открыть →

Инструмент пригодился?

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

Поделиться в Telegram