<img data-src="path/to/image.jpg" class="js-lazy-load" />
javascript将data-src属性映射到src属性：
<img src="path/to/image.jpg" />
但是对于我确实希望索引的HTML图像：
<a href="path/to/image.jpg" class="js-lazy-load">Image alt text here</a>
javascript用图像标记替换了锚点：
<img src="path/to/image.jpg" alt="Image alt text here" />
似乎可以保留索引功能和页面意图（用于可访问性）而又不影响SEO（希望如此）。但是，我希望第二点意见。
编辑：有关此方法的任何反馈-带有图像链接的页面与带有内联IMG标签的页面-将在页面排名方面进行比较。我猜测内联IMG标签的效果会更好，因为每个传出的链接都会降低整体页面的排名（除非它们具有rel =“ nofollow”这会适得其反）。
#1 楼
那是个好方法。您可以采取的另一种方法是使用<noscript />元素存储img标记的常规版本（该标记会被Google索引），然后使用JS创建延迟加载版本。或者，您可以将Google的hashbang AJAX约定与HTML5的历史记录API结合使用，以创建可添加书签和索引的页面状态。如果您正在执行某种无限滚动页面，则这尤其可取，因为它提供了一种伪分页形式-大多数无限滚动实现都急需的某种形式（:: cough :: Google Images :: cough：:)。 br />
编辑：使用链接作为图像的占位符可能导致页面的PR流在更多链接之间分配，尽管除非您使用
nofollow，否则PR始终是保守的，因此从理论上讲，这将提高这些图像在图像搜索中的PR。如果您不希望这样做，或者您希望页面对非JS用户正常降级，则可以采取相反的方法，从常规图像开始，但是在页面加载时使用阻塞JS来替换图像的
src属性（甚至删除图像元素并将src属性存储在延迟加载队列中）。如果操作正确，则可以在实际开始下载任何图像之前完成此操作。评论
我很乐意看到-Google不会查看
评论
传出链接不会影响您的网页排名。那不是公关的工作方式。传出链接的总数会减少每个链接的PR吗？因此，如果该页面最初具有5个链接-每个链接具有20％的PR-但使用这种方法将有50个链接-现在每个都有2％？
没错通过的PR数量除以页面上的链接数，但是由于PR雕刻，现在在链接之间进行PR划分时还包括nofollow链接。因此，即使您有45个nofollow链接和5个常规链接，这5个常规链接仍然只能传递2％的链接汁。尽管Google聪明，但他们会以不同于HTML链接的方式对待图片链接，因为您的解决方案对于可用性和可访问性是有效的解决方案，并且不应该因稀释您的PR流程而受到阻碍。