2010-09-15 20 views
6

Ich bin auf der Suche nach implementieren eine Lazy Load-Funktion auf Bild auf einer Website, aber ich frage mich, ob es irgendwelche SEO Stürze zu diesem gibt. Das Skript i in freu ist die folgende:Lazy Load Bilder und SEO

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

Bascially, wenn ein Bild-Tag in den Benutzer erscheint Bereich des Browsers anzeigen, Javascript aufgerufen wird, die ersetzt und lädt das Bild on the fly. Dies verringert die anfängliche Seitenladezeit. Aber, wie könnte dies SEO beeinflussen, besonders Image Crawler?

Vielen Dank für jede Hilfe!

Antwort

3

Die meisten Crawler führen kein Javascript aus. Sie müssen also sicherstellen, dass Ihre Bilder angezeigt werden, oder zumindest eine temporäre (niedrige Auflösung) mit dem richtigen alt-Tag.

Dann ist es kein Problem, es durch die hohe Auflösung zu ersetzen.

Bitte beachten Sie, dass dies nicht mit der Google Bildersuche funktioniert und daher Ihre Präsenz in dieser Suchmaschine beeinflusst.

+0

Liegt das daran, dass Google * JavaScript * ausführt? –

+0

Es wäre Zeitverschwendung, das Javascript zu rendern. Ich kenne Google crawlen Javascript, um nach URLs zu suchen, aber das ist es. –

+0

Große Antwort, Pierre! – skyflyer

0

Sie können versuchen, Bilder als Hintergrundbilder zu laden, aber ich bin mir nicht sicher, ob Google Index solche Art von Bild verweisen. Btw, Sie können ähnliche Tricks wie diese image lazy load tutorial verwenden, um alle Ihre Bilder im Fall von Javascript-Unterstützung (im Falle von Google Bot) zu laden.

-1

Sie <noscript /> Tag verwenden, können die normale Version des <img/> dort zu speichern, die von Google indiziert werden

+0

Dies hat sich als nicht funktionierend erwiesen. Siehe zum Beispiel (http://dinbror.dk/blog/lazy-load-images-seo-problem/) –

0

Googlebot jetzt Javascript machen, so dass Sie nichts tun müssen. Führen Sie das Lazy Loading durch und Ihre Bilder werden in der Google Bildsuche immer noch angezeigt. Read source.

jedoch ...

Wenn Sie andere Arten von Raupen ein Verfahren Pflege prüfen könnte sein, die folgenden:

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

Oder wenn Sie bereits eine Verbindung haben ...

Mit dieser Methode wird Ihr Bild gecrawlt, einfach weil es verknüpft ist. Mit Javascript haben Sie die Möglichkeit, jederzeit placeholder.jpg zu your-image.jpg zu ändern. Und behalten Sie das a.lazy-load-link Element, wenn Sie möchten oder entfernen Sie es bevorzugen.