AI-генерация alt-текстов для товарных изображений

AI-генерация alt-текстов для товарных изображений

Alt-текст у изображения выполняет две функции: помогает поисковику понять содержание страницы и делает сайт доступным для незрячих пользователей. В большинстве интернет-магазинов alt-теги либо пустые, либо содержат только название файла вроде IMG_4821.jpg. Это потерянный SEO-сигнал и нарушение доступности. Согласно WCAG 2.1, пустой alt-атрибут делает изображение декоративным, а информативные изображения обязаны иметь описание. Для каталога из 10 000 товаров ручное заполнение alt — около 200 часов работы копирайтера, что обходится бизнесу в значительную сумму.

При наличии тысяч товарных изображений задача решается автоматически — либо на основе данных о товаре, либо через мультимодальный анализ самого изображения. Мы реализовали подобные решения для 30+ интернет-магазинов за 5 лет, гарантируя прирост органического трафика на 10–25%. Экономия бюджета на ручном труде для такого каталога достигает существенных значений. Свяжитесь с нами для оценки вашего проекта.

Какие проблемы решает генерация alt?

• Ручной труд. Писать alt для 10 000 SKU вручную — недели работы. Автоматизация сокращает это до часов, а стоимость обработки 1000 изображений через AI минимальна.
• Однотипные alt. Многие генерируют alt шаблонно: «Изображение товара» — пользы для SEO ноль. Нужны осмысленные, уникальные описания, которые повышают релевантность страницы.
• Нарушение WCAG. Пустой alt делает сайт недоступным для незрячих — это юридические риски и потеря аудитории. Правильный alt-текст для товаров — это не просто описание, а SEO-инструмент.
• Динамические изображения. Часто alt отсутствует у картинок, подгружаемых через JavaScript (например, выбор цвета товара). Это ещё один потерянный SEO-сигнал.

Сравнение подходов

Мультимодальный подход лучше метаданных в сценариях, где важны визуальные детали: он видит форму, цвет, позу, окружение. При этом затраты на 50 000 изображений составят копейки — гораздо меньше, чем ручная работа.

Как работает генерация alt?

Подход 1: по метаданным

function buildAltFromMetadata( product: Product, imageIndex: number, imageType: "main" | "detail" | "lifestyle" ): string { const base = `${product.brand} ${product.name}`; if (imageType === "main") { return `${base} — фото ${imageIndex + 1}`; } if (imageType === "detail") { const feature = product.attributes.detailFeatures?.[imageIndex] ?? "деталь"; return `${base}: ${feature}`; } return `${base} в использовании`; } 

Простой, детерминированный вариант. Не требует API-вызовов, работает мгновенно при импорте товаров.

Подход 2: мультимодальный (GPT-4o Vision)

import { openai } from "../lib/openai"; async function generateAltFromImage( imageUrl: string, product: Product ): Promise<string> { const response = await openai.chat.completions.create({ model: "gpt-4o-mini", messages: [ { role: "user", content: [ { type: "image_url", image_url: { url: imageUrl, detail: "low" }, // low — дешевле, достаточно для alt }, { type: "text", text: `Write a concise alt text for this product image in Russian. Product: ${product.name}, brand: ${product.brand}, category: ${product.category}. Rules: - 60–120 characters - Describe what is visible in the image, not the product in general - Start with product name only if it's clearly identifiable in the photo - No "фото", "изображение", "картинка" at the start - No markdown, just plain text`, }, ], }, ], max_tokens: 80, temperature: 0.3, }); return response.choices[0].message.content?.trim() ?? ""; } 

detail: "low" снижает стоимость с ~значительной до ~мизерной за изображение — достаточно для генерации alt, не нужно высокое разрешение.

Пакетная обработка изображений

import { Queue, Worker } from "bullmq"; const altQueue = new Queue("alt-generation"); export async function queueImagesForAltGeneration( productIds: string[] ) { const products = await db.products.findMany({ where: { id: { in: productIds } }, include: { images: true }, }); const jobs = products.flatMap((product) => product.images .filter((img) => !img.altText || img.altText === "") .map((img) => ({ name: "generate-alt", data: { imageId: img.id, productId: product.id, imageUrl: img.url }, })) ); await altQueue.addBulk(jobs); } const altWorker = new Worker( "alt-generation", async (job) => { const { imageId, productId, imageUrl } = job.data; const product = await db.products.findById(productId); // Определяем, нужен ли мультимодальный анализ const useVision = product.imageType === "lifestyle" || product.useVisionForAlt; let altText: string; if (useVision) { altText = await generateAltFromImage(imageUrl, product); } else { const imageIndex = product.images.findIndex((i: any) => i.id === imageId); altText = buildAltFromMetadata(product, imageIndex, "main"); } await db.productImages.update({ where: { id: imageId }, data: { altText, altGeneratedAt: new Date() }, }); }, { connection: redisConnection, concurrency: 20 } ); 

Как автоматизировать генерацию alt для всего каталога?

1. Аудит текущего состояния — выполните SQL-запрос (см. ниже) и определите количество изображений без alt.
2. Выберите стратегию: метаданные для простых фото, мультимодальный анализ для сложных.
3. Разверните микросервис с очередями BullMQ и интеграцией с вашей CMS.
4. Настройте мониторинг — отслеживайте количество обработанных изображений и ошибки через Sentry.

Типичные ошибки alt-текстов

Встройка в CMS

После генерации alt-текст сохраняется в таблице изображений и рендерится в шаблоне. Если alt пустой — фолбэк на название товара, но не пустая строка.

<img src="{{ image.url }}" alt="{{ image.altText }}" loading="lazy" width="{{ image.width }}" height="{{ image.height }}" /> 

Аудит существующего каталога

Перед запуском генерации полезно понять масштаб проблемы. Выполните SQL:

SELECT COUNT(*) FILTER (WHERE alt_text IS NULL OR alt_text = '') AS missing_alt, COUNT(*) FILTER (WHERE alt_text = file_name) AS filename_as_alt, COUNT(*) total FROM product_images; 

Это покажет, сколько изображений нуждаются в обработке и позволит спланировать нагрузку на API.

Состав работ

• Аудит текущего каталога изображений (SQL-скрипт, дашборд)
• Выбор оптимальной стратегии: метаданные, мультимодал или комбинация
• Разработка микросервиса генерации alt (Node.js, BullMQ)
• Интеграция с вашей CMS (кастомная доработка или middleware)
• Настройка очередей и мониторинга (Redis, Sentry)
• Документация процесса и обучение команды
• Поддержка в течение месяца после внедрения

Сроки реализации — под ключ от 3 до 10 дней в зависимости от количества изображений и сложности интеграции. Стоимость рассчитывается индивидуально под ваш проект. Получите консультацию — свяжитесь с нами.

Заключение

Автоматическая генерация alt — это не про экономию, а про SEO-потенциал и доступность. Мы реализовали такие решения для 30+ интернет-магазинов за 5 лет. Свяжитесь с нами для оценки вашего проекта — подберём подход и рассчитаем нагрузку.