Как сделать lazy-load изображений без вреда для SEO?

Question

[powercoder]

Как сделать lazy-load изображений без вреда для SEO?
Самый популярный способ реализации ленивой загрузки изображений заключается в том, что разработчик делает примерно такую конструкцию

<img src="image-thumb.jpg" srcset="original-image.jpg" class="lazy">

, указывая в src="" фейковое легковесное изображение. В сети я наблюдал большое количество негативных отзывов об этом способе. Отрицательно настроенные специалисты предупреждают о затруднении индексации изображений.

Answer 1

[Антон Неверов]

Попробуйте современные технологии

Comments

[powercoder]

Ну такое

[Антон Неверов]

powercoder, современные технологии они такие.

Альтернатив миллион, если вас не интересует правильный подход:
https://www.npmjs.com/package/vanilla-lazyload
https://www.npmjs.com/package/loadeer
https://www.npmjs.com/package/yall-js

[FrelFrloich]

Причём тут Js и сео, не ясно, всё равно Js не увидят боты, так что ваше изображение вообще не проиндексируется. Пишите как вам Антон посоветовал и не парьтесь, гугл рабочий, лиса рабочая, яндекс тоже. Что вам надо? Давно людей наблюдали которые на старых браузерах ползают, так держу в курсе пол js не пашет на всех китайских браузерах типа байду и на половине старых, хотя бабел в помощь. Стороннее хз что там и как прописано, сомнения меня гложат что вы задавая такие вопросы будете рыскать по гиту смотря исходники.