在客户端加载这些过滤器在这里很有意义，因为您的网站可以通过不添加供 Google 抓取的 <a href> 链接来节省抓取预算。 Next.js通过可配置为允许客户端导航的链接组件使这一切变得简单。 如果您决定实现一个完整的 CSR 应用程序，您可以 使用onClick 和History API通过 React Router 修改 URL。 5. 避免关键 HTML 的延迟加载 使用 React 开发的网站通常会在用户单击或将鼠标悬停在某个元素上时将内容插入到 DOM 中。这只是因为图书馆使这一切变得容易。 这本质上并不是坏事，但是以这种方式添加到 DOM 的内容对于搜索引擎来说是不可见的。如果插入的内容包含重要的文本内容或内部链接，可能会产生以下负面影响： 页面性能（因为 Google 看不到您的内容）。 其他 URL 的可发现性（因为 Google 无法找到内部链接）。 这是我最近审核的 React JS 站点的示例。 以下是一些著名的电子商务品牌 它们的多面导航中具有重要的内部链接。 但是，当我单击“过滤器”按钮时，模式会插入到 DOM 中，显示移动设备上的导航。要查看其实际效果，请查看下面 HTML 中的第二个 <!—>。 […]
