html - SEO：对搜索引擎不可见的灯箱图像

Question

我们有一个网站，其中大部分图像是通过 Ajax 加载加载到灯箱上的（所以最初没有加载，而是通过单击打开灯箱），因此搜索引擎在抓取此页面时无法索引这些图像。有什么方法可以改善这些灯箱图像的 SEO 吗？

谢谢！

Answer 1

当用户点击打开灯箱时，您需要为 Googlebot 提供替代方案。我将假设您在用户单击的页面中有一个图像缩略图。在缩略图上，您有一个导致 AJAX 显示灯箱的单击事件。

您还需要将缩略图直接链接到灯箱将显示的同一图像的大版本。这是没有 Javascript 的客户端的替代方案。然后打开灯箱的 onclick 事件需要让使用 javascript 的用户也return false不要打开链接。这是它的代码：

<a onclick="lightbox('my-picture');return false;" href="/fullpics/my-picture.jpg">
    <img src="/thumbnails/my-picture.jpg" border=0>
</a>

事实证明，无论您的图片是显示在页面中还是从页面链接，Googlebot 都不关心图片搜索。所以对于 Googlebot 来说，出于图像优化的目的，上述与 相同<img src="/fullpics/my-picture.jpg">，但它在您的页面中占用的可见空间要少得多，并且更类似于您的网站当前的设计方式。

您还应该将缩略图放入robots.txt其中，以便 Google 不会尝试将它们编入索引：

Disallow: /thumbnails/

您制作的全尺寸图像越大，它们的排名就越好。谷歌表示它更喜欢质量更好的图像。据我所知，“更好的质量”只是“更大”的委婉说法。我建议在较大的方向上至少 800 像素。

Answer 2

不是该主题的专家，但我的方法是始终让打开灯箱的“链接”与图像实际链接到图像。由于灯箱可能是使用 JavaScript 打开的，因此取消将浏览器指向图像的默认操作并改为打开灯箱。不用说：当您明确链接到它时，搜索引擎将能够找到您的图像。作为一个额外的好处：这也适用于关闭 JavaScript 的用户（他们不必处理什么都不做的链接）。