【发布时间】：2013-03-22 09:51:08
【问题描述】：
我们有一个网站，其中大部分图像是通过 Ajax 加载加载到灯箱上的（所以最初不是通过点击打开灯箱来加载的），因此搜索引擎在抓取此页面时无法索引这些图像。有什么方法可以改善这些灯箱图片的 SEO？
谢谢！
【问题讨论】：
标签： html ajax seo lightbox google-image-search
【发布时间】：2013-03-22 09:51:08
【问题描述】：
当用户点击打开灯箱时，您需要为 Googlebot 提供替代方案。我将假设您在用户单击的页面中有一个图像缩略图。在缩略图上，您有一个导致 AJAX 显示灯箱的点击事件。
您还需要将缩略图直接链接到灯箱将显示的同一图像的大版本。这是没有 Javascript 的客户端的替代方案。然后打开灯箱的 onclick 事件需要 return false 以便使用 javascript 的用户不会打开链接也。这是它的代码：
<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 像素。
【讨论】：
-
我觉得我应该指出，虽然是一个完全有效的示例，但从事件处理程序返回
false是一种恶心的做法，可能会破坏页面上其他地方的内容。 -
感谢斯蒂芬和 akaIDIOT！我试试看
不是该主题的专家，但我的方法是始终让打开带有图像的灯箱的“链接”实际上链接到图像。由于灯箱可能是使用 JavaScript 打开的，因此取消将浏览器指向图像的默认操作并改为打开灯箱。不用说：当您明确链接到它时，搜索引擎将能够找到您的图像。作为一个额外的好处：这也适用于关闭 JavaScript 的用户（他们不必处理什么都不做的链接）。
【讨论】：