imágenes de carga diferida y SEO

Question

Estoy buscando implementar una característica de carga lenta en la imagen en un sitio web, sin embargo, me pregunto si hay alguna caída de SEO a esto. El guión estoy investigando es el siguiente:

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

Bascially, cuando una etiqueta de imagen aparece en el área de usuarios del navegador de visualización, JavaScript se llama, que sustituye y carga la imagen sobre la marcha. Esto reduce el tiempo de carga de la página inicial. Pero, ¿cómo podría afectar esto a SEO, particularmente a los rastreadores de imágenes?

¡Gracias por cualquier ayuda!

Answer 1

La mayoría de los rastreadores no ejecutarán Javascript. Por lo tanto, debe asegurarse de que se muestren sus imágenes, o al menos temporales (baja resolución) con la etiqueta alt adecuada.

Entonces no es un problema reemplazarlo por el de alta resolución.

Tenga en cuenta que esto no funcionará con Google Image Search, y por lo tanto afectará su exposición en ese motor de búsqueda.

Answer 2

Puede intentar cargar imágenes como imágenes de fondo, pero no estoy seguro de si google indexa ese tipo de referencia de imagen. Por cierto, puedes usar trucos similares a este image lazy load tutorial para cargar todas tus imágenes en caso de que no haya soporte de JavaScript (en el caso de Google Bot).

Answer 3

Puede utilizar <noscript /> etiqueta para almacenar la versión normal de la <img/> allí, que será indexado por Google

Answer 4

Googlebot ahora rendir JavaScript por lo que no tiene que hacer nada. Realice la carga diferida y sus imágenes seguirán apareciendo en Google Image Search. Read source.

Sin embargo ...

si se preocupan por otros tipos de rastreadores un método para mirar en que podría ser el siguiente:

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

O si ya tiene un enlace ...

<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> 

Con este método, su imagen se rastreará simplemente porque está vinculada a. Al usar javascript tienes la posibilidad de cambiar placeholder.jpg a your-image.jpg siempre que lo desees. Y mantenga el elemento a.lazy-load-link si lo desea o elimínelo.