我正在尋找到一個網站上的圖像上的懶惰加載功能,但我想知道是否有任何搜索引擎優化的垮臺。我在找到該腳本如下:懶加載圖像和搜索引擎優化
http://www.dynamicdrive.com/forums/showthread.php?t=46393
Bascially,當圖像標籤出現在用戶查看瀏覽器的面積,javascript中被稱爲它取代並加載上飛的形象。這縮小了初始頁面加載時間。但是,這會如何影響搜索引擎優化,特別是圖像爬蟲?
感謝您的幫助!
我正在尋找到一個網站上的圖像上的懶惰加載功能,但我想知道是否有任何搜索引擎優化的垮臺。我在找到該腳本如下:懶加載圖像和搜索引擎優化
http://www.dynamicdrive.com/forums/showthread.php?t=46393
Bascially,當圖像標籤出現在用戶查看瀏覽器的面積,javascript中被稱爲它取代並加載上飛的形象。這縮小了初始頁面加載時間。但是,這會如何影響搜索引擎優化,特別是圖像爬蟲?
感謝您的幫助!
大多數爬蟲不會執行Javascript。所以你必須確保你的圖像顯示,或至少是一個臨時的(低分辨率)與適當的alt標籤。
然後用高分辨率替換它不是問題。
請注意,這不適用於Google圖片搜索,因此會影響您在該搜索引擎上的曝光度。
您可能會嘗試加載圖像作爲背景圖像,但我不確定如果谷歌索引這樣的圖像引用。順便說一句,你可以使用類似於這個image lazy load tutorial的技巧來加載所有的圖片,以防止JavaScript支持(在谷歌機器人的情況下)。
您可以使用<noscript />
標籤存儲<img/>
有普通版的,這將是谷歌
這已被證明不起作用。例如參見(http://dinbror.dk/blog/lazy-load-images-seo-problem/) – 2017-05-14 08:35:22
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
元素或刪除它,你更喜歡。
這是因爲Google *運行JavaScript嗎? – 2010-09-15 10:23:19
這將是一個浪費時間呈現的JavaScript。我知道Google抓取JavaScript來查找網址,但就是這樣。 – 2010-09-15 10:28:57
很好的回答,皮埃爾! – skyflyer 2010-09-16 02:07:23