将Lightbox用于整个网站

Question

我想知道在整个网站上使用Lightbox是否是一个明智的想法。

我们正在开发一个电子商务网站，其目的是让用户始终保持在主页面上，并以Lightbox方式显示所有内容（产品页面，关于我们等）。

据我所知，为了使用Lightbox，您需要大多数浏览器广泛支持的Prototype / JavaScript，我也知道移动设备上的Ligthbox并不是很有趣，但无论如何我们都会创建一个移动版本，几个Q：

1. 你认为Lightbox可能会以某种方式沉重吗？它会降低网站性能吗？

2. 您认为会出现很大的兼容性问题吗？

还有其他想法为什么不是这么好的主意？同样，主要的想法是让用户保持在主页面，同时他可以浏览“不太重要”。

提前致谢。

Answer 1

我认为，出于多种原因大量使用灯箱来显示相关内容并不是一个好主意

1. 辅助功能：您不能仅依靠javascript来访问信息，因此您需要花费更多精力来开发渐进增强功能。如何通过浏览器历史记录导航产品？
2. SEO ：您是否考虑过如何通过搜索引擎检索您的产品？要使动态内容可转换，您将需要再次付出额外的努力。还要考虑对页面上的隐藏内容进行处罚的可能性。
3. 可用性：您将如何处理多种设备和屏幕分辨率？如果您在灯箱中显示图像产品，然后您的客户要求也在灯箱中显示缩放图像，该怎么办？你会打开嵌套的灯箱吗？
4. 社交网络：“喜欢”和“+1”是几乎每个现代电子商务常用的功能：但这些操作只能在单个URL，所以如果你的产品没有执行，与特定网址（1对1关系）相关联，您将无法共享特定项目。

因此，最好避免所有这些并发症 改用收藏给了警报，显示模式窗口，告诉用户关于一些服务器操作（如登录/注销的消息的警示股票为项目结账时 ...），在一般情况下，随处可见，最好不要完全改变或破坏导航流量（如登记，结账的，...），但绝对避免组织整个网站灯箱。

Answer 2

如果您正在开发电子商务网站，那么使用灯箱样式的ajax加载所有页面并不是一个好主意，因为搜索引擎将无法索引您的产品并向搜索人员显示结果

Answer 3

过去，我在Lightbox上使用Fancybox主要是因为我觉得它对我的需求更灵活。

我也使用带有嵌入式弹出窗口的Fancybox创建了一个在线商店，为用户提供有关弹出窗口的更多信息。

我要说的是，为了确保页面性能不受阻碍，请不要通过页面上的隐藏div渲染Fancybox弹出窗口。如果隐藏的div包含大量图像和内容，则会产生一些开销。

我使用Fancybox的方法是加载外部页面作为其内容源：

$("#product-info").fancybox({
    titleShow     : false,
    width:    500,
    height:   600,
    autoDimensions: false,
    overlayOpacity: 0.6,
    href: 'product-info.aspx?ID=9' // External page source
}); 

我认为只需谨慎使用Fancybox /灯箱。仅添加基本产品内容。保留产品页面本身的详细信息。这将有助于谷歌搜索（正如其他人评论的那样）。

Answer 4

我同意F.Calderan的所有观点，除了可能是最后一点。我认为在许多服装网站上看到的“快速查看”中有一个常见的用例可能对你有用。它提供了与您描述的体验类似的体验，同时没有取代拥有多个页面的所有好处。

有关示例，请参阅Old Navy。