Ленивая загрузка изображений и SEO: Джон Мюллер разъясняет правильный метод использования!

Вы хотите настроить лениво загружаемые изображения на своем сайте, чтобы оптимизировать его производительность, но боитесь, что Google может сканировать и индексировать ваши изображения? Вот как Джон Мюллер рекомендует вам продолжить.

Ищете полное руководство по ленивой загрузке? Эта статья должна вас порадовать.

Повышение производительности времени загрузки своего веб-сайта стало приоритетом номер 1 для многих оптимизаторов и веб-мастеров, особенно после объявления о развертывании алгоритма в пользу быстрых мобильных сайтов за счет более медленных сайтов ( Обновление Google Mobile Speed ).

Если ленивая загрузка , метод отсрочки отображения элемента до тех пор, пока он не станет видимым для пользователя, является очень хорошей техникой для оптимизации производительности сайта , его реализация должна сделать это правильно, чтобы робот GoogleBot продолжал получать доступ к встроенным изображениям на вашем веб-сайте.

в недавний притон Google через Джона Мюллера прояснил, как можно сделать изображения, связанные с ленивым сканированием и, следовательно, индексируемой загрузкой . Вот процедура, рекомендованная Google:

1- Протестируйте свой сайт через Инструмент тестирования совместимости мобильных устройств от Google и проверьте, есть ли все ваши изображения в коде вашего веб-сайта в мобильной версии (чтобы выполнить поиск, найдите количество тегов HTML <img в исходном коде вашей страницы с помощью сочетания клавиш CTRL + F или скопировав код Ваш сайт после запуска теста, удобного для мобильных устройств, вставьте его и проанализируйте в редакторе HTML (например, SublimeText, Notepad ++, Dreamweaver и другие).

2- Если это не так, добавьте тег <noscript> ко всем изображениям, связанным с отложенной загрузкой на вашем сайте (если у вас есть сомнения, добавьте его на все ваши изображения, он не не окажет негативного влияния на ваш SEO, скорее наоборот). Вот пример кода изображения с тегом noscript для отображения изображения, когда пользователь не поддерживает Javascript или когда Javascript деактивирован в его браузере:

<! - Изображение, которое может быть загружено с отложенной загрузкой в ​​JavaScript -> <img class = "lazy" src = "placeholder-image.jpg" data-src = "image-to-lazy-load.jpg" alt = "Изображение и звук Alt"> <! - Изображение, которое будет отображаться и создаваться Google, даже если Javascript отключен с помощью noscript -> <noscript> <img src = "image-to-lazy-load.jpg" alt = "Я изображение!" > </ noscript>

3- После внесения изменений повторно протестируйте свой сайт с помощью мобильного тестового инструмента Google и убедитесь, что у вас есть все отображаемые файлы изображений в исходном коде.

Здесь ваши изображения теперь будут сканироваться и индексироваться Google и SEO, и пользовательский опыт вашего сайта не пострадает, скорее наоборот!

Чтобы пойти дальше, если вы хотите прочитать полный ресурс о ленивой загрузке изображений и видео и его реализации без негативного влияния на SEO , я настоятельно рекомендую прочитать эту полную статью, написанную Google: https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video /

Ленивая загрузка изображений и SEO: Джон Мюллер разъясняет правильный метод использования!

5 - 10 голосов

Хотите получать наши лучшие статьи?

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

Вы хотите настроить лениво загружаемые изображения на своем сайте, чтобы оптимизировать его производительность, но боитесь, что Google может сканировать и индексировать ваши изображения?
Ищете полное руководство по ленивой загрузке?
О том, как смешивать свежевыжатые соки
Ни для кого не секрет, что стакан свежевыжатого овощного или фруктового сока, способен придать заряд энергии и бодрости, а также положительным образом отразиться на состоянии здоровья человека. При этом

Полный список кандидатов в президенты страны станет известен к концу января
9 января 2008, 15:53 Текст: editor На будущей неделе закончится срок приема документов для регистрации кандидатов в президенты. На принятие решения по документам у Центризбиркома будет десять дней. НОРИЛЬСК.

ЄДНІСТЬ : У Києві через високий рівень захворюваності на грип та ГРВІ закрили вже 75 шкіл
У Києві призупинено заняття у 75 школах (2127 класів), у яких рівень захворюваності на грип та ГРВІ перевищив 20%. Інформує  «Є!» , з посиланням на УНІАН. Про це наразі повідомив перший заступник

Список полезных заготовок из овощей и фруктов на зиму
Список полезных заготовок из овощей и фруктов на зиму Август и сентябрь — традиционно хлопотное время для многих хозяек, садоводов и дачников-любителей. В первую очередь необходимо собрать урожай или

Березовый сок можно ли использовать при сахарном диабете
Березовый сок при сахарном диабете — сахарный диабет: все о заболевании и методах лечения Березовый сок с давних времен славится своими целебными свойствами. Дело в том, что в весенний период береза

Свежевыжатые соки. (кому не лень читать)
Вы видели фильм о , которую исследовал японский ученый Имоту Масара? Уникальные опыты показали, что структурированная жидкость может творить чудеса и оздоравливать наши клетки, омолаживая организм

Купажирование и подслащивание соков
Некоторые соки иногда бывают пресными, слишком кислыми или недостаточно сладкими. Чтобы такие соки были полноценными по вкусовым и питательным качествам, к ним добавляют соки из того же вида сырья, но

Лечение рака по Бройсу и др
Лечение Рака по Бройсу. (Рудольф Бройс) «Совсем недавно китайские медики обнаружили, что у онкобольных количество микроэлементов в печени, в волосах и некоторых других органах резко снижено. Возможно,

С каким соком пить водку?
Ответ: С каким соком пить водку? ВИНОВАТ АНТИАЛКОГОЛЬНЫЙ ФЕРМЕНТ - Владимир Георгиевич, главный вопрос

Сок добрый
Министерство общего и профессионального образования Российской Федерации Санкт-Петербургский Государственный Технологический институт (Технический университет) Факультет Экономики и