如何在Next.js 13的新Metadata系统中实现Facebook域名验证？

你之前在_document.js里直接写meta标签的方式是有效的，但在App Router的generateMetadata体系下，正确添加第三方自定义元数据的方式是把other字段设为数组——你之前错误地用了单个对象，这不会生成对应的meta标签。

正确的配置示例：

export const metadata = {
  robots: {
    index: true,
    follow: true,
    nocache: true,
    googleBot: {
      index: true,
      follow: true,
      noimageindex: true,
      'max-video-preview': -1,
      'max-image-preview': 'large',
      'max-snippet': -1,
    },
  },
  // 保留你的其他元数据配置...
  other: [
    {
      name: 'facebook-domain-verification',
      content: '00000000000000000',
    },
    // 如果有其他第三方meta标签，也可以在这里添加
  ],
};

如果是使用generateMetadata异步函数，写法类似：

export async function generateMetadata() {
  // 可在此处获取动态数据
  return {
    robots: { /* 你的robots配置 */ },
    other: [
      { name: 'facebook-domain-verification', content: '00000000000000000' }
    ]
  };
}

这样配置后，Next.js会自动在页面的<head>中生成对应的meta标签，效果和你之前在_document里手动编写的完全一致。

内容的提问来源于stack exchange，提问作者Carlos Henrique R. Pereira