Next.js SEO의 핵심은 서버 컴포넌트(Server Components)를 주로 사용하여 검색 엔진 봇이 즉시 HTML 콘텐츠를 읽을 수 있도록 하는 것입니다. 클라이언트 컴포넌트(Client Components)는 JavaScript 다운로드를 기다려야 하므로 SEO에 불리합니다. 🤖
각 페이지의 SEO를 최적화하기 위해 metadata 객체를 사용하여 페이지별 제목, 설명, 키워드 등의 정보를 정의해야 합니다. 🏷️
title은 브라우저 탭과 검색 결과에 표시되며, description은 검색 결과 스니펫에 나타나 클릭률에 큰 영향을 미치므로 상세하게 작성해야 합니다. ✍️
keywords는 검색 엔진 크롤러가 페이지 내용을 이해하고 관련 검색어에 노출되도록 돕는 중요한 요소입니다. 🔑
Open Graph 설정을 통해 Facebook, LinkedIn 등 소셜 미디어 플랫폼에서 URL 공유 시 표시되는 미리보기(제목, 설명, 이미지 등)를 사용자 정의할 수 있습니다. 🌐
Twitter 카드 설정을 통해 Twitter에서 URL 공유 시 표시되는 카드(제목, 설명, 이미지, 작성자 태그 등)를 세밀하게 제어할 수 있습니다. 🐦
robots 설정을 통해 검색 엔진 봇의 페이지 색인(index), 링크 팔로우(follow), 캐싱(no cache) 여부를 제어하고, Googlebot과 같은 특정 봇에 대한 세부 동작(최대 스니펫 길이, 이미지 미리보기 크기 등)을 지정할 수 있습니다. ⚙️
모든 라우트(페이지)에 개별적인 metadata 객체를 적용하는 것이 중요하며, 이는 검색 엔진 노출에 결정적인 영향을 미칩니다. ✅