Роман Финк

Превью Open Graph

Показывает, как страница будет выглядеть при шаринге в VK, Telegram, Facebook. Помогает подобрать заголовок, описание и картинку.

Превью Open Graph

Меняешь поля — превью в соцсетях обновляется на лету. Можно копировать готовые мета-теги.

Telegram / Facebook
Мета-теги для <head>
скопировано

О сервисе

Показывает, как страница будет выглядеть при шаринге в Telegram, Facebook, ВКонтакте. Заполняешь og:title, og:description, og:image и получаешь готовые мета-теги + предпросмотр карточки.

Что умеет

  • Превью карточки шаринга в стиле Facebook/Telegram
  • 4 поля Open Graph (title, description, url, image)
  • Авто-вычисление хоста из URL
  • Полный блок мета-тегов с шириной/высотой картинки
  • Рекомендация по размеру 1200×630 пикселей

Как работает

Превью верстается на чистом CSS и имитирует стандартное оформление Facebook/Telegram. Картинка показывается с aspect-ratio 1200/630.

Пример

Полезно для лендингов, статей блога и любых страниц, на которые хочется получать клики из соцсетей.

Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.

Разрабатываю калькуляторы, сервисы для сайтов и веб-приложения