SEO:搜索引擎看不到的灯箱图片

时间:2013-03-22 09:51:09

标签: html ajax seo lightbox google-image-search

我们有一个网站,其中大部分图像都是通过Ajax加载加载到灯箱上的(因此最初没有加载,但是点击打开灯箱),因此搜索引擎在抓取此页面时无法索引这些图像。有没有办法改善这些灯箱图像的SEO?

谢谢!

2 个答案:

答案 0 :(得分:3)

当用户点击打开灯箱时,您需要为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/

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

答案 1 :(得分:1)

不是这方面的专家,但我的方法是始终使用“链接”打开灯箱,图像实际链接到图像。由于灯箱可能是用JavaScript打开的,因此取消将浏览器指向图像并打开灯箱的默认操作。不用说:搜索引擎将能够在您明确链接到它时找到您的图像。作为一个额外的好处:这也适用于关闭JavaScript的用户(他们不必处理无效的链接)。