带画廊的多个模态与单个动态模态

Multiple modals with galleries vs. a single dynamic one

假设我们在单个页面上有一长串 post。每个 post 都有一个隐藏的 div,里面有多个 img 标签。当用户单击 post 时,隐藏 div 中的图像应显示在模态图库中。

哪种方法在 SEO 方面更好 - 为每个 post 输出 Bootstrap 模态 + 图片库标记,并在用户点击 post 时取消隐藏它,或者有一个单个隐藏模态和 clone()'ing 图像?

我倾向于第一个解决方案,因为它更容易实现。第二个需要监听 DOM 事件,因为我应该只在图像被克隆到模态内的画廊 div 后才初始化画廊,因此有点棘手。另外,我不太热衷于到处复制 DOM 个节点。

哪种方法更好?

编辑: 我认为如果 SEO 很重要,最好在页面加载期间输出所有图像而不是使用 AJAX 加载它们,对吗?

I suppose that it is better to output all images during page load instead of loading them up using AJAX if SEO is important, right?

对于 Google,从 SEO 的角度来看,这两种方法是等效的,但是为第二种方法索引您的内容可能需要更多时间,因为它需要执行 Javascript。

然而,并不是所有的搜索引擎都能执行Javascript。因此,图像标签是他们在 SEO 方面的唯一选择。