Решил сделать ленивую загрузку изображений на страницах сайта по следующей схеме.
Изначально код картинки выглядит так:
<img title="title-текст" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="my_img.jpg" class="lazy" alt="alt-текст">
То есть значение атрибута src изображение 1х1 px В data-src изображение, которое должно выводиться на странице.
При докрутки до изображения с помощью js вставляю в srс ссылку на изображение из атрибута data-src и удаляю класс lazy, чтобы больше не было попыток еще раз загрузить изображение при прокрутки вверх вниз.
Получается такой код
<img title="title-текст" src="my_img.jpg" data-src="my_img.jpg" class="" alt="alt-текст">
Будет ли такой вариант препятствовать индексации изображений?
Сайт только разрабатывается, добавил сегодня для проверки в SearchConsole, после опять закрыл от индексации. Вроде Гугл бот видит изображения. Отображаются в коде так:
<img title="" src="my_img.jpg" data-src="my_img.jpg" class="lazy" alt="Услуга 4" />
То есть и src и data-src есть ссылка на изображение. Однако класс lazy не удален. Да и хрен с ним.
В Яшу нет смысла добавлять, так как проверяет долго и помимо этой страницы просканирует еще несколько, поскольку в robots.txt надо будет разрешить индексирование. А с разрабатываемым сайтом, сами понимаете, этого делать не стоит. Кроме того нельзя посмотреть как яндекс видит страницу сайта, то есть загружаемый роботом код.
И собственно вопрос. Не будет ли влиять ленивая загрузка на индексацию картинок и на общее SEO страницы с такими картинками в ХУДШУЮ СТРОНУ?