Не будет ли в худшую строну влиять lazy-load (ленивая загрузка изображений) на SEO? Будут ли индексироваться картинки?

O
На сайте с 06.02.2020
Offline
0
1774

Приветствую.

Решил сделать ленивую загрузку изображений на страницах сайта по следующей схеме.

Изначально код картинки выглядит так:

<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 страницы с такими картинками в ХУДШУЮ СТРОНУ?

A2
На сайте с 23.06.2008
Offline
192
#1

Нет, не будет.

я злой и страшный серый волк я в поросятах знаю толк
_
На сайте с 24.03.2008
Offline
353
#2

Что-то я сомневаюсь, что бот вообще что-то там будет прокручивать.

Это, наверное, можно по фейсбуку итп проверить.

Т.е. тут надо бы точно знать, что бот будет исполнять ваш JS (что умеет это вопросов нету), и что он будет прокручивать страницу (к этому большой вопрос).

Уверены, что с гуглом реально нормально работает ? Как-то странно выглядит, если вы из одного места всё меняете, почему только часть изменений попадает в кеш... точно не локально ваши скрипты криво отрабатывают всё это ?

O
На сайте с 06.02.2020
Offline
0
#3
_SP_:
Что-то я сомневаюсь, что бот вообще что-то там будет прокручивать.

При чем тут прокрутка? Бот смотрит исходный код, а не крутит документ.

_SP_:
Это, наверное, можно по фейсбуку итп проверить.

Что именно проверить?

_SP_:
Т.е. тут надо бы точно знать, что бот будет исполнять ваш JS (что умеет это вопросов нету), и что он будет прокручивать страницу (к этому большой вопрос).

Дело не js, а в том, что, это конечно мое предположение, поисковый робот сам из атрибута data-src берет значение и вставляет его в src. Если бы исполнялся js, то класс тоже бы удалялся.

_SP_:
Уверены, что с гуглом реально нормально работает ? Как-то странно выглядит, если вы из одного места всё меняете, почему только часть изменений попадает в кеш... точно не локально ваши скрипты криво отрабатывают всё это ?

Привел же пример исходного кода изображения - это из HTML проверенной страницы из SearchСonsole. Еще раз повторю, дело не в js, а в том, считают ли роботы поисковиков data-src, или лучше сказать, поддерживают ли они этот атрибут в качестве ссылки на изображение? Видел реализации ленивой загрузки вообще без src, а только с атрибутом data-src.

Прошу при ответах не строить предположения и догадки (я это сам могу делать), а писать факты, может кто проводил тестирование.

donc
На сайте с 16.01.2007
Offline
646
#4

Если в коде прописан прямой путь до картинки - будет. Подгруздка чисто джавой -- далеко не факт.

А на этом SEO-форуме поиск работает ( http://webimho.ru/ ) :) Продвижение сайтов от 25 000 в мес, прозрачно, надежно ( /ru/forum/818412 ), но не быстро, отзывы ( http://webimho.ru/topic/3225/ )
LEOnidUKG
На сайте с 25.11.2006
Offline
1674
#5

Нормальное ПС индексируют lazy.

Также, можно сделать noscript для картинок, чтобы ПС уж точно их скушали.

✅ Трастовых площадок под размещение статей и ссылок. Опыт 15 лет! ( https://searchengines.guru/ru/forum/675690 ) ⭐ Купить вечные трастовые ссылки для сайта ( https://getmanylinks.ru/?srh ) ⭐ Новый аналог AllSubbmitter https://getmanylinks.ru/getmanysubmits.html (Бесплатное демо)
sochi-russia
На сайте с 06.01.2012
Offline
166
#6

При таком коде как у вас lazyload работать не будет, изображению нужно класс прописывать "lazyload", после выполнения он переводится в "lazyloaded"

Авиабилеты дешево https://avia-avia.ru. | Выиграй от 1000 руб https://clck.ru/32cZ8u Супер Хостинг от 9,20 руб в день https://clck.ru/Rk2P5 🖧 VPS от 19 руб. https://clck.ru/afhGc 🖧 Выделенные СЕРВЕРЫ - БЕСПЛАТНЫЕ плюшки https://clck.ru/YhkZe 🖧 / / Хостинг от 6руб в день! https://clck.ru/Rk2P5 Домены .RU — 179,00 ₽ .РФ — 179,00 ₽ .STORE — 590,00 ₽ .COM — 760,00 ₽ https://clck.ru/Rk2P5
O
На сайте с 06.02.2020
Offline
0
#7
sochi-russia:
При таком коде как у вас lazyload работать не будет, изображению нужно класс прописывать "lazyload", после выполнения он переводится в "lazyloaded"

Хоть понял что написал? При чем тут название класса? Его хоть как можно назвать, хоть class="myLenivayZagruzkaKartinok", а потом менять или удалять, это не важно.

Сам класс - это селектор элемента на который вешается обработчик js. Какая разница как он называется или на что меняется?

---------- Добавлено 07.02.2020 в 18:51 ----------

donc:
Если в коде прописан прямой путь до картинки - будет. Подгруздка чисто джавой -- далеко не факт.

Да, немного не точно описал принцип.

В самом коде в файле путь в src указан прямой. Когда загружается документ, у тех картинок, у которых прописан класс lazy с помощью php+js добавляется атрибут data-src с прямым путем к картинке, а в атрибуте src меняется путь к картинке на 1 пиксельное изображение закодированное в base64.

Это и показывается в исходном коде страницы на сайта в браузере.

После докрутки до изображения (а вернее когда изображение близко к области видимости), срабатывает обработчики и меняет в src 1 пиксельное изображение на прямой путь к картинке и удаляется класс lazy, чтобы обработчик больше не срабатывал.

LEOnidUKG:
Нормальное ПС индексируют lazy.

А это утверждение предположение или есть какие-то факты?

LEOnidUKG:
Также, можно сделать noscript для картинок, чтобы ПС уж точно их скушали.

Это интересно.

То есть под каждым изображением прописывать

<noscript><img title="title-текст" src="my_img.jpg" alt="alt-текст"></noscript>

хотя немного увеличит код.

Не будет ли для поисковиков считаться спамом?

Эх, скорее бы все браузеры стали поддерживать атрибут loading

J
На сайте с 10.10.2017
Offline
48
#8

И Яндекс и Гугл понимают, когда адрес изображения в data-src.

Программы на заказ https://upread.ru/
LEOnidUKG
На сайте с 25.11.2006
Offline
1674
#9
А это утверждение предположение или есть какие-то факты?

Ну в гугле вбейте и поищите документацию от ПС. Всё написано ясно и понятно.

AlexVenga
На сайте с 10.04.2007
Offline
190
#10
Антикризисное предложение: [Бурж, AdSense] [NEW] Сайты - каталоги компаний с гарантией трафа [Дорого] (/ru/forum/1006462)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий