SPA(シングルページアプリケーション)で、titleやmetaタグ、OGPタグなどのHTMLヘッダ情報を更新する際に気をつけたいポイントを、ユーザー向け、クローラー向け、SNS向けにまとめました。 SPAページとHTMLヘッダ React.jsやVue.jsなどのJavascriptフレームワークを使ったSPAサイトは、基本的にフレームワークでbody内のHTMLを描画しているため、HTMLヘッダは意図的に変更しない限りは変更されません。ブラウザからページをリロードしない限りは、最初に読み込まれたままになります。 ログインユーザーしか使わないようなSPAサイトであれば、titleもmetaタグもサイトで統一した一つのものでも構わないケースもあるかもしれませんが、SEOやSNSから流入を考えた時に大きなデメリットになってしまいます。この点を憂慮してSPAを導入しないという方もいるのではない