Nuxt Fetch 方法对 SEO 不利吗

Is Nuxt Fetch method bad for SEO

也许这是一个愚蠢的问题,我正在使用 fetch 方法,但我观察到最初它显示的是我在 layout/default.vue 中设置的默认标题,但半秒后标题开始显示updated 从页面的 head 方法设置。这种标题更改对 SEO 不利吗?

我阅读了一些其他答案 asyncData 阻止页面转换,直到它解决。这是否意味着 fetchasyncData

相比减少了初始服务器响应时间

最后,关于 SEO 的最佳结果是让整个事情完全静态。所以,也有一个静态头 meta-tag。
如本 amazing video.

中所述

查看 Google 抓取工具可能首先看到的内容的最佳方式(即使他正在抓取您的 SPA 但它提供的分数较低)是在没有任何 JavaScript 或视图的情况下预览您的应用源代码 (ctrl + u) 直接。
您可以通过开发工具禁用 JS。

您看到的half-second变化基本上是:

  • 最初由服务器提供的应用程序
  • 保湿应用程序 可充分发挥您的 Vue.js SPA 应用程序

两者之间的差异越小越好。


asyncData 基本上是:

  • 您在页面 A
  • 你载入页面B的内容
  • 您移至页面 B

fetch 的工作方式如下:

  • 您在页面 A
  • 您移至页面 B
  • 你载入页面B的内容

fetch()主要可以提供更好的关于skeletons/loaders的体验,但是页面A和B页面可读数据之间的时间与两者相同钩子(当然在完全相同的条件下)。

最后,它不会减少初始加载时间,因为最初没有路由转换(您“到达”页面,就像您按下 F5 时)。