【问题标题】:Using NUXT with SEO compatibility for thousands of products将 NUXT 与 SEO 兼容性用于数千种产品
【发布时间】:2020-11-13 14:53:00
【问题描述】:

当我构建应用程序时,它只会为数据库中已有的产品创建路线。当我添加新产品时,这些链接不会自动添加到路线中,并且与 SEO 不兼容。我必须重建应用程序以“获取”新产品。有更好的方法吗?

【问题讨论】:

    标签: nuxt.js


    【解决方案1】:

    这里真的只有 3 个选项。

    选项 1:重建应用程序

    这是你已经在做的,所以我不会更多地触及它,只是指出这只适用于静态生成。

    然而,SEO 爬虫已经到了可以等待 JS 加载的地步,所以这可以有时对 SEO 友好。如果您对此没问题,那么您可以在 SPA 模式下运行并获取产品客户端。

    选项 2:服务器端渲染

    在通用模式下使用 Nuxt 时,您可以使用 fetchasync data API 获取和呈现产品数据服务器端。产品可以添加到数据库或 CMS,并立即可供应用使用。

    以这种方式呈现的内容对 SEO 友好,因为 HTML 在服务器端呈现,前提是您还记得使用正确的标题/描述更新元值。

    我会说这是处理大量可索引内容的最佳选择,但遗憾的是需要运行服务器来托管应用程序。

    选项 3:预渲染

    您可以使用第 3 方服务,例如 enter link description here,该服务将处理为 SEO 服务预先运行您的应用程序。但是,它不是免费的,所以我想说这最终是最糟糕的。

    【讨论】:

    • 为了澄清,服务器端渲染就像在heroku之类的东西上托管nuxt应用程序并使用nuxt start命令,而不是构建应用程序并将其推送到s3之类的服务?
    • 是的,完全正确。服务器端渲染是此类用例的完美解决方案,前提是您能够将服务器托管在某个地方(如您所说,在 Heroku 上)。
    猜你喜欢
    • 2016-11-13
    • 1970-01-01
    • 2018-03-17
    • 2022-11-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-20
    • 2010-09-20
    相关资源
    最近更新 更多