SPAのSEO対策、みんなどうしてる？正直な話
どうもー。最近、プロジェクトのチャットで「SPAで作ったサイト、Googleに全然インデックスされないんだけど…」みたいな悲鳴をよく見るんですよね😂 分かります、めっちゃ分かります。せっかくヌルヌル動くカッコいいサイト作ったのに、誰にも見つけてもらえないなんて悲しすぎますからね。
ってことで、今日はこの「SPAのSEO問題」について、僕がいつも考えてることとか、現場でどうやって解決してるかを、ちょっとラフに共有してみようかなと。
先に結論から言っちゃうと、**「レンダリング方法をちゃんと選んで、Googlebotが迷子にならないように基本的な道案内をしてあげる」**、もうこれに尽きます。Next.jsとか使えばだいたい解決するって言う人もいるけど、それだけじゃハマる落とし穴も結構あるんですよね。
そもそも、なんでSPAはSEOに不利って言われるの？
まずはここから。昔のプロジェクトで、まさに「検索結果に全く出てこない！」って事件があったんですよ。原因は、典型的なSPAの作り方にありました。
ユーザーがサイトにアクセスした時、最初にサーバーから送られてくるHTMLが、ほとんど空っぽの`
`と大量の`
