Lazy load изображений + индексация поисковиками

Есть код, который подгружает изображения на странице после загрузки самой страницы:

$('img[data-src]').each(function() { 
  var img = $(this); 
  img.attr('src',img.attr('data-src')); 
  img.on('load', function() { 
    img.removeAttr('data-src'); 
  }); 
});

img { 
  width:100%; 
  transition:opacity 0.4s ease-in-out; 
  opacity:1; 
} 
 
img[data-src] { 
  opacity:0; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<img data-src="https://forums.macrumors.com/attachments/el-capitan_desktop_2560x1440-jpg.559881/" alt="" />

Как видим отсюда, url картинки указан в data-src. Помогите разобраться в вопросе - индексируются ли они в этом случае? На различных форумах и сервисах вопросов/ответов мнения расходятся. Кто-то говорит, что индексируется все, у чего есть url. Кто-то - что для индексации обязателен src. Кто же прав?

И, если src все таки необходим для индекса, есть ли способ на js (возможно, с jQuery) организовать следующий сценарий:

1. Изначально указываем в html src для изображений
2. ДО ЗАГРУЗКИ этих изображений копируем url в data-src
3. После загрузки страницы возвращаем src, используя код выше

Всем заранее спасибо!