피드로 돌아가기
Dev.toInfrastructure
원문 읽기
SEO 보존과 운영 효율을 고려한 WP-Shopify 통합 전략 3가지
Embedding a WordPress blog inside Shopify: 3 approaches I've actually shipped
AI 요약
Context
Shopify의 제한적인 블로그 기능으로 인해 WordPress의 강력한 CMS 생태계를 유지하면서도, 스토어프런트 내에서 일관된 사용자 경험을 제공해야 하는 기술적 요구사항 발생. 단순 iframe 도입 시 발생하는 SEO 인덱싱 누락 및 Core Web Vitals 저하 문제를 해결하기 위한 구조적 접근 필요.
Technical Solution
- Shopify Articles API를 활용해 WP 콘텐츠를 전량 이전하고 301 Redirect Map을 구축하는 Migration 방식 설계
- Cloudflare Worker를 Apex Domain 앞단에 배치하여 /blog 경로의 요청만 WP Origin으로 라우팅하는 Reverse Proxy 구조 구현
- Response Body 내의 Absolute URL을 스토어 도메인으로 치환하는 HTML Rewrite 로직을 통해 도메인 일관성 확보
- WP REST API의 /wp-json/wp/v2/posts 엔드포인트를 활용해 Shopify Liquid 섹션에서 콘텐츠를 동적으로 렌더링하는 Feed 패턴 적용
- SEO 최적화를 위해 각 방식별 Canonical URL 설정 및 인덱싱 전략을 차등 적용하여 검색 엔진의 중복 콘텐츠 판정 방지
실천 포인트
- 유입 트래픽의 핵심이 블로그인 경우 SEO 리스크 최소화를 위해 Reverse Proxy 방식 우선 검토 - 콘텐츠 규모가 200개 미만이며 운영 단일화를 원할 경우 Shopify Articles API를 통한 Migration 수행 - 메인 페이지나 상품 페이지 내 부분적인 콘텐츠 노출이 목적이라면 REST API 기반의 Embed 방식 채택 - Migration 시 내부 앵커 링크의 301 Hop 누적을 방지하기 위해 데이터 임포트 단계에서 링크 리라이팅 수행