Next.js中assets、category、bookmarks元数据的用途与用法咨询

核心本质 #

这三个配置项并非HTML标准定义的元数据字段，而是Next.js generateMetadata 函数支持的自定义扩展元数据，用于满足特定业务或场景下的自定义标记需求，本质是通过Next.js生成对应的<meta>或<link>标签注入页面。

各配置项详情 #

1. Category #

• 用途：给页面标记自定义分类，通常供内部系统、自定义爬虫或第三方工具识别页面所属类别，比如内容平台标记文章为"科技""财经"等。
• 使用方式：在generateMetadata中返回category字段，值为分类字符串：

export async function generateMetadata() {
  return {
    category: "technology",
  };
}

生成的HTML标签：

<meta name="category" content="technology" />

• 适用对象：内容类网站（博客、资讯平台）、需要按分类统计或识别页面的系统。

2. Bookmarks #

• 用途：自定义书签关联，可指向页面的特定收藏入口、相关资源集合或用户自定义的书签目标，和标准rel="bookmark"（单数）不同，这里是自定义的复数形式，用于扩展书签功能。
• 使用方式：在generateMetadata中返回bookmarks字段，值为目标URL：

export async function generateMetadata() {
  return {
    bookmarks: "https://nextjs.org/13",
  };
}

生成的HTML标签：

<link rel="bookmarks" href="https://nextjs.org/13" />

• 适用对象：需要自定义书签逻辑的平台、内部工具系统，或为特定用户群体提供快速收藏入口的场景。

3. Assets #

• 用途：标记页面关联的资源集合入口，比如页面依赖的静态资源库、相关资源打包地址，供内部工具或自定义脚本识别并加载关联资源。
• 使用方式：在generateMetadata中返回assets字段，值为资源集合的URL：

export async function generateMetadata() {
  return {
    assets: "https://nextjs.org/assets",
  };
}

生成的HTML标签：

<link rel="assets" href="https://nextjs.org/assets" />

• 适用对象：复杂应用（如组件库文档站、资源平台）、需要动态加载关联资源的系统。

补充说明 #

由于这些是自定义扩展字段，没有通用的浏览器或搜索引擎支持，主要用于业务内部逻辑、自定义工具或特定第三方集成，标准搜索引擎不会解析这些字段，仅在有明确自定义需求时使用即可。

内容的提问来源于stack exchange，提问作者user489359832