Ленивая загрузка изображений на сайте и SEO.

12
A2
На сайте с 25.11.2020
Offline
25
326

 Есть сайт со статьями и картинками. По умолчанию так. Заходишь на сайт и загружаются все картинки одновременно. А можно сделать так. К тегу img добавить скрипт ленивой загрузки и тогда, когда ты заходишь на сайт, то загружаются только те картинки, которые находятся в поле зрения пользователя, а остальные не загружаются. Они загрузиться тогда, когда пользователь будет опускаться вниз браузера. Но, когда я посмотрел исходный код такой страницы, то он мне не понравился. Как относиться Яндекс и Google к странице, где осуществляется ленивая загрузка изображений?

X
На сайте с 04.12.2018
Offline
279
#1
Отлично относится. 
Удобный съем позиций (http://allpositions.ru/redirect/58277)
LEOnidUKG
На сайте с 25.11.2006
Offline
1723
#2

Ну смотря как вы её делаете. По сути если стандартные data-src то все ПС это понимают. 

Также можно использовать нативный loading="lazy" тогда не нужно src вообще менять. Но это применимо только если есть высота у картинки точная. По другому Хром не умеет работать, хотя тот же FF отлично справляется.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
maximka77
На сайте с 15.10.2011
Offline
227
#3
Если не криво буде сделано - то все будет норм. Для разных движков есть всякие модули/плагины. Не все супер, но некоторые очень хорошо справляются. Отзывы читайте если что.
- Дизайн-радиаторы отопления ( https://velarshop.ru/design/) - Зарабатываю в РСЯ через ( https://app.adprofit.world/login/registration?u=219 ) пока что мне нравится, выплаты получаю каждый понедельник на USDT - Заказать обратные внешние ссылки с главных страниц PBN ( https://tier1.shop/ )
A2
На сайте с 25.11.2020
Offline
25
#4
У меня водпресс. Я поставил плагин у которого более миллиона скачиваний. Просматриваю исходный код страницы и вижу следующую конструкцию по картинкам:

<img alt="текст" data-src="/wp-content/uploads/name.png" class="img-fluid lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

Да, плагин работает правильно. Картинки загружаются только тогда, когда область браузера в поле зрения. Но меня смущает исходный код. В исходном коде картинки не кликабельны, а также их не видет Google Spead (который скорость сайта определяет).
Vladimir
На сайте с 07.06.2004
Offline
530
#5
Athens-2021 #: а также их не видет Google Spead (который скорость сайта определяет).

Он и не должен их видеть, так как картинки не загружаются

Аэройога ( https://vk.com/aeroyogadom ) Йога в гамаках ( https://vk.com/aero_yoga ) Аэройога обучение ( https://aeroyoga.ru ) и просто фото ( https://weandworld.com )
[Удален]
#6
Athens-2021 #:

<img alt="текст" data-src="/wp-content/uploads/name.png" class="img-fluid lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

Да, плагин работает правильно. Картинки загружаются только тогда, когда область браузера в поле зрения. Но меня смущает исходный код. В исходном коде картинки не кликабельны, а также их не видет Google Spead (который скорость сайта определяет).


Назовите плагин, пожалуйста. Гляну, интересно.

Судя по тому, что вы написали, картинка сохранена в base64, т.е., вероятно, в базе данных. Я на heroku так поступаю, где виртуальная файловая система и изменить без гита я могу только db, но не содержание дерева каталогов. В мире веб-разработки, сколько могу судить,  хранение и использование изображений, сохраненных в base64 - штука обычная и вполне норм, если только проект не самый highload. 

Но вот только с ленивой загрузкой это никак не связано. Одно не следует из другого, ничто не мешает lazy загружать изображения, сохраненные на сервере обычным порядком. Нет ли там какого-нибудь переключателя, в этом плагине, чтобы обходиться без base64?

B
На сайте с 27.05.2018
Offline
111
#7
По умолчанию wp не хватает ленивой? 
Cuys
На сайте с 05.12.2016
Offline
195
#8
Ну вот кстати в тему вопрос и ответ. Месяца 3 назад был запуск одного проекта, где как раз поставил такую загрузку. Буквально вчера делал анализ - в Я/Г поисковиках полёт нормальный, но самое интересное что например в bing.com сайт вообще не индексируется, хотя если без такой загрузки делать, всё идеально и трафик идет. Проверю на других поисковиках - но что-то от такой темы не очень если честно.
Delysid
На сайте с 27.05.2019
Offline
131
#9
Cuys #:
но самое интересное что например в bing.com сайт вообще не индексируется,

Что то неправильно, стоит такая загрузка и бинг индексирует и другие...

A2
На сайте с 25.11.2020
Offline
25
#10
keepersheet #:


Назовите плагин, пожалуйста. Гляну, интересно.

Судя по тому, что вы написали, картинка сохранена в base64, т.е., вероятно, в базе данных. Я на heroku так поступаю, где виртуальная файловая система и изменить без гита я могу только db, но не содержание дерева каталогов. В мире веб-разработки, сколько могу судить,  хранение и использование изображений, сохраненных в base64 - штука обычная и вполне норм, если только проект не самый highload. 

Но вот только с ленивой загрузкой это никак не связано. Одно не следует из другого, ничто не мешает lazy загружать изображения, сохраненные на сервере обычным порядком. Нет ли там какого-нибудь переключателя, в этом плагине, чтобы обходиться без base64?

Плагин называется так. Смотри картинку

jpg tmp-cam-5941324370707017567.jpg
12

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