Ми використовуємо cookie-файли, щоб покращити ваш досвід, аналізувати трафік сайту та персоналізувати вміст. Ви можете прийняти всі cookie або обрати, які категорії дозволити. Дізнатися більше
Кращі практики SEO зображень та альтернативного тексту для електронної комерції (2026) | Ordiko
Посібник
Кращі практики SEO зображень та альтернативного тексту для електронної комерції (2026)
Як оптимізувати зображення продуктів електронної комерції для SEO та доступності — вибір формату файлу, адаптивні розміри, шаблони альтернативного тексту, генерація AI, карти сайту.
PT1H
TL;DR. SEO зображень має найбільше значення для електронної комерції. Пошук зображень є реальним джерелом трафіку (15–25% у моді/декорі). Виправте чотири речі: сучасний формат (AVIF), адаптивні розміри, точний alt текст для кожної локалі та мапу зображень. Штучний інтелект тепер робить генерацію alt-тексту в масовому порядку тривіальною.
Чому SEO зображень важливіше для електронної комерції
Трафік пошуку зображень за категоріями (оцінки галузі 2025–2026):
Категорія
Частка пошуку зображень
Мода / Одяг
20–35%
Декор для дому
15–25%
Краса
10–20%
Їжа
10–15%
Електроніка
5–10%
B2B / Промисловість
< 5%
Окрім класичного пошуку зображень, Google Lens, Pinterest та Пошук зображень для покупок використовують ті ж зображення та метадані. Сильне SEO зображень підсилює ефект.
Крок 1: Формат файлу
Поширені запитання
Чи впливає альтернативний текст безпосередньо на рейтинги?
Непрямо. Альтернативний текст не ранжує сторінки; він ранжує зображення в Google Image Search. Для електронної комерції це комерційно важливо — пошук зображень приносить 15–25% пошукового трафіку в деяких категоріях (мода, декор).
Чи приймає Google альтернативний текст, згенерований AI?
Так, якщо він точний і корисний. Рекомендації Google базуються на якості контенту, а не на джерелі створення. Альтернативний текст, згенерований AI, підходить; сміттєвий альтернативний текст, згенерований AI, — ні. Завжди проводьте вибіркову перевірку виходу AI.
У чому різниця між альтернативним текстом та атрибутом заголовка?
Альтернативний текст призначений для читачів екрану та резервного варіанту при збоях зображень (та SEO). Заголовок — це підказка при наведенні. Завжди використовуйте альтернативний текст; пропустіть заголовок для зображень продуктів, якщо у вас немає конкретної причини UX.
Як Ordiko обробляє масову генерацію альтернативного тексту?
Панель управління Ordiko /seo/images перераховує кожне зображення разом з його власником сутності та статусом альтернативного тексту для кожної локалі. Масовий вибір + 'Генерувати за допомогою AI' викликає gpt-4o-mini vision через чергу Trigger.dev з оцінкою вартості. Прапорець media.aiGeneratedAlt відрізняє AI від ручного.
Схоже для читання
Формат
Стиснення проти JPEG
Підтримка браузерами (2026)
Сценар використання
AVIF
-40% до -50%
95%+ у всьому світі
Нові зображення, героїчні зображення
WebP
-25% до -35%
99%+ у всьому світі
Резерв для старіших Safari/IE
JPEG
базовий
Універсальний
Остаточний резерв
PNG
базовий + без втрат
Універсальний
Прозорість, логотипи
SVG
вектор
Універсальний
Іконки, логотипи, прості графіки
За замовчуванням 2026 року: AVIF з резервом WebP. Next.js <Image> робить це автоматично.
<Image
src="/products/leather-bag.jpg" // source is JPEG; Next converts
width={800}
height={800}
alt="Коричнева шкіряна сумка-посланець, з повнозернистої шкіри, латунна фурнітура"
formats={['image/avif', 'image/webp']}
/>
Крок 2: Адаптивні розміри
Генеруйте кілька роздільних здатностей і дайте браузеру вибрати. Пара srcset + sizes:
❌ Порожній alt на значущому зображенні (порушення доступності)
Крок 4: Локалізований alt
Французький магазин потребує французького alt тексту. Англійський продукт, імпортований у французьку локаль без перекладеного alt, має alt, який говорить "Коричнева шкіряна сумка-посланець" на французькій сторінці — погано для користувачів з французькими екранними читачами та погано для французького пошуку зображень.
Ручне написання alt тексту для 10,000 зображень продуктів не є реалістичним. GPT-4o vision (або еквівалент) генерує точний alt текст з зображень продуктів приблизно за $0.001–0.005 за зображення.
Шаблон запиту:
Ви пишете alt текст для зображення продукту електронної комерції. Чітко та конкретно опишіть продукт.
Контекст:
- Назва продукту: "{product.name}"
- Категорія: "{product.category}"
- Бренд: "{product.brand}"
- Локаль: "{locale}"
Зображення:
{image_url}
Обмеження:
- Максимум 125 символів.
- Описуйте продукт, колір, матеріал, якщо видно.
- Мова, відповідна локалі.
- Без префікса "Зображення...".
- Без рекламної мови.
Виводьте лише alt текст. Без пояснень.
Приклад витрат: 10,000 зображень × $0.002 кожне = $20.
Завжди проводьте вибірковий огляд (10–20%) перед публікацією AI-генерованого alt.
Подайте мапу зображень окремо в Google Search Console.
Як Ordiko обробляє SEO зображень
AVIF + резерв WebP через Next.js Image автоматично.
Адаптивні розміри генеруються під час завантаження.
Alt текст для кожного медіа-активу відповідно до локалі.
Масова генерація alt-тексту AI на панелі /seo/images.
Мапа зображень на /sitemaps/images/route.ts.
<link rel="preload" as="image" fetchpriority="high"> на героїчному зображенні LCP на кожній сторінці.
Питання та відповіді
Чи впливає alt текст безпосередньо на рейтинги? Непрямо. Alt текст не ранжує сторінки; він ранжує зображення в Google Image Search. Для електронної комерції це комерційно важливо — Пошук зображень забезпечує 15–25% пошукового трафіку в деяких категоріях (мода, декор).
Чи приймає Google AI-генерований alt текст? Так, якщо він точний і корисний. Рекомендації Google базуються на якості контенту, а не на джерелі створення. AI-генерований alt — це нормально; AI-генерований непотрібний alt — ні. Завжди проводьте вибірковий огляд AI-виходу.
У чому різниця між alt текстом і атрибутом title? Alt призначений для екранних читачів і резерву на випадок невдачі зображення (і SEO). Title — це підказка при наведенні. Завжди використовуйте alt; пропустіть title для зображень продуктів, якщо у вас немає конкретної причини UX.
Як Ordiko обробляє масову генерацію alt? Панель Ordiko /seo/images перераховує кожне зображення, пов'язане з його власником сутності та статусом alt для кожної локалі. Масовий вибір + 'Генерувати з AI' викликає gpt-4o-mini vision через чергу Trigger.dev з оцінкою витрат. Прапорець media.aiGeneratedAlt відрізняє AI від ручного.