검색되지 않는 포트폴리오는 존재하지 않는 것과 같습니다: 퍼스널 브랜딩을 위한 SEO 최적화 전략

훌륭한 프로젝트 경험과 기술력을 보유하고 있더라도, 이를 필요로 하는 사람들에게 도달하지 못한다면 그 가치는 온전히 전달되기 어렵습니다.
이번 포트폴리오 업데이트에서는 단순히 사이트의 기능을 개선하는 것을 넘어, '검색 엔진 최적화(SEO)'를 통해 퍼스널 브랜딩의 도달률(Reach)을 높이는 작업을 중점적으로 진행했습니다.

본 포스팅에서는 React 기반의 SPA(Single Page Application) 포트폴리오 사이트에 SEO를 적용하여 검색 가능성(Discoverability)을 확보한 기술적인 과정과 그 의의를 공유하고자 합니다.

1. 검색 엔진 최적화 (SEO): Meta Tag & Open Graph 설정

검색 엔진과 SNS 플랫폼이 웹사이트의 콘텐츠를 명확히 이해할 수 있도록 메타 데이터를 구조화했습니다. 'React App'이라는 기본 타이틀을 벗어나, 저라는 브랜드의 정체성을 명확히 정의하였습니다.

• Identity 정의 (Title & Description):
  • <title>Yongrak Park | AI Product Builder & K-Beauty Strategist</title>
  • 브라우저 탭과 검색 결과의 헤드라인에 AI Product Builder, K-Beauty 등 핵심 도메인 키워드를 배치하여 검색 적합성을 높였습니다.
  • Description 태그에는 "RAG, FastAPI 기술을 활용해 ROI를 극대화하는 실행형 전략가"라는 구체적인 Value Proposition을 기재하여, 검색 사용자에게 명확한 정보를 제공하도록 설정했습니다.
• SNS 공유 최적화 (Open Graph Protocol):
  • 링크드인이나 카카오톡 등 외부 플랫폼 공유 시, 기본 썸네일 대신 프로필 이미지와 핵심 요약이 카드 형태로 출력되도록 og:image, og:title 태그를 최적화했습니다. 이는 클릭률(CTR) 향상에 기여할 것으로 기대됩니다.

2. 크롤링 접근성 향상: Robots.txt & Sitemap 설정

SPA(Single Page Application) 구조의 특성상 발생할 수 있는 크롤링 문제를 예방하고, 검색 로봇이 사이트 구조를 원활하게 파악할 수 있도록 가이드를 제공했습니다.

• Sitemap.xml: 메인 페이지(/)뿐만 아니라 /about, /project, /resume 등 주요 페이지의 URL 구조를 담은 사이트맵을 생성하여 검색 엔진의 인덱싱 효율을 높였습니다.
• Robots.txt: 모든 검색 로봇의 접근을 허용(Allow: /)하고, 사이트맵의 위치를 명시하여 봇이 사이트를 효과적으로 탐색할 수 있도록 설정했습니다.

3. 데이터 가독성 및 접근성 개선: PDF to HTML Resume 변환

기존의 react-pdf 기반 뷰어는 이력서를 Canvas/Image 형태로 렌더링하여, 검색 엔진이 텍스트 내용을 인덱싱할 수 없는 한계가 있었습니다. 이를 해결하기 위해 이력서 페이지를 전면 리팩토링했습니다.

• Semantic HTML 구현: 이력서의 모든 콘텐츠를 시멘틱 마크업으로 재구성하여, 구글 봇이 "FastAPI", "Customer Retention" 등의 핵심 역량 키워드를 수집하고 인덱싱할 수 있도록 개선했습니다.
• UX 및 사용성 개선: 방문자가 이력서 내용을 직접 드래그하여 복사할 수 있도록 변경함으로써, 채용 담당자나 방문자가 정보를 보다 쉽게 활용할 수 있도록 사용성을 강화했습니다.
• UI 디자인: A4 용지 규격의 레이아웃과 타이포그래피 스타일링을 적용하여, 전문적인 문서의 느낌을 주면서도 웹에서의 가독성을 확보했습니다.

4. 정보 구조(IA) 개편: 프로젝트 카테고리화

검색 유입뿐만 아니라, 방문자가 사이트 내에서 정보를 습득하는 과정(User Journey) 또한 최적화했습니다.
모호했던 프로젝트 나열 방식을 **'Team Projects(협업 역량)'**와 **'Personal Projects(도메인 전문성)'**로 명확히 분리하여, 방문자가 저의 강점을 직관적으로 파악할 수 있도록 정보 구조를 개편했습니다.

---

마치며: 데이터 기반의 퍼스널 브랜딩

이번 작업은 단순한 코드 수정을 넘어, **'나라는 프로덕트를 시장에 효과적으로 노출시키기 위한 마케팅 전략'**의 일환입니다.
퍼스널 브랜딩의 핵심은 **Discoverability(발견 가능성)**에 있습니다. 기술적인 SEO 최적화를 통해, 저의 경험과 역량이 새로운 기회와 연결될 수 있는 탄탄한 기반을 마련하였다고 생각합니다.

"검색할 수 없는 것은 존재하지 않는 것과 같습니다."