shape

블로그 개발 및
검색엔진 최적화

프로젝트 설명

코드스테이츠 공식 블로그 제작 프로젝트.
기존에 운영되던 Wordpress 블로그의 데이터를 api로 가져와 연결

기술 스택

  • React.js
  • typescript
  • Next.js
  • Styled-components

참여인원

5명 (PM 1, PD 1, FE 1, 마케터 2)

기간

2022.07 ~ 2022.09

관련 링크

코드스테이츠 블로그

상세 내용

  1. Wordpress API 이용하여 홈페이지 내부에 블로그 구축
    • Wordpress API의 over fetch 문제를 해결하기 위해, 플러그인은 이용해 GraphQL 방식으로 통신
    • 기존 wordpress blog 주소 redirection 설정. 정규표현식을 이용하여 하위 경로 분석, 대응되는 페이지로 이동
  2. 검색엔진 최적화 개선 작업
    • Server Side Rendering 방식으로 구현 및 각 콘텐츠마다 Slug Url 부여
    • non-www 리다이렉션, Sitemap.xml 동적 생성, Meta data 관리, Heading tag 구조 관리, alt text 입력, 페이지 이동시 a 태그 사용 등 작업
    • 8개월 간 자연 유입 트래픽 25.6% 증가, 경쟁사 트래픽 추월