在 Next.js 中配置和使用 Open Graph 元数据的指南

openGraph 是一个元数据对象，用于定义网页在社交媒体平台和其他支持 Open Graph 协议的应用程序中分享时显示的内容。通过设置 openGraph 元数据，可以控制网页被分享时显示的标题、描述、URL、图片等信息，从而提高内容的可视化效果和点击率。

在你的代码中，openGraph 对象的配置如下：

openGraph: {
  type: "website",
  url: "https://chromeai.org",
  title: "Chrome Built-In AI Gemini Nano Test Page",
  description:
    "Run Chrome built-in large language model AI locally in your browser.",
  siteName: "Chrome Built-In AI Gemini Nano Test Page",
  images: [
    {
      url: "https://aqaya8xrbp4jczd0.public.blob.vercel-storage.com/og-image-1200x630%20(1)-sVlNmUM0XYOX7EP81AqvQT3tzCgF8D.jpg",
    },
  ],
}

这些字段的作用如下：

• type: 定义页面的类型，例如 website 或 article。
• url: 页面的网址。
• title: 页面分享时显示的标题。
• description: 页面分享时显示的描述。
• siteName: 网站的名称。
• images: 页面分享时显示的图片，可以包含一个或多个图片 URL。