Есть код, который подгружает изображения на странице после загрузки самой страницы:
$('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) организовать следующий сценарий:
- Изначально указываем в html
src
для изображений - ДО ЗАГРУЗКИ этих изображений копируем url в
data-src
- После загрузки страницы возвращаем
src
, используя код выше
Всем заранее спасибо!