我最近启动了一个仅由 Firebase 处理的项目。
如果我的产品展示只有 1 页 (www.myproject.com/product.html?id=productId),并且该页面适应从 firebase 导入的信息,我如何才能在搜索引擎中将其编入索引?
此页面根据产品名称、产品描述的元描述等调整标题。
我使用了 SEO 检查器,它们仅加载页面草稿。基于动态URL加载的信息是不可见的。
到目前为止,我尝试过使用笔记页来延迟爬行5秒,但没有结果。
在您当前的设置中,您可能正在使用客户端渲染 (CSR) - 其中页面的大部分内容在客户端浏览器中动态渲染。您的客户端会收到一个框架代码,其中包含从数据库(例如 firestore)请求相关数据并在客户端浏览器中完成渲染的说明。由于这种渲染性质,搜索引擎(例如谷歌)将难以抓取其内容并为页面建立索引。
为了有效地满足您的需求,您应该考虑使用 服务器端渲染 (SSR) - 渲染页面的全部内容,也动态地取决于您的 URL 参数“id”,在您的服务器上(至少对于首先渲染),然后将包发送到客户端的浏览器。服务器发送给客户端的包已经具有完整的数据和元数据,就像静态网页一样,允许搜索引擎进行相应的索引。
大多数流行的 JavaScript 框架,如 React 和 Svelte,都具有内置的 SSR 功能。
作为补充说明,如果您在 Firebase 中托管站点,则需要使用 Cloud Run / Firebase Cloud Function 来启用 SSR。由于该功能经常发生变化,请检查 firebase 文档以获取最新更新。
进一步阅读 Nate Lapinski 撰写的有用资源。
希望有帮助!