Версия источника: d33454c0dad753475ecc92aaecf8d783f02fd01b
Синхронизировано: 2026-11-13T05:38:20.984Z
Источник: https://github.com/sergey-from-riders/vibecoding-base/tree/d33454c0dad753475ecc92aaecf8d783f02fd01b

<a id="seo-images"></a>

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

## Коротко

Содержательные изображения имеют доступный URL, подходящий ресурс и описание по контексту.

## Плохо

```html
<div style="background-image:url(product.jpg)"></div>
```

## Хорошо

```html
<img src="/media/drill-800.webp" width="800" height="600"
     alt="Дрель D18 с установленным аккумулятором">
```

## Почему

Изображение как CSS-фон не заменяет содержательный img для поиска изображений. Alt объясняет смысл, а не служит списком ключевых слов.

## Когда применять

Для изображений товаров, статей и других значимых материалов. Декоративные изображения могут оставаться фоном или иметь пустой alt.

### Требования

- Для содержательных изображений используйте img с src; picture/srcset имеют подходящий fallback. Ресурс доступен без сессии, если предназначен для индексирования.
- Alt и подпись соответствуют роли и языку страницы; не дублируйте длинный соседний текст без необходимости.
- Задайте размеры/соотношение для устойчивой компоновки, подходящие варианты разрешения и бюджет байтов. Основное изображение не откладывается до пользовательского действия.

## Как проверить

- Проверьте URL, MIME, загрузку на мобильном устройстве, alt и отсутствие лишнего скачивания оригиналов.
- Сравните визуальный контекст и описание; проверьте поведение при недоступном изображении.

## Человек

Проверяет смысл alt и подписи, права на изображение и качество выбранных вариантов.

## Агент

Проверяет src/srcset, размеры, загрузку, MIME и alt по контексту; измеряет объем ресурсов и сдвиги компоновки.

## Источники

- [Google Search Central: Images](https://developers.google.com/search/docs/appearance/google-images)

Уровень: Обязательно. Опубликовано: 2026-11-13. Проверено: 2026-11-13. Изменено: 2026-11-13.

[Исходный файл](https://github.com/sergey-from-riders/vibecoding-base/blob/d33454c0dad753475ecc92aaecf8d783f02fd01b/registry/standards/seo/site-audit/rules/images.md)