leia (@wuyingnanleia) 在 Next的Seo实践 中发帖
第10章:Next的Seo实践
1. Meta标签
Next App Router比较主流的有两种定义源数据标签的方式,一种是通过在布局或者页面上导出一个 metadata 的对象,会自动生成对应的Meta源数据标签,这是静态的。
而另外一种则是动态生成meta标签,这种场景通常需要先请求接口得到一些信息的动态源数据页面,在这种情况下我们采用generateMetadata函数。
1.1. 静态Meta标签
仅仅只需要在页面或者布局中添加这一段。
export const metadata: Metadata = {
metadataBase: new URL(APP_ORIGIN),
title: APP_TITLE,
description: APP_DESCRIPTION,
creator: APP_NAME,
icons: {
icon: '/fa...