Nuxt 搜索引擎优化 meta-description

Question

我正在关注 https://nuxtjs.org/docs/features/meta-tags-seo/ 的 seo 文档在 netifly 托管的 nuxt 项目中 wwww.estudiosclaw.com

当我运行 chrome 中的灯塔检查器时出现问题，它说元描述是空的（在 html 的头部显示）。

当我直接检索特定 post 时，所有检查都是红色的。

在 google 搜索中输入“estudios claw”只会出现导航栏标题。

我已经根据页面分别设置了所有元描述。

示例：

head() {
    return {
      title: `${this.about.data.attributes.title}`,
      meta: [
        {
          hid: "description",
          name: `${this.about.data.attributes.title} - Estudios Claw`,
          content: `${this.about.data.attributes.description}`,
        },
      ],
    };
  },

Answer 1

您需要生成类似 <meta name=description content="This is the description of the page."> 的元标记。您的代码不会那样做。您链接到的示例代码显示 hid 和 name 都应该是 "description" （字面意思。）您似乎将页面标题放入的 name 属性中<meta> 标签，这是不正确的。正确的代码应该更像：

head() {
    return {
      title: `${this.about.data.attributes.title} - Estudios Claw`,
      meta: [
        {
          hid: "description",
          name: "description",
          content: `${this.about.data.attributes.description}`,
        },
      ],
    };
  },

Nuxt 搜索引擎优化 meta-description

Nuxt Seo meta-description

seo

google-search

nuxt.js