코어 웹 바이탈 LCP 개선을 통한 검색 엔진 최적화(SEO) Part 1: Google Search Console, Next.js

이 글은 오토피디아 프론트엔드 개발자가 첫 프로젝트로 진행한 SEO 개선을 위한 모바일 버전 LCP(Largest Contentful Paint) 향상 과정을 다룹니다. 자연 검색 유입 증대를 목표로, Google Search Console과 Lighthouse를 활용하여 LCP 지표를 모니터링하고 개선하는 방법을 단계별로 설명합니다.

또한, Vercel Analytics를 통해 필드 데이터를 확인하고 구글에서 집계하는 데이터를 추적하는 과정도 포함됩니다. 주요 개선 기법으로는 이미지 최적화, JS 번들 최적화, 폰트 최적화 등이 언급되며, 신입 개발자의 시선으로 프로젝트 경험을 공유하여 비슷한 고민을 가진 개발자들에게 실질적인 도움을 제공하고자 합니다.