Menu

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() {
  // 製品の総数を取得し、必要なサイトマップの数を計算
  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,
  }))
}

次のステップ

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