Тег img выводит изображение. Для качественной страницы недостаточно указать путь к файлу: нужно описать картинку, задать её размер и выбрать способ загрузки.
Базовый пример
<img src="team.webp"
alt="Команда студии обсуждает макет сайта"
width="1200"
height="800"
loading="lazy"
decoding="async">src содержит адрес файла. alt описывает смысл изображения для поисковых систем и посетителей, которые не могут его увидеть. width и height позволяют заранее зарезервировать место и уменьшают прыжки вёрстки.
Как написать alt
- Опишите полезную информацию на изображении: «Скриншот личного кабинета с графиком заявок».
- Не повторяйте рядом стоящий заголовок без причины.
- Не начинайте с «картинка» или «фото» — программа чтения с экрана уже знает тип элемента.
- Для чисто декоративной картинки используйте пустой
alt="".
Не указывайте loading="lazy" у главного изображения первого экрана: оно должно загрузиться без задержки. Для нескольких форматов и размеров используйте тег picture. О форматах и весе файлов — материал о WebP.