コンテンツへスキップ

generateSitemaps

アプリケーションの複数のサイトマップを生成するには、generateSitemaps 関数を使用できます。

戻り値

generateSitemaps は、id プロパティを持つオブジェクトの配列を返します。

URL

本番環境では、生成されたサイトマップは/.../sitemap/[id].xml で利用できます。例: /product/sitemap/1.xml

開発環境では、生成されたサイトマップは/.../sitemap.xml/[id] で確認できます。例: /product/sitemap.xml/1。この違いは一時的なもので、本番環境のフォーマットに準拠します。

例えば、generateSitemaps を使用してサイトマップを分割するには、サイトマップのid を持つオブジェクトの配列を返します。次に、そのid を使用して一意のサイトマップを生成します。

app/product/sitemap.ts
import { BASE_URL } from '@/app/lib/constants'
 
export async function generateSitemaps() {
  // Fetch the total number of products and calculate the number of sitemaps needed
  return [{ id: 0 }, { id: 1 }, { id: 2 }, { id: 3 }]
}
 
export default async function sitemap({
  id,
}: {
  id: number
}): Promise<MetadataRoute.Sitemap> {
  // Google's limit is 50,000 URLs per sitemap
  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,
  }))
}

次のステップ

Next.jsアプリケーションのサイトマップの作成方法を学びましょう。