懶加載圖像和搜索引擎優化

我正在尋找到一個網站上的圖像上的懶惰加載功能，但我想知道是否有任何搜索引擎優化的垮臺。我在找到該腳本如下：懶加載圖像和搜索引擎優化

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

Bascially，當圖像標籤出現在用戶查看瀏覽器的面積，javascript中被稱爲它取代並加載上飛的形象。這縮小了初始頁面加載時間。但是，這會如何影響搜索引擎優化，特別是圖像爬蟲？

感謝您的幫助！

來源

2010-09-15 David

大多數爬蟲不會執行Javascript。所以你必須確保你的圖像顯示，或至少是一個臨時的（低分辨率）與適當的alt標籤。

然後用高分辨率替換它不是問題。

請注意，這不適用於Google圖片搜索，因此會影響您在該搜索引擎上的曝光度。

來源

2010-09-15 10:22:33

這是因爲Google *運行JavaScript嗎？ – 2010-09-15 10:23:19

這將是一個浪費時間呈現的JavaScript。我知道Google抓取JavaScript來查找網址，但就是這樣。 – 2010-09-15 10:28:57

很好的回答，皮埃爾！ – skyflyer 2010-09-16 02:07:23

您可能會嘗試加載圖像作爲背景圖像，但我不確定如果谷歌索引這樣的圖像引用。順便說一句，你可以使用類似於這個image lazy load tutorial的技巧來加載所有的圖片，以防止JavaScript支持（在谷歌機器人的情況下）。

來源

2013-06-05 16:59:20

-1

您可以使用<noscript />標籤存儲<img/>有普通版的，這將是谷歌

來源

2014-06-09 10:03:48 Mikhail

這已被證明不起作用。例如參見（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元素或刪除它，你更喜歡。

來源

2017-05-14 08:53:13

懶加載圖像和搜索引擎優化

回答

相關問題