WordPress og:image через URL: автообложки для соцсетей за 5 минут

Написали статью — нет обложки для соцсетей. Без og:image Telegram и VK показывают пустой превью. Без Twitter Card — ссылка выглядит как спам. Решение: PixInLink генерирует og:image автоматически по URL. Три способа настройки: от плагина в один клик до чистого кода в functions.php.

Ключевые цифры

1200×630 px

Стандартный размер og:image для Telegram, VK, Twitter, Facebook, WhatsApp. Оптимальный компромисс качество/скорость.

Автоматически

og:image создаётся из заголовка поста. Написали статью — обложка готова. Без ручного экспорта и загрузки.

Кеш 365 дней

Изображение не перегенерируется при каждом просмотре. CDN раздаёт мгновенно. Нагрузка на хостинг: ноль.

WebP + AVIF

Современные форматы, которые принимают все соцсети. ~50 КБ вместо 300+ КБ PNG — ускорение в 6 раз.

5 строк PHP

Минимум кода для интеграции. Или 0 строк с официальным плагином WordPress.

30 бесплатно

30 генераций og:image без регистрации. Для регулярного использования — Starter 300 ₽/мес.

Три способа настройки

Способ 1: Официальный плагин — без кода

  1. Установите плагин: Плагины → Добавить новый → "PixInLink"
  2. Активируйте и введите API-ключ из личного кабинета
  3. Готово — каждая запись получает <meta property="og:image">

Плагин также добавляет Gutenberg-блок «PixInLink Image» для вставки AI-изображений в контент.

Способ 2: functions.php — 5 строк

Без плагина. Добавьте в functions.php вашей темы:

add_action('wp_head', 'pixinlink_og_image');
function pixinlink_og_image() {
    if (!is_single()) return;
    $title = urlencode(get_the_title());
    $url = "https://pixinlink.ru/1200x630/{$title}";
    echo '<meta property="og:image" content="' . esc_url($url) . '">' . "\n";
    echo '<meta name="twitter:card" content="summary_large_image">' . "\n";
    echo '<meta name="twitter:image" content="' . esc_url($url) . '">' . "\n";
}

В тексте записи:

[pixinlink width="800" height="400" prompt="офис-разработчиков"]

В шаблоне темы:

echo do_shortcode('[pixinlink width="1200" height="630" prompt="' . get_the_title() . '"]');

Проверка результата

ИнструментКак проверить
TelegramБот @WebpageBot — отправьте URL
VKVK Share Debugger — очистка кеша
FacebookSharing Debugger
TwitterCard Validator
curlcurl -s https://ваш-сайт.ru/статья/ | grep og:image

FAQ

Что если заголовок статьи содержит спецсимволы?

Используйте urlencode() в PHP или encodeURIComponent() в JavaScript. Промпт автоматически нормализуется: спецсимволы заменяются на дефисы.

Можно ли использовать og:image на нескольких доменах?

Да. Привяжите все домены в личном кабинете (до 3 на Starter). og:image будет работать на каждом из них без водяного знака.

Нужно ли обновлять og:image при изменении заголовка?

Если URL (включая промпт) изменился — сгенерируется новое изображение. Старое останется в кеше CDN на 365 дней. Для принудительного обновления используйте новый seed.

Работает ли с кастомными типами записей (CPT)?

Да. В functions.php замените is_single() на is_singular() — og:image будет генерироваться для любых типов записей.

Настройте og:image в WordPress за 5 минут. Плагин в один клик, 5 строк в functions.php или шорткод — три способа, ноль сложностей. Каждая запись автоматически получает уникальную обложку 1200×630.

Начните с бесплатных 30 генераций

Установите плагин или скопируйте код в functions.php. Первая обложка появится через 30 секунд.

30 изображений бесплатно

Настройте og:image в WordPress за 5 минут. Плагин в один клик, 5 строк в functions.php или шорткод — три способа, ноль сложностей. Каждая запись автоматически получает уникальную обложку 1200×630.

Начните с бесплатных 30 генераций

Установите плагин или скопируйте код в functions.php. Первая обложка появится через 30 секунд.

30 изображений бесплатно