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

Всем привет.
Занимаюсь тем, что добавляю картинки в 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 ?
  • Вопрос задан
  • 116 просмотров
Пригласить эксперта
Ответы на вопрос 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>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы