SEOベストプラクティス

Nextra 3 はデフォルトでSEOに強く作られていますが、さらに最適化するための設定を紹介します。

静的エクスポート

output: 'export' を使用することで、完全に静的なHTMLが生成されます。これはクローラーにとって読みやすく、インデックス登録に有利です。

メタデータ

Nextraはファイル構造に基づいてタイトルなどを自動生成しますが、細かい制御も可能です。

グローバルSEO設定

theme.config.tsx の useNextSeoProps フックを使用します。

export default {
  // ...
  useNextSeoProps() {
    return {
      titleTemplate: '%s – My Brand',
      description: 'My Brandの公式ドキュメントです。',
      openGraph: {
        type: 'website',
        locale: 'ja_JP',
        url: 'https://my-brand.com',
        site_name: 'My Brand',
      },
    }
  },
}

サイトマップ

静的エクスポートモードではサイトマップは自動生成されません。next-sitemap などの外部ツールをビルドプロセス（postbuild）に組み込むことで生成可能です。