设置
我正在使用 GitHub Pages 静态托管我的网站。为了生成 SEO 数据,我使用了 Nuxt 框架支持的原生 head()
方法。这是我的设置示例。
export default {
head() {
return meta({
title: 'Page title here',
description: "Page description here",
image: this.image, // programmatic image
})
}
}
问题
正如单页应用程序所预期的那样,元数据会在页面加载时呈现到 DOM 中。 HTML 中的初始数据来自 nuxt.config.js
,这是为我的主页指定的信息。这导致了一个问题,即当任何页面被抓取时,它们都具有相同的元数据。
目标
在运行 nuxt generate
时,是否可以在各自的 HTML 文件中呈现每个页面的元数据?这样,当 Google、Facebook、Instagram 和其他平台抓取元数据时,可以使用适当的元数据。
最佳答案
在@kissu 的帮助下,问题是由以下事实引起的:在我的 nuxt.config.js
中,我关闭了服务器端渲染,以下属性为 st ssr : false
而它应该是 ssr: true
。在此过程中需要解决 Node JS 的后续问题。
关于github-pages - Nuxt - 你能预渲染元数据吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68322583/