generateSitemaps
generateSitemaps
関数を使用して、アプリケーションのために複数のサイトマップを生成することができます。
返す値
generateSitemaps
は、id
プロパティを持つオブジェクトの配列を返します。
URL
本番環境では、生成されたサイトマップは/.../sitemap/[id].xml
で利用できます。例として、/product/sitemap/1.xml
。
開発環境では、生成されたサイトマップは/.../sitemap.xml/[id]
で表示できます。例として、/product/sitemap.xml/1
。この違いは一時的なもので、本番環境のフォーマットに従います。
例
例えば、generateSitemaps
を使用してサイトマップを分割するには、サイトマップのid
を持つオブジェクトの配列を返します。そして、id
を使用してユニークなサイトマップを生成します。
- TypeScript
- JavaScript
app/product/sitemap.ts
import { BASE_URL } from '@/app/lib/constants'
export async function generateSitemaps() {
// 製品の総数を取得し、必要なサイトマップの数を計算する
return [{ id: 0 }, { id: 1 }, { id: 2 }, { id: 3 }]
}
export default async function sitemap({
id,
}: {
id: number
}): Promise<MetadataRoute.Sitemap> {
// Googleの制限はサイトマップ1つにつき50,000のURL
const start = id * 50000
const end = start + 50000
const products = await getProducts(
`SELECT id, date FROM products WHERE id BETWEEN ${start} AND ${end}`
)
return products.map((product) => ({
url: `${BASE_URL}/product/${product.id}`,
lastModified: product.date,
}))
}
app/product/sitemap.js
import { BASE_URL } from '@/app/lib/constants'
export async function generateSitemaps() {
// 製品の総数を取得し、必要なサイトマップの数を計算する
return [{ id: 0 }, { id: 1 }, { id: 2 }, { id: 3 }]
}
export default async function sitemap({ id }) {
// Googleの制限はサイトマップ1つにつき50,000のURL
const start = id * 50000
const end = start + 50000
const products = await getProducts(
`SELECT id, date FROM products WHERE id BETWEEN ${start} AND ${end}`
)
return products.map((product) => ({
url: `${BASE_URL}/product/${id}`,
lastModified: product.date,
}))
}