ленивая загрузка изображений и SEO

Question

Я рассматриваю реализацию функции отложенной загрузки изображения на веб-сайте, однако мне интересно, есть ли какие-либо недостатки SEO в этом. Сценарий, который я изучаю, выглядит следующим образом:

http://www.dynamicdrive.com/forums/showthread.php?t=46393

В основном, когда в области просмотра пользователей браузера появляется тег изображения, вызывается javascript, который заменяет и загружает изображение на лету. Это уменьшает начальное время загрузки страницы. Но как это может повлиять на SEO, особенно на сканеры изображений?

Спасибо за любую помощь!

Answer 1

Большинство сканеров не будут выполнять Javascript.Поэтому вы должны убедиться, что ваши изображения отображаются или, по крайней мере, временные (с низким разрешением) с соответствующим тегом alt.

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

Обратите внимание, что это не будет работать с Поиском картинок Google и, следовательно, повлияет на вашу экспозицию в этой поисковой системе.

Answer 2

Googlebot теперь отображает javascript, поэтому вам не нужно ничего делать. Выполните отложенную загрузку, и ваши изображения все равно будут отображаться в Поиске картинок Google. Считать источник.

Однако ...

Если вы заботитесь о других типах сканеров , можно рассмотреть следующий метод:

<a href="your-image.jpg" class="lazy-load-link">
    <img src="placeholder.jpg" data-lazy-load-src="your-image.jpg" alt="Your image" />
</a>

Или, если у вас уже есть ссылка ...

<a href="other-stuff.html">
    <img src="placeholder.jpg" data-lazy-load-src="your-image.jpg" alt="Your image" />
</a>
<a href="your-image.jpg" class="lazy-load-link">Your image</a>

С помощью этого метода ваше изображение будет сканироваться просто потому, что оно связано с. Используя javascript, у вас есть возможность изменить placeholder.jpg на your-image.jpg в любое время. И сохраните элемент a.lazy-load-link, если хотите или удалите его, который предпочитаете.

Answer 3

Вы можете использовать тег <noscript /> для хранения там обычной версии <img/>, которая будет проиндексирована Google

Answer 4

Вы можете попытаться загрузить изображения в качестве фоновых изображений, но я не уверен, что Google индексирует такую ​​ссылку на изображение. Кстати, вы можете использовать трюки, подобные этому учебнику ленивой загрузки изображений , чтобы загрузить все ваши изображения в случае отсутствия поддержки javascript (в случае бота Google).