[Next.js] Metadata API 사용해 SEO 최적화하기
포트폴리오 페이지인 /는 색인이 잘 되었지만, 정작 중요한 /devlog 부분이 전혀 색인되지 않았다. 발견한 주요 문제점들은 다음과 같다. 메타데이터 부족: title, description 등 기본 SEO 태그가 누락되어 있었음 사이트맵 문제: 사이트맵은 있는데 검색 엔진이 페이지를 제대로 발견하지 못 함 구조화된 데이터 부족: 리치 스니펫이...
5 Posts found
포트폴리오 페이지인 /는 색인이 잘 되었지만, 정작 중요한 /devlog 부분이 전혀 색인되지 않았다. 발견한 주요 문제점들은 다음과 같다. 메타데이터 부족: title, description 등 기본 SEO 태그가 누락되어 있었음 사이트맵 문제: 사이트맵은 있는데 검색 엔진이 페이지를 제대로 발견하지 못 함 구조화된 데이터 부족: 리치 스니펫이...
Next.js 13의 App Router를 활용해 동적 RSS 피드를 구현한 과정이다. RSS Really Simple Syndication 는 웹사이트의 콘텐츠를 구조화된 형식으로 제공하는 표준이다. 독자들은 RSS 리더를 통해 여러 사이트의 새 글을 한 곳에서 확인할 수 있고, 개발자에게는 콘텐츠 배포를 자동화할 수 있는 수단이 된다. 먼저 RSS...

Google 검색엔진에서 내 블로그가 제대로 색인되지 않는 문제를 발견했다. 포트폴리오 페이지인 /는 색인이 잘 되었지만,/devlog 부분이 색인되지 않았다. 이를 해결하기 위해 다음과 같은 단계별 접근을 시도했다. 기본 SEO 설정 점검 먼저, 가장 기본적인 SEO 요소들을 점검했다. App Router의 특성을 활용해 레이아웃과 페이지 구조를...

Giscus 댓글 기능을 사용하고 있었는데 예상치 못한 문제가 발생했다. Github Discussions에 남아있는 이전 댓글들 변경된 URL로 인한 404 오류 게시글 제목을 수정했더니 URL이 변경되면서 기존 댓글들과의 연결이 끊어진 것이었다. Giscus는 페이지의 URL을 기준으로 댓글을 매핑하는데, 게시글 URL이 제목을 기반으로 생성되다...
![[Next.js] 사이트맵 자동 생성하기](https://nullisdefined.s3.ap-northeast-2.amazonaws.com/images/c9870b4f6ce1b0451761374cd9403ea1.png)
블로그를 개발하면서 SEO 검색 엔진 최적화 는 필수로 챙겨야 할 요소라고 생각했다. 또 블로그에 새로운 페이지가 업데이트될 때마다 Google이나 다른 검색 엔진에서 어떤 과정을 거치게 될까 궁금해 찾아보다 사이트맵이라는 개념을 알게 되었다. 이 글에서는 next-sitemap 라이브러리를 사용해서 사이트맵을 생성하고, Google Search...