SPACESJ AI 업무 레이어
홈 / 솔루션 / 웹 · 콘텐츠 플랫폼
S/05 · Web & Content Platform

웹 · 콘텐츠 플랫폼

이제 방문자의 상당수는 사람이 아니라 AI 크롤러입니다. 읽히지 않는 사이트는 존재하지 않는 사이트입니다.

한 줄 요약

사람이 아니라 AI 검색엔진이 먼저 읽는다는 전제로 만드는 전문분야 사이트.

표준 기간
2주 + 2주 + 2주 + 3주 + 2주

이 솔루션이 해결하는 문제

Pain 01

검색에 안 잡힘

CSR 전용 사이트라 크롤러가 본문을 읽지 못하고, 구조화 데이터가 없어 인용되지 않습니다.

Pain 02

수정할 때마다 개발 요청

레퍼런스 한 건 올리려고 외주사에 메일을 씁니다.

Pain 03

느리고 접근성 미달

모바일 LCP가 4초를 넘고, 공공 입찰 시 접근성 항목에서 감점됩니다.

접근 방식

  1. 01렌더링 전략주요 페이지는 SSG/SSR로 제공합니다. CSR-only는 채택하지 않습니다.
  2. 02구조화 · 기계 판독Schema.org, llms.txt, 질문형 H2 + 즉답 문단으로 AI 인용 단위를 만듭니다.
  3. 03콘텐츠 자립Headless CMS로 레퍼런스·인사이트·채용을 담당자가 직접 등록합니다.
  4. 04성능 · 접근성 예산LCP 2.5s / INP 200ms / CLS 0.1을 릴리스 기준으로 고정하고, KWCAG 항목을 점검합니다.

산출물 명세

웹 · 콘텐츠 플랫폼 산출물
반응형 사이트PC / 태블릿 / 모바일, 국문 + 영문
Headless CMS콘텐츠 타입 설계, 권한, 미리보기
SEO · AEO 세팅메타·OG·canonical·sitemap·hreflang·Schema.org·llms.txt
분석 · 전환 설계GA4 + 서버사이드 이벤트, 전환 6종 정의
법정 고지 · 접근성개인정보처리방침, 이용약관, 동의 분리, KWCAG 점검표

진행 단계

단계기간내용
전략 · IA2주페르소나, 사이트맵, 메시지 확정
콘텐츠2주원고 작성 — 실질 크리티컬 패스
디자인2주디자인 시스템, 메인·서브 시안
개발3주퍼블리싱, CMS 연동, 다국어
QA · 오픈2주성능·접근성·SEO 점검, 배포
기술 스택
Next.js (App Router) TypeScript Tailwind CSS + 디자인 토큰 Headless CMS (Strapi / Payload / Sanity) next-intl Vercel 또는 AWS(CloudFront·S3·ECS) GA4 + 서버사이드 태깅
적용 사례
SpaceSJ Lab — 자사 공식 홈페이지

업력 10개월의 개인사업자가 B2B 고관여 재화를 파는 신뢰 격차를, 사이트 하나로 메워야 했습니다.

2클릭모든 전환 지점까지 최대 깊이
케이스 스터디 →
Living Demo

기계 판독 체크 — 이 사이트 기준

이 페이지에 실제로 적용된 항목입니다. 브라우저 소스 보기로 확인할 수 있습니다.

항목적용확인 방법
렌더링정적 생성(SSG) — JS 없이 본문 노출JS를 끄고 새로고침
구조화 데이터Organization · LocalBusiness · Service · FAQPage · Article · BreadcrumbList페이지 소스의 ld+json
기계 인덱스llms.txt · sitemap.xml · robots.txt/llms.txt
AEO 구조질문형 H2 + 직후 즉답 문단인사이트·FAQ 소제목
접근성대체텍스트 · 키보드 접근 · 포커스 표시 · 본문 바로가기Tab 키로 순회
성능 예산LCP ≤ 2.5s / INP ≤ 200ms / CLS ≤ 0.1릴리스 게이트로 고정
FAQ

자주 받는 질문

AEO(답변엔진 최적화)는 기존 SEO와 무엇이 다른가요?

SEO는 검색결과에서 클릭을 얻는 경쟁이고, AEO는 AI가 만든 답변 안에 정확히 인용되게 만드는 일입니다. 질문형 소제목과 그 직후의 2~3문장 즉답이 인용 단위가 됩니다.

llms.txt는 꼭 필요한가요?

공식 표준은 아니며 검색 순위에 직접 반영되지도 않습니다. 다만 제작 비용이 사실상 없고 AI 인용 가능성을 높이는 간접 효과가 있어 저비용·저리스크 항목으로 권장합니다.

콘텐츠를 우리가 직접 올릴 수 있나요?

예. 레퍼런스·인사이트·채용 공고는 CMS에서 직접 등록·수정하고 미리보기로 확인한 뒤 발행합니다. 개발 배포 없이 반영됩니다.

다국어는 어떤 구조를 권하나요?

서브디렉터리(/en/)를 권합니다. 도메인 권위가 한 곳에 모이고 hreflang 처리가 단순합니다. 영문은 직역이 아니라 별도 카피라이팅으로 작성합니다.

웹 접근성은 어디까지 대응하나요?

대체텍스트, 키보드 접근, 명도대비, 포커스 표시 등 KWCAG 핵심 항목을 기준으로 개발 단계에서 점검합니다. 민간 사이트도 장애인차별금지법 적용 대상입니다.

성능 목표는 어떻게 보장되나요?

실사용자 데이터 75분위 기준으로 LCP 2.5초·INP 200ms·CLS 0.1을 릴리스 게이트로 두고, 미달 시 배포를 보류합니다.

웹 · 콘텐츠 플랫폼 — 진단부터 시작합니다

범위 확정 전에는 단가를 제시하지 않습니다. 30분 통화로 현재 흐름을 정리하고, 1주 내 아키텍처 초안과 단계별 견적 범위를 문서로 회신합니다.

상담 문의