Изображения в публичном содержании
Содержательные изображения имеют доступный URL, подходящий ресурс и описание по контексту.
Опубликовано Проверено Изменено
Плохо
<div style="background-image:url(product.jpg)"></div>
Хорошо
<img src="/media/drill-800.webp" width="800" height="600"
alt="Дрель D18 с установленным аккумулятором">
Почему это важно
Изображение как CSS-фон не заменяет содержательный img для поиска изображений. Alt объясняет смысл, а не служит списком ключевых слов.
Когда применять
Для изображений товаров, статей и других значимых материалов. Декоративные изображения могут оставаться фоном или иметь пустой alt.
Требования
- Для содержательных изображений используйте img с src; picture/srcset имеют подходящий fallback. Ресурс доступен без сессии, если предназначен для индексирования.
- Alt и подпись соответствуют роли и языку страницы; не дублируйте длинный соседний текст без необходимости.
- Задайте размеры/соотношение для устойчивой компоновки, подходящие варианты разрешения и бюджет байтов. Основное изображение не откладывается до пользовательского действия.
Кто что делает
Человек
Проверяет смысл alt и подписи, права на изображение и качество выбранных вариантов.
AI-агент
Проверяет src/srcset, размеры, загрузку, MIME и alt по контексту; измеряет объем ресурсов и сдвиги компоновки.
Как проверить у себя
- Проверьте URL, MIME, загрузку на мобильном устройстве, alt и отсутствие лишнего скачивания оригиналов.
- Сравните визуальный контекст и описание; проверьте поведение при недоступном изображении.
Первоисточники
История изменений на GitHubДата проверки отражает содержательную сверку. Синхронизация сайта не обновляет её автоматически.