ОбязательноWeb

Изображения в публичном содержании

Содержательные изображения имеют доступный 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

Дата проверки отражает содержательную сверку. Синхронизация сайта не обновляет её автоматически.