Мультимодальный поиск: оптимизация B2B-графики
Как подготовить изображения для нейросетей: форматы SVG и WebP, фактурные alt-теги и машиночитаемая графика.
Мультимодальный поиск: как оптимизировать B2B-графику для нейросетей
Нейросетевые поисковики — Яндекс Нейро, Perplexity, SearchGPT — анализируют не только текст, но и изображения. Если ваша B2B-графика не машиночитаема, она невидима для ИИ.
В этой статье разберём, как именно ИИ читает изображения, какие технические стандарты применять прямо сейчас и как писать alt-теги, которые цитируют нейросети.
Коротко: что важно знать
- 01
ИИ анализирует и текст, и изображение — оба сигнала влияют на цитирование
- 02
Форматы: SVG для схем и диаграмм, WebP для растровых иллюстраций, малый вес обязателен
- 03
Alt-теги с фактами и цифрами, а не общие слова — именно их забирают нейросети
- 04
Графика — самостоятельный источник для цитирования в ответах ИИ
Почему графика стала частью поискового сигнала
Ещё три года назад изображение на B2B-странице воспринималось поисковиком почти исключительно через текстовые метаданные: alt, title, окружающий абзац. Сегодня ситуация изменилась принципиально. Мультимодальные модели — GPT-4o, Gemini 1.5, YandexGPT нового поколения — умеют «смотреть» на картинку и извлекать из неё смысл независимо от подписи.
Для B2B это означает одно: инфографика, схемы процессов, сравнительные таблицы в виде изображений и диаграммы воронок теперь конкурируют за место в ответе нейросети наравне с текстом. Компании, которые первыми приведут графику в соответствие с требованиями компьютерного зрения, получат преимущество в нейросетевой выдаче.
Как ИИ читает изображения
Мультимодальные модели обрабатывают изображение через энкодер компьютерного зрения — по сути, отдельную нейросеть, которая переводит пиксели в векторное представление. Это представление объединяется с текстовым контекстом страницы: заголовком, alt-тегом, подписью под картинкой, окружающими абзацами.
Результат — единый смысловой вектор, по которому модель решает, насколько изображение релевантно запросу пользователя. Если alt-тег пустой или написан в духе «фото офиса», модель опирается только на визуальные признаки. Если alt содержит конкретику — «схема интеграции CRM и ERP: 5 шагов, время внедрения 3 недели» — текстовый и визуальный сигналы усиливают друг друга.
Важно понимать: нейросеть не просто «видит» картинку, она ищет в ней структурированную информацию. Схема с подписанными блоками, диаграмма с числовыми значениями, таблица в виде SVG — всё это читается значительно лучше, чем размытый скриншот или стоковое фото без контекста.
как работает мультимодальный анализ
Что это значит на практике для B2B-контента
Большинство B2B-сайтов до сих пор публикуют схемы как скриншоты PowerPoint в формате PNG весом 800 КБ с alt-тегом «схема». С точки зрения нейросетевого поиска такая картинка почти бесполезна: визуальный энкодер видит размытые блоки, текстовый сигнал нулевой, страница грузится медленно.
Практический вывод: каждое изображение на B2B-странице должно проходить через три фильтра — формат, вес, alt. Только тогда оно становится полноценным сигналом для ранжирования в нейросетевой выдаче.
Технические стандарты: форматы и вес файла
Выбор формата — не вкусовщина, а технический стандарт, который напрямую влияет на то, как нейросеть интерпретирует изображение.
SVG (Scalable Vector Graphics) — оптимальный формат для схем, диаграмм, иконок и любой векторной графики. SVG — это XML-код, который поисковый краулер читает как текст. Подписи внутри SVG индексируются отдельно, блоки и стрелки воспринимаются как структурированные элементы. Размер файла схемы в SVG — обычно 5–30 КБ против 200–500 КБ в PNG.
WebP — современный растровый формат от Google, поддерживаемый всеми актуальными браузерами и Яндекс Браузером. Сжатие на 25–35% лучше JPEG при сопоставимом качестве. Для B2B-иллюстраций, фотографий команды, скриншотов интерфейса — WebP является стандартом де-факто.
Вес файла влияет на Largest Contentful Paint (LCP) — один из сигналов Core Web Vitals, который учитывают и Яндекс, и Google при ранжировании. Страница с изображениями суммарным весом более 500 КБ теряет позиции и реже попадает в быстрые ответы нейросетей. Ориентир: одно изображение — не более 100–150 КБ для растра, не более 30 КБ для SVG.
| Формат | Лучше всего для | Средний вес | Читаемость ИИ |
|---|---|---|---|
| SVG | Схемы, диаграммы, иконки | 5–30 КБ | Отличная (XML-код) |
| WebP | Растровые иллюстрации, фото | 30–100 КБ | Хорошая |
| PNG | Скриншоты с текстом | 100–400 КБ | Средняя |
| JPEG | Фотографии (устаревший стандарт) | 80–300 КБ | Средняя |
Как перевести существующую графику в правильные форматы
Конвертация не требует сложных инструментов. SVG экспортируется из Figma, Illustrator или даже Google Slides «Сохранить как SVG». Для конвертации растровых изображений в WebP подходят Squoosh (squoosh.app), встроенный экспорт Figma или серверная обработка через библиотеку sharp в Node.js.
Важный нюанс: при экспорте SVG из дизайн-инструментов убедитесь, что текстовые подписи внутри схемы сохранены как текст, а не преобразованы в кривые. Только текстовые узлы SVG индексируются краулером и читаются мультимодальной моделью.
было → стало: трансформация B2B-графики
- Формат PNG, скриншот из PowerPoint
- Вес файла — 640 КБ
- alt="схема процесса"
- Текст внутри — кривые, не читается
- LCP страницы — 4,8 сек
- Формат SVG, экспорт из Figma
- Вес файла — 18 КБ
- alt="воронка B2B-лидов: 3 этапа, конверсия 4,2%"
- Текст внутри — индексируемые узлы SVG
- LCP страницы — 1,9 сек
Фактурные alt-теги: почему это важнее, чем кажется
Alt-тег — это не подпись для незрячих пользователей (хотя и это важно). Для нейросетевого поиска это основной текстовый сигнал, который модель получает об изображении до его визуального анализа. Именно alt-тег определяет, по каким запросам картинка будет релевантна и попадёт ли она в цитирование.
Проблема большинства B2B-сайтов: alt-теги либо пустые, либо написаны в духе «инфографика», «схема работы», «иллюстрация к статье». Такие теги не несут информации ни для пользователя, ни для нейросети.
Как писать фактурные alt-теги: пошаговый алгоритм
- 01
Опишите, ЧТО изображено: тип графики (схема, диаграмма, воронка, таймлайн, сравнительная таблица).
- 02
Добавьте конкретику: назовите объект, процесс или продукт. Не «воронка продаж», а «воронка B2B-лидов для SaaS-компании».
- 03
Включите цифры или параметры, если они есть на изображении: «конверсия 4,2%», «3 этапа», «снижение стоимости лида на 28%».
- 04
Укажите инструмент или контекст, если уместно: «данные из Яндекс Метрики», «по методологии BANT», «интеграция с 1С».
- 05
Проверьте длину: оптимальный alt — 80–120 символов. Короче — мало информации, длиннее — поисковик обрезает.
Типичные ошибки в alt-тегах B2B-графики
Примеры неудачных alt-тегов
- alt="" — пустой атрибут: нейросеть не получает никакого текстового сигнала
- alt="картинка" — бессодержательно, не несёт смысла
- alt="схема GEO-оптимизации» — слишком общо, нет конкретики и цифр
- alt="image001.png" — имя файла вместо описания: частая ошибка при автоматическом экспорте
- alt="Рисунок 3" — нумерация без описания, бесполезна для поиска
Как должно быть
- 01
Называйте тип: «схема», «диаграмма», «воронка», «таймлайн», «сравнительная таблица»
- 02
Добавляйте предмет: что именно изображено, для какой отрасли или процесса
- 03
Включайте цифры с изображения: этапы, проценты, временные рамки
- 04
Указывайте источник данных или инструмент, если он виден на схеме
- 05
Проверяйте alt через Яндекс Вебмастер или Google Search Console — оба инструмента показывают изображения без alt
Графика как источник для цитирования нейросетями
Нейросетевые поисковики — Яндекс Нейро, Perplexity, ChatGPT Search — при формировании ответа ищут не только текстовые утверждения, но и визуальные доказательства. Схема с конкретными цифрами, инфографика с пошаговым процессом, диаграмма сравнения — всё это может быть процитировано в ответе ИИ со ссылкой на вашу страницу.
Для B2B это особенно ценно: покупатели в корпоративном сегменте принимают решения на основе данных. Если ваша схема «Как работает интеграция нашего продукта с 1С за 5 шагов» попадает в ответ нейросети на запрос «как интегрировать SaaS с 1С», вы получаете не просто трафик, а доверие на этапе исследования.
Практический совет: создавайте «цитируемую графику» — изображения, которые содержат законченное утверждение или инструкцию. Такие картинки нейросеть охотнее включает в ответ, потому что они самодостаточны без окружающего текста.
визуальный стандарт: чек-лист перед публикацией изображения
Итог: три правила машиночитаемой B2B-графики
- 01
Формат: SVG для схем и диаграмм, WebP для растра — вес под контролем, LCP в норме
- 02
Alt-тег: тип графики + предмет + цифры с изображения + контекст, 80–120 символов
- 03
Контекст: осмысленное имя файла, подпись под изображением, релевантный окружающий текст
Начните с аудита: выгрузите все изображения сайта через Яндекс Вебмастер или Google Search Console, найдите пустые alt-теги и тяжёлые PNG-схемы — это ваши первые точки роста. Конвертируйте схемы в SVG, переведите растр в WebP, перепишите alt по алгоритму из этой статьи. Нейросетевые поисковики начнут замечать вашу графику уже после следующей переиндексации.
Часто задаваемые вопросы
Да. Мультимодальные модели — GPT-4o, Gemini, YandexGPT с Алисой — анализируют изображения наравне с текстом. Картинка без alt-тега и в тяжёлом формате теряет часть сигнала.
SVG — для схем, диаграмм и иконок: он масштабируется без потерь и читается как код. WebP — для растровых иллюстраций: сжатие до 30% лучше JPEG при сопоставимом качестве.
Конкретные факты, цифры и контекст. Не «картинка про GEO», а «воронка B2B-лидов: 3 этапа, конверсия 4,2%, инструмент — Яндекс Метрика». Именно такой alt цитируют нейросети.
Да. Страница с изображениями суммарным весом более 500 КБ грузится медленнее, а Яндекс и Google учитывают Core Web Vitals при ранжировании. Тяжёлая графика снижает LCP и шансы попасть в ответ нейросети.
Не обязательно, но полезно. Title появляется как всплывающая подсказка и даёт дополнительный текстовый контекст — особенно для схем и инфографики.