Инструменты InterLAB · 7 площадок · 25 проверок · мета-теги и Next.js
Предпросмотр ссылок (Open Graph)
Как ссылка на ваш сайт будет выглядеть в Telegram, WhatsApp, VK, Facebook, X, LinkedIn и Slack: заголовок, описание, картинка и где их обрежут. Проверки тегов по правилам с ID и готовый исправленный блок <head>.
Бесплатно, без регистрации
Загрузка инструмента…
Как это работает
Теги — из HTML, полей или со своего сайта
Вставьте код страницы (Ctrl+U → копировать) или только <head>, заполните поля вручную либо снимите теги с открытой страницы одной строкой в консоли. Браузер не умеет читать чужие сайты напрямую (CORS), а пропускать ваши адреса через наш сервер мы не будем — поэтому так.
Разбор без исполнения
HTML разбирается DOMParser: такой документ инертен — скрипты не выполняются, картинки, стили и шрифты не загружаются. Учитываются title, meta (property и name), link rel=canonical и язык <html>.
Превью 7 площадок
Для каждой площадки — какие теги она берёт и в каком порядке, где обрежет заголовок и описание, как скадрирует картинку и когда покажет её миниатюрой. Светлая и тёмная тема.
Проверки и готовые теги
25 правил с ID и уровнем; исправленный блок мета-тегов (экранирован, относительные адреса → абсолютные, http → https, локаль → ru_RU) и объект metadata для Next.js App Router.
Стандарты и требования площадок
- Open Graph (ogp.me): обязательные свойства — og:title, og:type, og:image, og:url; og:locale — в формате язык_ТЕРРИТОРИЯ (по умолчанию en_US); у картинки могут быть og:image:width, og:image:height, og:image:alt; повтор og:image — законный массив, повтор og:title — ошибка разметки.
- Twitter/X Cards: twitter:card = summary (квадрат 1:1) или summary_large_image (большая картинка 2:1); при отсутствии twitter:title/description/image X берёт og:-значения. Страницы документации X с 2026 года открываются только после входа — значения сверены с последней публичной версией.
- Ссылки на источники приведены в таблице; в самом инструменте — кликабельно в разделе «Требования площадок».
Telegram
- Картинка
- Официальных требований нет; показывается в исходных пропорциях
- Кадр
- исходные пропорции
- Миниатюра
- Маленькая миниатюра справа, если картинка узкая или маленькая (< ~400 px)
- Заголовок / описание до обрезки
- ≈70 / ≈200
- Источник
- https://core.telegram.org/constructor/webPage
- Картинка
- Файл ≤ 600 КБ, ширина ≥ 300 px, соотношение не уже 4:1; <head> — в первых 300 КБ HTML
- Кадр
- 1:1 (миниатюра) / 1.91:1
- Миниатюра
- Квадратная миниатюра слева; крупно — для широких картинок от ~600 px
- Заголовок / описание до обрезки
- ≈65 / ≈90
- Источник
- https://developers.facebook.com/docs/whatsapp/link-previews
VK
- Картинка
- Минимум 537×240 px для записи со ссылкой
- Кадр
- ≈2.24:1 (537×240)
- Миниатюра
- Картинка меньше 537×240 показывается мелко или не показывается
- Заголовок / описание до обрезки
- ≈80 / не показывается
- Источник
- https://vk.com/faq20585
- Картинка
- Рекомендуется 1200×630 и больше, минимум 200×200, крупно — от 600×315, файл ≤ 8 МБ
- Кадр
- 1.91:1
- Миниатюра
- Меньше 600×315 — маленькая миниатюра вместо большой картинки
- Заголовок / описание до обрезки
- ≈88 / ≈110
- Источник
- https://developers.facebook.com/docs/sharing/webmasters/images/ · https://ogp.me/
X (Twitter)
- Картинка
- summary_large_image: 2:1, от 300×157 до 4096×4096; summary: 1:1, от 144×144; файл < 5 МБ; JPG, PNG, WEBP, GIF
- Кадр
- 2:1 / 1:1 (summary)
- Миниатюра
- twitter:card = summary — квадрат 1:1 слева; summary_large_image — большая картинка 2:1
- Заголовок / описание до обрезки
- ≈70 / ≈200
- Источник
- https://developer.x.com/en/docs/x-for-websites/cards/overview/summary-card-with-large-image · https://developer.x.com/en/docs/x-for-websites/cards/overview/summary
- Картинка
- Минимум 1200×627, соотношение 1.91:1, файл ≤ 5 МБ
- Кадр
- 1.91:1
- Миниатюра
- Картинка уже 401 px — миниатюра
- Заголовок / описание до обрезки
- ≈70 / не показывается
- Источник
- https://www.linkedin.com/help/linkedin/answer/46687
Slack
- Картинка
- Официальных размеров нет; бот проверяет, что картинка доступна
- Кадр
- исходные пропорции
- Миниатюра
- twitter:card = summary — миниатюра справа; иначе картинка под текстом
- Заголовок / описание до обрезки
- ≈75 / ≈300
- Источник
- https://api.slack.com/robots
Рекомендуемая картинка для всех площадок сразу — 1200×630 px (1.91:1), JPG или PNG до 600 КБ: так она пройдёт и требования Facebook и LinkedIn, и ограничение WhatsApp. Минимум, ниже которого картинка считается ошибкой, — 200×200 px.
OG-01
- Уровень
- ошибка
- Правило
- Нет og:title — площадки возьмут <title> или адрес
OG-02
- Уровень
- предупреждение
- Правило
- Нет og:description
OG-03
- Уровень
- ошибка
- Правило
- Нет og:image — карточка без картинки
OG-04
- Уровень
- предупреждение
- Правило
- Нет og:url — канонический адрес для лайков и кэша
OG-05
- Уровень
- ошибка
- Правило
- og:image — относительный адрес; нужен абсолютный https://…
OG-06
- Уровень
- предупреждение
- Правило
- Адрес по http:// — используйте https://
OG-07
- Уровень
- ошибка
- Правило
- Адрес не разбирается или не http(s)
OG-08
- Уровень
- предупреждение
- Правило
- Картинка меньше рекомендуемых 1200×630
OG-09
- Уровень
- ошибка
- Правило
- Картинка меньше минимума 200×200
OG-10
- Уровень
- предупреждение
- Правило
- Пропорции далеко от 1.91:1 — картинку обрежут
OG-11
- Уровень
- подсказка
- Правило
- Длина заголовка: короче 15 или длиннее 60 символов
OG-12
- Уровень
- подсказка
- Правило
- Длина описания: короче 50 или длиннее 160 символов
OG-13
- Уровень
- предупреждение
- Правило
- Нет twitter:card — X покажет маленькую карточку
OG-14
- Уровень
- предупреждение
- Правило
- Повтор одиночного тега — площадки могут взять разные значения
OG-15
- Уровень
- предупреждение
- Правило
- canonical и og:url расходятся
OG-16
- Уровень
- предупреждение
- Правило
- og:locale не в формате язык_ТЕРРИТОРИЯ (ru_RU)
OG-17
- Уровень
- предупреждение
- Правило
- В адресе пробелы или не-ASCII символы без кодирования
OG-18
- Уровень
- подсказка
- Правило
- Нет og:image:alt — описания картинки для скринридеров
OG-19
- Уровень
- подсказка
- Правило
- Нет og:type — по умолчанию website
OG-20
- Уровень
- подсказка
- Правило
- twitter:site должен быть @имя
OG-21
- Уровень
- предупреждение
- Правило
- Файл картинки больше 5 МБ (предел X и LinkedIn)
OG-22
- Уровень
- подсказка
- Правило
- Файл больше 600 КБ — WhatsApp может не показать картинку
OG-23
- Уровень
- подсказка
- Правило
- Нет og:site_name — вместо имени сайта будет домен
OG-24
- Уровень
- предупреждение
- Правило
- Неизвестное значение twitter:card
OG-25
- Уровень
- предупреждение
- Правило
- Теги Open Graph дальше первых 300 КБ HTML — WhatsApp их не увидит
Ограничения
- Инструмент не скачивает страницы по адресу: только то, что вы вставили или заполнили. Если теги добавляются скриптом после загрузки (SPA без серверного рендера), в «Просмотре кода» их нет — и большинство площадок их тоже не увидят.
- Размеры картинки проверяются, если они известны: из og:image:width/height, из вашего файла или из загруженной картинки (по согласию). Вес файла — только для файла с устройства.
- Загрузка чужих картинок может быть запрещена сервером картинки или политикой безопасности этой страницы — тогда превью покажет заглушку, а размеры можно проверить по файлу с устройства.
- Площадки кэшируют превью: после исправления тегов старая карточка может держаться до сброса кэша (отладчики Facebook и LinkedIn, @WebpageBot в Telegram).
- Пределы обрезки — ориентиры: длина строки зависит от ширины экрана и символов (кириллица и латиница занимают разную ширину).
Приватность
- Всё считается в вашем браузере: HTML и поля не отправляются на сервер и не попадают в адрес страницы. С заявкой может уйти только краткая сводка результата: домен, имена тегов, находки и размеры картинки.
- Черновик (HTML, поля, адрес страницы, тема превью) хранится только в localStorage этого браузера; «Очистить всё» удаляет его. Файл картинки не сохраняется и не загружается — он живёт в памяти вкладки.
- Загрузка картинок превью из интернета по умолчанию выключена: это запрос к чужому серверу (он увидит ваш IP). Запрос уходит без referrer; согласие не запоминается между визитами.
- В аналитику уходит только факт проверки или экспорта с категорией результата (ошибки / предупреждения / чисто) или формата — без ваших данных.
- Результат уходит к нам, только если вы сами оставите заявку и не снимете галочку «Приложить результат» — что именно уйдёт, видно в форме. Файлы и изображения с заявкой не отправляются.
Похожие инструменты
Все инструменты · 40
Сжатие картинок в WebP и AVIFПеретащите картинки — WebP, AVIF или JPEG по качеству или целевому размеру в КБ, шторка «до/после» 1:1, srcset и <picture>, пакетный ZIP. Всё в браузере.
Генератор favicon и иконокИз картинки, SVG или буквы → favicon.ico, favicon.svg с тёмной темой, PNG всех размеров, apple-touch-icon, maskable, manifest и HTML; превью вкладки, iOS и Android — одним архивом.
Конвертер JSON, YAML и CSVПеревод между JSON, YAML и CSV с форматированием, сортировкой ключей, проверкой синтаксиса с точным местом ошибки и деревом данных.
Тестер регулярных выраженийПодсветка совпадений и групп по мере ввода, замена, разбор выражения по частям, библиотека готовых шаблонов и защита от зависания.
Cron: расписание по-человеческиCron-выражение ↔ понятный текст, ближайшие запуски в вашем часовом поясе, конструктор расписания и варианты для Linux, Quartz, GitHub Actions и Kubernetes.
Base64, хеши, UUID и ULIDBase64/base64url, Base32, HEX, URL и HTML в обе стороны, хеши текста и файлов любого размера (SHA-256, SHA-3, BLAKE3, MD5, CRC-32), HMAC, сверка контрольных сумм, генерация и разбор UUID v4/v7, ULID и NanoID. Расскажите о задаче — мы изучим запрос и свяжемся с вами
Нужен сайт, которым приятно делиться?
Разработка сайтов с продуманными превью, метаданными и SEO с первого релиза. Стоимость — после брифа; первый разговор о задаче бесплатный.
- Первый короткий разговор бесплатный — выбираем формат работы
- NDA — по вашему или нашему шаблону
- Стоимость — после брифа и согласования объёма