Нужен ли alt картинке если она lazy load?

Question

[Юра Комаров]

Всем привет.
Занимаюсь тем, что добавляю картинки в lazy load , а что бы картинки индексировались то добавляю тег noscript и в него дублирую картинку.
Ну то есть делаю так.

<noscript>
    <img alt="картинка мебели"
         src="/local/templates/furniture_red/img/icons/ico07.png" />
</noscript>

<img alt="картинка мебели"
     data-src="/local/templates/furniture_red/img/icons/ico07.png" 
     src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />

И у меня возник вопрос.
1) Правильно ли я делаю в плане SEO ?
2) Нужен ли alt картинке которая вне тега noscript (вторая) или его нужно оставить пустым ? По сути если идет индексация картинки, а тут вместо картинки однопиксельная квадратная прозрачная картинка (сделано чтобы w3c не ругалась за отсутствие src ) то зачем ей alt ?

Answer 1

[stsin]

Измените подход в lazy load! Вы можете через тег picture задавать несколько ресурсов для вашего изображения, дефолтный ресурс будет грузится всегда (там alt пропишите):

<picture>
  <source
    type="image/webp" 
    ata-src="./assets/images/features-on.webp"
    srcset="./assets/images/features-on-temp.webp"
  />
  <source
    type="image/png"
    data-src="./assets/images/features-on.png"
    srcset="./assets/images/features-on-temp.png"
   />
   <img
     src="./assets/images/features-on.png"
     alt="Описание Картинки"
    />
</picture>