Сделайте ваши ссылки заметными.

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

Как это работает

Вход через Google

Авторизуйтесь в пару кликов с помощью Google-аккаунта.

Добавление сайта

Укажите свой сайт в личном кабинете и начните работу.

Настройка превью

Задайте параметры изображений и сделайте каждую ссылку уникальной.

Интеграция с сайтом

Подключите готовое решение к сайту — всё просто и быстро.

Готово!

Ваши уникальные превью готовы к использованию.

Кому это нужно

Онлайн-издания и СМИ

оформляйте новости и статьи с фирменным стилем, чтобы каждая ссылка в Telegram и VK выглядела профессионально.

Авторы блогов и эксперты

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

Корпоративные сайты

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

Интернет-магазины

показывайте товары с привлекательными визуалами прямо в мессенджерах и соцсетях.

Интеграция

Сделайте так, чтобы ваш сайт выделялся в лентах и мессенджерах.
OGPik автоматически создаёт стильные Open Graph изображения — с вашим логотипом, заголовком и фирменным дизайном.
Подключение занимает всего пару минут.

⚙️ Ручная интеграция

Добавьте несколько строк кода — и OGPik начнёт генерировать изображения для всех страниц вашего сайта.

🔸 Формат ссылки
Каждому сайту присваивается уникальный идентификатор (UUID), который используется в ссылке на изображение:


https://api.ogpik.com/generate/{uuid}/{path}/og.png

где:

{uuid} — уникальный идентификатор вашего сайта (указывается в личном кабинете OGPik);
{path} — путь к странице без кодирования.

Например для страницы https://example.com/blog/some-article/ изображение будет доступно по ссылке:
https://api.ogpik.com/generate/9d6ac918-cd77-4635-a917-515c896abf28/blog/some-article/og.png
где 9d6ac918-cd77-4635-a917-515c896abf28 — UUID сайта https://example.com

🔸 JSON-схема
Чтобы задать собственные параметры отображения, добавьте на страницу блок со схемой:


<script property="application/ogpik">
  {
    "title": "My article title",
    "image": "https://example.com/some-article/thumbnail.png",
    "texts": [
      "Blog",
      "Category"
    ]
  }
</script>

🔸 Пример интеграции


<head>
    <script property="application/ogpik">
      {
        "title": "My article title",
        "image": "https://example.com/some-article/thumbnail.png",
        "texts": [
          "Blog",
          "Category"
        ]
      }
    </script>
    <!-- или -->
    <meta property="og:title" content="My article title">
    <!-- или -->
    <title>My article title</title>

    <meta property="og:image" content="https://api.ogpik.com/generate/9d6ac918-cd77-4635-a917-515c896abf28/blog/some-article/og.png">
</head>

🧩 Интеграция с WordPress