🐙
Next.js(App Router)におけるSEO対策
「『Next.jsはSEOに強い』って言われるけど、具体的にSEO対策ってどうやるの?」って思って調べて実装した備忘録です。
正直、3ヶ月前にフロントエンドを勉強し始めた私。
流れでNext.jsを勉強してきて、Next.jsを採用するだけでSEO対策いいの?って感じで調べてみると意外とやることあったので、参考にしたサイトをまとめて見ました。
SEOって具体的に何すればいいの?
- SSG(任意)
- 構造化データ
- パンくずリスト(任意)
- サイトマップ
- メタデータ・OGP
- robots.txt
※それぞれの意味は、ググると出てくるので各自調べてください。
参考サイト
それぞれの具体的な実装方法
※今回、任意の項目に関しては扱いませんので、各自必要に応じてお調べください。
※大前提として、Next.jsの公式ドキュメント自体がわかりやすく作成されているので、今回の参考サイトには含めていません。
構造化データ
※これに関しては、公式ドキュメントが最適解だと思うので、以下のサイトは事例程度に思ってください。
サイトマップ
メタデータ・OGP
※favicon.icoを作成するには、このサイトがおすすめです!
robots.txt
Discussion