← ко всем ошибкам

Изображения без alt

images_missing_alt

Что это

У картинок нет атрибута alt.

Чем это плохо

Хуже доступность (WCAG) и image SEO, AI хуже понимает контент.

Как исправить

Добавьте осмысленный alt каждому значимому изображению (до ~100 символов, по сути).

🛠 Подробно для WordPress

Alt пишется по смыслу (что на картинке), без слов «фото/изображение». Декоративным — пустой alt="".

WordPress

Медиафайлы → Библиотека → изображение → поле Атрибут alt. В редакторе: клик по картинке → Настройки блока → Альтернативный текст. Логотип — Внешний вид → Настроить.

Shopify

Товар/медиа → у изображения кнопка Add alt text. Картинки темы: Online Store → Themes → Edit code, добавьте alt в теги <img>/фильтры Liquid.

Next.js / React

Добавьте проп alt в <img> или <Image> (next/image требует alt). Для динамических картинок — берите alt из данных/CMS.

Другая CMS / кастом

Проставьте атрибут alt в тегах <img> шаблона/контента.

🤖 Промпт для нейросети

Скопируйте и вставьте в ChatGPT/Claude. Замените {url} на адрес вашей страницы, {tech} — на стек сайта (виден в карточке сайта в боте).

Сгенерируй краткий информативный alt-текст (до 100 символов, по-английски) для изображения {url}. Опиши, что на нём, без слов «изображение/фото».