Javascript SEO友好的动态内容？

所以我正在制作一个典型的网页菜单容器和一个内容容器。由于各种内容本身是相当复杂和不同的子部分，我将把它们创建为单独的HTML文件

现在，为了切换内容，我想使用JS交换内容容器中的内容，而无需重新加载整个页面。几年前我在一个页面上做过类似的事情，当时我只是用js生成的内容替换了ContentDiv的内部HTML（各个页面的结构非常相似）。问题是，显然，这对搜索引擎来说是非常不友好的，因为他们看不到任何内容

---

这一次，我考虑动态加载iFrame，而不是各种内容HTML子页面。尽管如此，我也不确定这对搜索引擎优化有多友好。有没有什么通用的方法可以让我在不影响搜索引擎内容可见性的情况下完成我的工作？

这种情况感觉不应该仅仅局限于前端技术

我的建议是采用渐进式增强方法

建立一个常规网站，根据需要动态呈现其页面，并使用常规超链接链接页面之间的链接。然后使用javascript覆盖默认链接行为，并发出ajax请求以检索页面

您可以对ajax请求使用后端检测来提供部分页面，也可以使用jQuery或类似工具从请求的页面获取特定内容并加载到页面上适当的占位符中

谷歌有一些关于建立这样一个网站的建议，以及他们如何理解这些建议：

Google中有大量关于逐步增强ajax站点的教程，下面是一个用PHP编写的示例：

---

您可以使用渐进式增强来检索静态页面，但它仍然可以在不使用后端语言的情况下工作。如果使用后端检测为需要从中提取数据的部分页面而不是完整页面提供服务，您将失去节省带宽的选择。

这种情况感觉不应该仅限于前端技术

我的建议是采用渐进式增强方法

建立一个常规网站，根据需要动态呈现其页面，并使用常规超链接链接页面之间的链接。然后使用javascript覆盖默认链接行为，并发出ajax请求以检索页面

您可以对ajax请求使用后端检测来提供部分页面，也可以使用jQuery或类似工具从请求的页面获取特定内容并加载到页面上适当的占位符中

谷歌有一些关于建立这样一个网站的建议，以及他们如何理解这些建议：

Google中有大量关于逐步增强ajax站点的教程，下面是一个用PHP编写的示例：

---

您可以使用渐进式增强来检索静态页面，但它仍然可以在不使用后端语言的情况下工作。如果使用后端检测来服务需要从中提取数据的部分页面，而不是完整页面，您将失去节省带宽的选择。

使用iFrame首先是反SEO的。让这些东西变得动态是没有意义的。看看谷歌的

\u expaired\u fragment\u

：这个问题似乎离题了，因为它是关于搜索引擎优化的。它是关于构建网页的，真的，关于搜索引擎优化的问题有什么错？现在这是一个重要的编码模式。使用iFrame首先是反SEO的。让这些东西变得动态是没有意义的。看看谷歌的

\u expaired\u fragment\u

：这个问题似乎离题了，因为它是关于搜索引擎优化的。它是关于构建网页的，真的，关于搜索引擎优化的问题有什么错？如今，它是一种重要的编码范式。