og:image в формате SVG: почему соцсети не показывают превью и как это исправить

Если og:image прописан как SVG-файл, VK, Telegram и Facebook не смогут сгенерировать превью при репосте страницы. Краулеры соцсетей не умеют рендерить SVG — ваша ссылка будет выглядеть как пустой блок. Исправление занимает 15 минут и разблокирует весь трафик из шаринга.

В чём проблема: SVG и краулеры соцсетей

Когда пользователь делится ссылкой в VK, Telegram или Facebook, платформа отправляет собственного бота по URL и читает Open Graph-теги. Бот скачивает файл, указанный в og:image, и пытается создать миниатюру для превью.

SVG — векторный формат, который требует отдельного движка рендеринга. Краулеры соцсетей его не поддерживают: VKontakte Bot, Telegrambot и facebookexternalhit ожидают растровый файл. Итог — превью не формируется, пост теряет кликабельность.

• VK: превью отсутствует, ссылка выводится текстом
• Telegram: карточка не генерируется вовсе
• Facebook / Meta: og:image игнорируется, используется первая картинка на странице

Правильный формат og:image: технические требования

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

• Формат: PNG или JPG (JPEG). WebP поддерживается не везде, AVIF — нет.
• Размер: 1200 × 630 пикселей — золотой стандарт для всех платформ.
• Минимум: 600 × 315 пикселей — ниже VK и Facebook откажутся показывать превью.
• Вес файла: не более 8 МБ (рекомендуется до 300 КБ для быстрой загрузки).
• URL: абсолютный (с доменом), без редиректов, доступный без авторизации.

Если у вас SVG-логотип или иллюстрация — экспортируйте её в PNG через Figma, Inkscape или любой онлайн-конвертер. Качество при правильном экспорте не пострадает.

Как исправить og:image в Aspro Max

Aspro Max — одна из наиболее распространённых тем Bitrix. og:image в ней задаётся несколькими способами в зависимости от типа страницы.

Вариант 1 — глобальный og:image через настройки темы

• Перейдите в «Настройки темы» → раздел «SEO» или «Социальные сети».
• Найдите поле «OG Image» или «Изображение для соцсетей».
• Загрузите PNG/JPG 1200×630 через менеджер файлов Bitrix.
• Сохраните. Это изображение будет дефолтным для страниц без собственного og:image.

Вариант 2 — og:image на уровне страницы (инфоблок / лендинг)

• В свойствах элемента инфоблока найдите поле «Картинка для анонса» или «Превью».
• Убедитесь, что загружаете PNG/JPG, а не SVG.
• Если тема подставляет логотип автоматически — найдите в шаблоне вызов og:image и замените путь вручную.

Вариант 3 — прямая правка шаблона

Если автоматические настройки недоступны, найдите в шаблоне Aspro Max файл head.php или meta.php и замените строку с SVG-путём на абсолютный URL PNG-файла.

Где взять правильное изображение 1200×630

Не нужно заказывать дизайн — для og:image достаточно фирменного баннера с логотипом и слоганом. Несколько быстрых вариантов:

• Canva / Supa: готовые шаблоны с нужным размером, экспорт в PNG.
• Figma: если есть брендбук — создайте фрейм 1200×630, экспорт → PNG.
• Скриншот страницы: крайний вариант, но работает — главное растровый формат.
• Конвертация SVG: Inkscape → «Экспорт PNG» с нужными размерами, или онлайн-сервисы svg2png.

Загрузите готовый файл в медиабиблиотеку Bitrix и скопируйте прямую ссылку для прописки в шаблоне.

Как проверить og:image после замены

После изменения обязательно сбросьте кеш краулеров — они запоминают старую версию страницы.

• VK: vk.com/dev/pages.clearCache — вставьте URL страницы и нажмите «Очистить кеш».
• Telegram: отправьте ссылку боту @WebpageBot — он покажет, как Telegram видит страницу.
• Facebook: developers.facebook.com/tools/debug — вставьте URL, нажмите «Fetch new information».
• Универсально: opengraph.xyz — показывает превью сразу для нескольких платформ.

Если превью всё равно не появилось — проверьте, что PNG-файл доступен без авторизации по прямому URL (откройте в режиме инкогнито).

Влияние на SEO и конверсию

Отсутствие превью при шаринге — прямые потери трафика. Пост без картинки в VK получает в 2-4 раза меньше кликов, чем пост с релевантным изображением. Для Telegram-каналов и групп разница ещё выше.

Косвенно это влияет на поведенческие факторы: меньше переходов из соцсетей → меньше брендового трафика → слабее позиции по брендовым запросам в Яндексе. Для AI-ответов (Яндекс.Нейро, Google AIO) важна полнота метаданных — страницы с корректными og-тегами чаще попадают в источники сводок.

Если хотите системный SEO-аудит сайта с проверкой og-тегов, скорости и структуры — AiPepDen проводит бесплатный AI-аудит за 24 часа. Берёмся только если видим конкретный рычаг роста.

← Все материалы хроники