정적 사이트라고 해서 SEO 구성이 단순한 건 아닙니다. 오히려 빌드 시점에 데이터를 다 알고 있으니 더 깔끔하게 정리할 수 있습니다.
이번에는 페이지 메타데이터와 구조화 데이터를 공통 유틸로 모아 중복을 줄였습니다.
체크한 항목
- 페이지별 title과 description
- Open Graph 이미지와 canonical
sitemap.xml,robots.txt
콘텐츠 파이프라인
metadata, open graph, JSON-LD, sitemap, robots를 한 번에 정리해 검색 엔진과 공유 미리보기를 대비했습니다.
정적 사이트라고 해서 SEO 구성이 단순한 건 아닙니다. 오히려 빌드 시점에 데이터를 다 알고 있으니 더 깔끔하게 정리할 수 있습니다.
이번에는 페이지 메타데이터와 구조화 데이터를 공통 유틸로 모아 중복을 줄였습니다.
sitemap.xml, robots.txtMore Posts
문서 구조 개선
코드 블록, 본문, 메타 정보의 간격을 다시 조정하면서 개발자용 블로그 페이지를 조금 더 차분하고 읽기 쉽게 다듬었습니다.
문서 구조 개선
본문은 크게 유지하고, h2와 h3의 대비를 분명하게 잡아 긴 글에서도 정보 흐름이 자연스럽게 이어지도록 구성했습니다.
콘텐츠 파이프라인
파일 기반 콘텐츠를 읽어 빌드 시점에 정리하고, 상세 페이지와 태그 페이지까지 한 흐름으로 이어지게 만들었습니다.
미디엄 스타일 분석
스크린샷의 인상을 유지하려면 카드보다 텍스트와 이미지가 나란히 놓인 세로 리스트가 더 적절했습니다.
콘텐츠 파이프라인
태그를 너무 잘게 쪼개지 않고도 관련 글을 묶어 보여주기 위해 최소한의 규칙만 정리했습니다.
미디엄 스타일 분석
관련된 글을 시간순만으로 찾기 어렵기 때문에, 시리즈 단위 진입점을 별도 페이지로 구성했습니다.