BlazorのSEOとPrerendering対応とは？｜ASP.NET×Blazor入門 9.2

9.2 PrerenderingとSEOへの影響

モダンWebアプリでは、「SEO（検索エンジン最適化）」と「初期表示速度」が重要な要素となります。Blazorを用いる場合、ServerとWASMではこの対応が大きく異なります。本セクションでは、Prerendering（事前描画）の仕組みとSEOとの関係性を整理します。

WASMでは、最初にHTMLを読み込んだあと、JavaScript経由で.NETランタイムとコンポーネントが読み込まれます。このため、検索エンジンのクローラーがアクセスした際には、「中身がまだ表示されていないHTML」しか見えません。

Blazor Serverでは、ASP.NET Coreの機能と統合されているため、Razor PagesやViewとしての描画が可能です。これにより、HTMLを事前にサーバー側で生成し、最初のレスポンスでそのまま返す「Prerendering」が機能します。

Prerenderingは、主に _Host.cshtml にて以下のように実装します。


<component type="typeof(App)" render-mode="ServerPrerendered" />

render-modeには以下の3つがあります：

現時点では、検索エンジンとの親和性を重視するなら、Blazor Serverが適しています。一方、WASMでのSEO対応はハードルが高いため、動的レンダリングやプリレンダリングSPAの工夫が求められます。

次のセクションでは、Blazor WebAssemblyの制限とパフォーマンスに関する実務的な考察を行っていきます。

2025-05-10

開発に関するインプットをアウトプットしています。

システム開発や技術検証、要件定義の作成、アーキテクチャ設計、テスト設計、運用設計まで、一気通貫で支援しています。企画段階の「まず相談したい」レベルから、実装・運用まで幅広く対応できますので、お気軽にお問い合わせください。