Webflow 런칭: 승인된 빌드 → 라이브 사이트 → 첫 30일

webflow-build 스킬의 빌드 인계가 끝나는 지점에서 시작합니다: 모든 페이지가 스테이징에서 완료되고 디자인에 대해 승인된 상태입니다. webflow-build의 기본 규칙은 여전히 적용됩니다(명시적인 승인 없이 커밋, 푸시, 커스텀 도메인 퍼블리시, 릴리스 또는 DNS 변경 금지; 채팅에 자격 증명 입력 금지).

태그: [Claude] Claude가 수행 · [Claude checks] Claude가 확인하고 보고 · [Person] 사람이 수행; Claude는 추적할 수 있지만 절대 수행하지 않습니다. 명령어는 webflow-build 체크 스크립트(pnpm wf:*, 저장소에서; --live를 추가하여 방문자가 보는 내용 확인)입니다. 목록에 다른 스킬(webflow-performance-optimizer, asset-audit, safe-publish)이 언급된 경우, 세션에 해당 스킬이 있으면 사용하고, 그렇지 않으면 수동으로 확인하고 그렇게 말합니다.

실행 방법:

각 항목을 완료할 때마다 pnpm progress tick "<checklist>" "<item start>" 로 기록합니다(pnpm wf:* 스크립트가 결정한 경우 --by check 사용). webflow-build › checklists.md › 진행 상황 기록 방법 참조. Bench의 Tasks 패널에 동일한 목록이 표시됩니다; pnpm progress show로 출력하며, 사람이 직접 해야 할 할 일도 포함됩니다.
위에서 아래로 작업하며, 각 섹션 결과를 다음 섹션으로 넘어가기 전에 보고합니다.
실패한 항목은 알려진 이슈 목록에 "런칭 전 수정" 또는 "런칭 후 수정"으로 기록하고 담당자를 지정합니다.
webflow-build 체크 스크립트는 라이브 도메인에서도 작동합니다: --live를 전달하고, 확인 시 stagingUrl을 도메인으로 지정합니다.

SEO 계획 (검토 중, 런칭 전 QA 이전)

SEO는 마지막에만 확인하는 것이 아니라 계획되고 구축됩니다. 계획은 저장소의 docs/handoff/SEO-PLAN.md에 있습니다(템플릿에 스텁이 있음): 오늘 스테이징이 출력하는 내용, 단계, 페이지별 스키마 및 클라이언트에게 필요한 사항.

[Claude] 모든 페이지와 템플릿 인벤토리: 제목과 설명(길이 포함), Open Graph 필드 및 이미지, noindex, JSON-LD. 페이지 설정이 아닌 퍼블리시된 HTML(pnpm wf:seo)을 읽습니다.
[Claude] 누락되거나 부족한 제목 및 설명 초안 작성; [Person] 승인; [Claude] 페이지 설정에 작성 (템플릿은 Meta Title 및 Meta Description 필드를 바인딩합니다).
[Claude] Open Graph "SEO와 동일"을 모든 곳에 적용; [Person] 기본 1200×630 공유 이미지 승인; 템플릿은 이미지 필드를 바인딩합니다.
[Claude] Webflow가 작성하지 않는 사이트 전체 태그(og:site_name, og:locale)는 loader.html의 head 스니펫에 추가: 다시 붙여넣고 퍼블리시한 후 pnpm wf:install 실행.
[Claude] 저장소에 JSON-LD 파일로 스키마, 페이지당 하나씩 (docs/seo/schema/<page>.jsonld) 및 CMS 템플릿용 docs/seo/schema/templates.md ({Field} 바인딩 포함). 각 항목은 프로덕션 도메인의 @id로 하나의 Organization을 참조합니다. 파일이 진실의 원천이며; 페이지의 head 코드(또는 커넥터가 있는 경우 pages 도구를 통한 jsonLdSchema)는 복사본입니다. 한 줄 필드만 바인딩: 따옴표나 줄 바꿈은 JSON을 깨뜨리고, 아포스트로피는 '가 됩니다.
[Claude] 제목 계획: 모든 페이지와 템플릿에서 pnpm wf:outline 실행, headings.md와 대조. 태그 수정은 빌드에 적용; [Person] H1 또는 H2 문구 변경 승인(사본에 해당).
[Claude] 사이트가 이전 사이트를 대체할 경우 리디렉션 맵: pnpm wf:redirects map (이전 사이트는 liveUrl에서, 또는 --from 사용) 은 Webflow 가져오기 형식으로 docs/seo/redirects.csv를 작성; "확인 필요"로 출력된 모든 행을 확인하고 파일에서 편집. [Person] 맵 승인 및 사이트의 기존 301 리디렉션이 있으면 내보내기 (가져오기는 모두 대체함; --existing으로 재실행).
[Claude checks] 사이트맵의 모든 페이지가 스테이징에서 제목, 설명, canonical 및 하나의 H1을 가짐 (pnpm wf:seo).
[Claude checks] 중복 제목 또는 설명 없음, 실제 404 페이지 존재; 긴 제목과 짧은 설명은 수정 또는 허용; 스키마가 없는 페이지는 seo.noSchemaOk에 포함. 그런 다음 각 유형의 페이지 하나씩에 대해 Google의 리치 결과 테스트 실행.
[Person] 공식 이름, 주소, 전화, 영업 시간, 소셜 프로필 및 프로덕션 도메인(www 또는 apex) 제공.

런칭 전 QA

콘텐츠

[Claude checks] 플레이스홀더 텍스트 또는 # 링크 없음 (pnpm wf:links, lorem ipsum도 플래그 지정); 대체 이미지는 알려진 이슈와 대조 확인.
[Person] 모든 페이지 교정.
[Claude checks] 퍼블리시된 HTML에 data-manual-todo 마커 없음 (모든 수동 단계 완료); docs/handoff/REVIEW.md › 런칭 전 모두 체크.
[Claude checks] 연락처 데이터: 전화는 tel: 링크, 주소, 이메일, 영업 시간; [Person] 정확성 확인.
[Claude checks] 법적 페이지가 존재하고 바닥글에 링크됨; 저작권 연도 및 소셜 링크.

기능

[Person] 모든 양식을 한 번씩 제출: 올바른 받은 편지함 또는 CRM에 도착, 확인 메시지 표시, 자동 회신 발송. (Claude는 스팸 보호를 통과할 수 없고, 헤드리스 브라우저는 차단됨.)
[Claude checks] 모든 링크와 버튼 작동 (pnpm wf:links --external; 외부 실패는 수동으로 확인, 일부 사이트는 봇 차단).
[Claude checks] 404 페이지, 로딩, 빈 상태, 성공 및 오류 상태.
[Claude checks] 검색, 필터, 정렬 및 페이지 매김(있는 경우).
[Person] 결제: 테스트 구매 및 환불(있는 경우).

기기, 접근성, 속도

[Person] 실제 기기: iPhone Safari, Android Chrome; 데스크톱 Chrome, Safari, Firefox, Edge.
[Claude checks] 모든 페이지 템플릿에서 pnpm wf:overflow: 어떤 콘텐츠도 오른쪽 가장자리를 벗어나거나 가로 스크롤이 발생하지 않음, 2560부터 360까지 모든 너비에서 (중단점 사이의 노트북 너비 포함).
[Claude checks] 모든 페이지의 모든 너비에서 심각하거나 치명적인 접근성 오류 없음 (pnpm wf:a11y --all-widths). 목표: WCAG 2.2 AA.
[Claude] 모든 페이지의 키보드 전용 탐색: 포커스 표시, 순서, 메뉴, 대화상자, Escape.
[Person] 스크린 리더 스팟 점검.
[Claude checks] 휴대폰 프로필에서 성능: CLS < 0.1, INP < 200ms, LCP < 2.5s 목표 (webflow-performance-optimizer); 디자인이 절충한 사항을 기록.

SEO 및 추적

[Claude checks] 사이트맵의 모든 페이지가 제목, 설명, canonical 및 하나의 H1을 가짐 (pnpm wf:seo).
[Claude checks] 모든 페이지에서 HTML 엔티티 없이 파싱되는 OG 태그 및 JSON-LD, 그리고 seo.noindexOk의 페이지만 noindex: 나머지 SEO 보고서. 대체 텍스트(asset-audit), 파비콘, SEO-PLAN.md에서 계획된 스키마.
[Claude checks] Canonical이 라이브 도메인을 가리킴 (도메인 연결 후: 구성의 liveUrl, 그 다음 pnpm wf:seo --live --canonical).
[Claude checks] 태그가 도메인에 적용되면 pnpm wf:tracking --live (먼저 스테이징에서 로드되는 경우): 어떤 태그가 어떤 페이지에서 로드되는지, 페이지 뷰가 두 번 계산되지 않는지, 쿠키 선택 전 또는 거부 후에 아무것도 추적하지 않는지, gclid 및 UTM이 호스트 리디렉션을 통해 유지되는지. 데이터를 보내는 모든 요청은 차단되므로 이 확인은 클라이언트 보고서에 아무것도 추가하지 않습니다. 계정이 아무것도 수신했는지 여부는 알 수 없습니다.
[Person] GA4 및 전환이 도착하는지 확인 (실시간 보고서), 라이브 사이트에서 쿠키를 수락한 후.

런칭일

[Person] 콘텐츠 프리즈 동의; 클라이언트의 라이브 전환 승인 및 날짜.
[Person] DNS: 하루 전에 TTL 낮춤; 이메일 레코드(MX, SPF, DKIM) 유지. Claude는 DNS 또는 등록기관 설정을 변경하지 않습니다.
[Claude] 명시적인 승인 후: 라이브 도메인에 퍼블리시 (safe-publish 사용 가능: 변경 사항 표시, 확인, 퍼블리시); 저장소 릴리스 생성 및 head 스니펫에 RELEASE 설정 (README › 릴리스).
[Claude checks] pnpm wf:domain: 인증서가 신뢰할 수 있고 만료가 임박하지 않으며, http 및 다른 www 호스트가 liveUrl 호스트로 영구 리디렉션되고, 도메인이 45일 이내에 만료되지 않음.
[Claude checks] pnpm wf:install --live: 퍼블리시된 스니펫이 loader.html(새 RELEASE 포함)과 일치하고, 하나의 viewport meta 태그, localhost에 대한 요청 없음.
[Claude checks] pnpm wf:seo --live --canonical: seo.noindexOk 외부에 남은 noindex 없음, 모든 canonical이 라이브 도메인에 있음.
[Claude] noindex 및 스테이징 비밀번호 제거; robots.txt가 인덱싱을 허용.
[Claude] 라이브 사이트의 시각적 기준선 저장 (pnpm wf:baseline save --live, pages의 모든 페이지) 및 커밋.
[Claude] 301 리디렉션 적용: [Person] docs/seo/redirects.csv 가져오기 (사이트 설정 › 퍼블리싱 › 301 리디렉션 › 가져오기) 및 퍼블리시; [Claude checks] pnpm wf:redirects test --live: 모든 행이 한 번의 영구 점프로 해당 페이지에 도달.
[Claude checks] sitemap.xml이 존재함 (사이트 설정 › SEO › 자동 생성 사이트맵) 그리고 /design/style-guide 또는 /design/media를 나열하지 않음: 사이트 요금제가 적용되면 사이트맵 도구를 통해 둘 다 제외 (그 전에는 403 응답).
[Person] Search Console에 sitemap.xml 제출.
[Person] 라이브 사이트에서 양식을 제출하고 분석에서 방문 확인.

클라이언트 인계 (라이브 전환 승인됨)

모두 [Person], Claude는 문서를 준비할 수 있습니다:

라이브 사이트; 소유권 이전 (Webflow 사이트, 호스팅 청구, 도메인, 디자인 파일, 폰트 및 이미지 라이선스). [Claude] 이전할 항목 목록: 등록기관, DNS 호스트 및 갱신 날짜 (pnpm wf:domain), ID가 있는 태그 및 페이지가 로드하는 타사 서비스 (pnpm wf:tracking --live).
CMS 교육 (녹화) 및 교육 노트 ([Claude]가 CMS 노트에서 초안 작성).
분석, Tag Manager 및 Search Console 액세스.
자격 증명 반환; 에이전시 액세스 제거 또는 지원 계약에 따라 유지.
지원 조건 및 첫 번째 개선 로드맵.

런칭 후 (첫 30일)

[Claude checks] 1~3일: 404 및 리디렉션 체인 크롤 (pnpm wf:links --live --external); [Person] Search Console 적용 범위 확인 및 "찾을 수 없음(404)" URL 내보내기; [Claude checks] pnpm wf:redirects test --live --file <export> 및 실패한 항목에 대해 맵에 행 추가.
[Person] 1주차: 리드 도착, 분석 숫자 정상.
[Person] 2~4주차: 기준선 대비 인덱싱 및 트래픽.
[Claude] 알려진 이슈 목록의 런칭 후 항목 수정.
[Person] 30일 점검, 회고, 사용후기 또는 사례 연구.
[Claude checks] 점검 시 pnpm wf:domain (및 이후 지원 방문 시): 다가오는 갱신은 해당 비용을 지불하는 사람에게 전달.
[Claude] 이후 모든 릴리스 전: 스테이징에 퍼블리시한 후 pnpm wf:baseline compare --live 실행; 모든 변경 사항이 예상되거나 수정됨.
[Claude] 프로젝트의 새 template-candidate GOTCHAS를 템플릿에 제공 (webflow-build › rules.md › 기여하기); 템플릿은 pnpm harvest로 수집.

Webflow 런칭: 완성된 빌드 → 라이브 사이트 → 첫 30일