1. Праблема SEO TL; DR: - апавяданне : Lazy загружаныя выявы не будуць праіндэксавацца пошукавымі ботамі,...
2. Рашэнне № 1, карты памяці малюнкаў (не добра)
3. Рашэнне № 2, носкрипт (не добра)
4. Рашэнне № 3, уцёкі з фрагментаў (працуе, але састарэлы)
5. Рашэнне № 4, нічога не рабіць (працуе)

Праблема SEO

TL; DR: - апавяданне : Lazy загружаныя выявы не будуць праіндэксавацца пошукавымі ботамі, такімі як googlebot!

Доўгая гісторыя : Мэта лянівай загрузкі малюнкаў - паскорыць прадукцыйнасць вэб-сайта без дадатковых запытаў HTTP праз поўнае абнаўленне старонкі. Мэта складаецца ў тым, каб захаваць прапускную здольнасць наведвальнікаў, якія ніколі не могуць пракручвацца ўніз дастаткова, каб убачыць новы загружаны малюнак, альбо наведвальнікаў, якія ніколі не прасоўваюцца па паўзунку малюнка і г.д.

Спосаб лянівай загрузкі - гэта тое, што вы з першым сцэнарам загружаеце і выконваеце правільны крыніца выявы, калі выява бачная ў віртуальным выглядзе наведвальнікаў, але googlebot не будзе праіндэксаваць гэтыя выявы, таму што правільны крыніца выявы не адлюстроўваецца на серверы!

Рашэнне

TL; DR: - кароткі адказ : так як Google пачаў выконваць сцэнары, больш няма ніякіх праблем. Вы не павінны нічога рабіць 🙂

Доўгі адказ : Першы вялікі сайт, на якім я ўкараніў лянівую нагрузку, - гэта сайт LEGO Starwars. На новым сайце было шмат малюнкаў высокага дазволу і шмат слайдэраў, якія змяшчаюць заклік да дзеянняў з выявамі. Такім чынам, лянівымі загрузкамі малюнкаў, мы зэканомілі масу кілабайт і запытаў сервера і зрабілі загрузку старонкі значна хутчэй. Адзіным недахопам было тое, што выявы не былі праіндэксаваныя ніводным пошукавым ботам! Я спрабаваў розныя падыходы:

• Рашэнне № 1, карты памяці малюнкаў (не добра)

  Стварыце карту выявы на старонцы з лянівымі загружанымі малюнкамі:

  <? xml version = "1.0" encoding = "UTF-8"?> <urlset xmlns = "http://www.sitemaps.org/schemas/sitemap/0.9" xmlns: image = "http://www.google.com /schemas/sitemap-image/1.1 "> <url> <loc> http://dinbror.dk/blazy </loc> <image: image> <image: loc> http://dinbror.dk/lazy-load -images-with-bLazyJS.jpg </ image: loc> </ image: image> <image: image> <image: loc> http://dinbror.dk/lazy-loaded-image.jpg </ image: loc > </ image: image> </url> </urlset>

  У той час я не змог прымусіць яго працаваць. Мае малюнкі сайта не былі праіндэксаваныя, таму я мяркую, што выявы на карце сайта павінны быць у разметцы, перш чым яны будуць сканаваныя. Такім чынам, карты памяці малюнка карысныя толькі для прадастаўлення малюнку дадатковых метададзеных.

• Рашэнне № 2, носкрипт (не добра)

  Дадаць тэг noscript, які змяшчае малюнак для кожнага лянівага загружанага малюнка:

  <img class = "b-lazy" src = "placeholder-image.jpg" src = "image.jpg" alt = "alt-text" /> <noscript> <img src = "image.jpg" alt = "alt -text "/> </noscript>

  Элемент HTML <noscript> вызначае падзел HTML, які трэба ўставіць, калі тып сцэнара на старонцы не падтрымліваецца або калі сцэнар у цяперашні час адключаны ў браўзэры.

  У той час я прыдумаў бліскучую тэорыю (як 1000 іншых), таму што пошукавыя робаты не змаглі адлюстроўваць JavaScript, яны сканавалі рэчы ў тэгу носкрыпту, але адзінае, што я атрымаў, - гэта дадатковая разметка. І, вядома, выявы выявілі адзін хлопец з адключаным JavaScript.

• Рашэнне № 3, уцёкі з фрагментаў (працуе, але састарэлы)

  Праз некалькі месяцаў пасля таго, як сайт з'явіўся ў прамым эфіры, унікальны фрагмент прынцыпу быў уведзены Google. Яны прапанавалі набор практыкаў, якія маглі б прытрымлівацца вэб-майстрам для таго, каб пошукавыя сістэмы праіндэксавалі іх прыкладанні на базе AJAX і лянівыя загружаныя выявы. Я не буду ўдавацца ў тое, як ён працуе, так як ён быў адзначаны як састарэлыя кастрычнік гэтага года (2015). Вы можаце прачытаць пра гэта тут: https://developers.google.com/webmasters/ajax-crawling/docs/learn-more

• Рашэнне № 4, нічога не рабіць (працуе)

  Паколькі пошукавыя робаты, такія як googlebot, пачалі аказваць JavaScript, ён зараз можа бачыць і праіндэксаваць лянівы загружаны кантэнт. Гэта параўнальна новая рэч. Я пратэставаў яго на сайце LEGO Starwars і, не рабіў нічога, выявы зараз індэксуюцца на малюнках Google, як вы можаце бачыць на малюнку ніжэй:
  

  Цяпер у вас няма ніякіх апраўданняў за тое, што гэта не леновая загрузка малюнкаў, фрэймаў, гульняў і відэа, калі гэта мае сэнс.

артыкулы па тэме