Nuxt Fetch 方法对 SEO 不利吗
Is Nuxt Fetch method bad for SEO
也许这是一个愚蠢的问题,我正在使用 fetch 方法,但我观察到最初它显示的是我在 layout/default.vue 中设置的默认标题,但半秒后标题开始显示updated 从页面的 head 方法设置。这种标题更改对 SEO 不利吗?
我阅读了一些其他答案 asyncData
阻止页面转换,直到它解决。这是否意味着 fetch
与 asyncData
相比减少了初始服务器响应时间
最后,关于 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
时)。
也许这是一个愚蠢的问题,我正在使用 fetch 方法,但我观察到最初它显示的是我在 layout/default.vue 中设置的默认标题,但半秒后标题开始显示updated 从页面的 head 方法设置。这种标题更改对 SEO 不利吗?
我阅读了一些其他答案 asyncData
阻止页面转换,直到它解决。这是否意味着 fetch
与 asyncData
最后,关于 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
时)。