Sponsor
ChatHubChatHub Use GPT-4, Gemini, Claude 3.5 and more chatbots side-by-side
ここをクリック
Menu

generateSitemaps

generateSitemapsファンクションを使用して、アプリケーション用に複数のサイトマップを生成できます。

戻り値

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

URL

生成されたサイトマップは /.../sitemap/[id].xml で利用可能になります。例えば、/product/sitemap/1.xml のようになります。

例えば、サイトマップを分割するためにgenerateSitemapsを使用する場合、サイトマップのidを持つオブジェクトの配列を返します。その後、idを使用して固有のサイトマップを生成します。

app/product/sitemap.ts
TypeScript
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,
  }))
}

バージョン履歴

バージョン変更内容
導入時期:v15.0.0generateSitemaps は開発環境と本番環境の間で一貫性のあるURLを生成するようになりました
導入時期:v13.3.2generateSitemaps が導入されました。開発環境では、生成されたサイトマップを /.../sitemap.xml/[id] で確認できます。例えば、/product/sitemap.xml/1 のようになります。

次のステップ

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