多个模态与画廊与单个动态模式

时间:2015-05-22 11:14:35

标签: javascript dom seo image-gallery bootstrap-modal

假设我们在一个页面上有很长的帖子列表。每个帖子都有一个隐藏的div,其中包含多个img标记。当用户点击帖子时,隐藏的div内的图片应该在模态库中展示。

哪种方法更好用于SEO-为每个帖子输出Bootstrap模式+图像库标记,并在用户点击帖子时取消隐藏,或者只有一个隐藏模态和clone() 图像呢?

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

哪种方法更好?

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

1 个答案:

答案 0 :(得分:1)

  

我认为最好在页面加载期间输出所有图像,而不是在SEO很重要的情况下使用AJAX加载它们,对吗?

对于Google来说,这两种方法都与搜索引擎优化相同,但是为第二种方法索引内容可能需要更多时间,因为它需要执行Javascript。

但是,并非所有搜索引擎都能够执行Javascript。因此,图像标签是所有他们可以吃SEO的方式。