요청서 보내기

룰북

모든 사이트 뒤의 룰북

운 좋게 맞아떨어진 프롬프트가 아니라 2030년의 웹사이트로 만드는 건 바로 이거예요. 팀은 글로 정리된 플레이북으로 일해요. 출처가 있는 규칙, 모든 페이지에서 도는 점검, 아무도 건너뛸 수 없는 관문.

Vera룰북에 없으면 공개하지 않아요. 있으면 점검해요.

매번 제작할 때 점검하는 아홉 영역

영역을 고르면 플레이북의 실제 규칙을 볼 수 있어요. 모든 규칙에 출처가 있어요.

속도

Core Web Vitals, 이미지와 폰트 로딩, 용량 예산.

규칙 11개자동 점검 10개

담당
Dot
점검
Nit
승인
Vera

플레이북에서

  • Hero image loads first필수 수정web.dev
  • Reserve space for media필수 수정web.dev
  • Core Web Vitals targetsweb.dev · Google Search Central
  • Lazy-load only below the foldweb.dev

AI 검색

AI 어시스턴트가 여러분을 찾고, 읽고, 정보를 정확히 전하도록.

규칙 7개자동 점검 3개

담당
Index
점검
Nit
승인
Vera

플레이북에서

  • AI features need normal SEO, not tricks필수 수정Google Search Central
  • Let AI search crawlers in필수 수정OpenAI (owner of the crawlers) · Google Search Central
  • One consistent identity (name, address, phone)필수 수정Google Business Profile Help · Microsoft Bing (owner of the system) · Google Search Central
  • Real people, never invented ones필수 수정Google Search Central · Nielsen Norman Group

접근성

WCAG 규칙: 대체 텍스트, 제목 구조, 대비, 양식, 키보드 사용.

규칙 18개자동 점검 18개

담당
Dot
점검
Nit
승인
Vera

플레이북에서

  • Text alternatives (1.1.1)필수 수정W3C
  • Landmarks and headings (1.3.1)필수 수정W3C
  • Language of page (3.1.1)필수 수정W3C
  • Identify input purpose (1.3.5)필수 수정W3C · MDN

전환

분명한 다음 단계, 탭해서 거는 전화번호, 짧은 양식, 정직한 신뢰 요소.

규칙 18개자동 점검 14개

담당
Dot
점검
Nit
승인
Vera

플레이북에서

  • One primary conversion, repeated필수 수정Unbounce · Google Ads Help
  • What, where, next step: first screen필수 수정Nielsen Norman Group · Google Ads Help · Unbounce
  • Phone visible and tappable필수 수정Nielsen Norman Group · Google Ads Help
  • Short forms필수 수정Nielsen Norman Group · Baymard Institute

디자인

읽기 쉬운 글꼴, 분명한 위계, 짧은 메뉴, 숨 쉴 여백.

규칙 8개자동 점검 5개

담당
Dot
점검
Nit
승인
Vera

플레이북에서

  • Short, whole-word menu labels필수 수정Nielsen Norman Group
  • Readable line lengthweb.dev
  • Fluid type with a floorweb.dev
  • Few sizes, clear hierarchyNielsen Norman Group

보안

HTTPS, 보안 헤더, 위험한 외부 코드 없음.

규칙 9개자동 점검 4개

담당
Zip
점검
Nit
승인
Vera

플레이북에서

  • HTTPS with HSTS필수 수정MDN · Google Search Central
  • X-Content-Type-Options: nosniff필수 수정MDN
  • Clickjacking protection필수 수정MDN
  • Third-party code: none, or pinned필수 수정MDN · web.dev

개인정보

지역별 개인정보 안내와 동의 규칙, 어떤 추적보다도 먼저.

규칙 9개자동 점검 5개

담당
Dot
점검
Nit
승인
Vera

플레이북에서

  • Privacy notice whenever we collect data필수 수정California Attorney General · Office of the Privacy Commissioner of Canada · Commission d'accès à l'information du Québec
  • EU/EEA: opt-in before non-essential tags필수 수정European Data Protection Board · Google Tag Platform · Google Tag Manager Help
  • UK: PECR as amended (DUAA) and ICO 2026 guidance필수 수정ICO (UK)
  • Brazil: LGPD cookie guidance (ANPD)필수 수정ANPD (Brazil)

랜딩 페이지

랜딩 페이지 유형별 설계도: 첫 화면에 들어갈 것, 양식, 광고와의 메시지 일치.

설계도 12개자동 점검 11개

담당
Pilar
점검
Nit
승인
Vera

플레이북에서

  • Paid-search (PPC) lead generationUnbounce · Google Ads Help · Google Ads Policy Help
  • Local service quote requestNielsen Norman Group · Baymard Institute · Unbounce
  • Booking / appointmentUnbounce · Nielsen Norman Group · web.dev
  • Event / registration (in person)Google Search Central · Federal Trade Commission

규칙 제목은 플레이북에 적힌 그대로 영어로 표시해요.

사이트가 점검을 통과하는 과정

  1. Lockbox가 요청서를 검토해요. 위험하거나 불법인 요청은 여기서 멈춰요.

  2. Sleuth가 조사해요. 여러분이 확인한 정보만 다음으로 넘어가요.

  3. Vera가 목표를 정해요. Pilar가 페이지 유형에 맞는 설계도로 기획해요.

  4. 누군가 만들기 전에 Vera가 계획을 검토해요.

  5. 팀이 영역별 규칙에 따라 페이지를 만들어요.

  6. Nit이 자동 점검과 자체 검토를 실행해요. 필수 수정 문제는 Dot에게 돌아가 고쳐져요.

  7. 체크리스트에 따른 Vera의 최종 검토.

  8. Zip이 미리보기를 준비해요. 직접 보고, 마음에 들 때만 결제하세요.

Scout가 조사했어요. 모든 규칙에 출처와 마지막 확인 날짜가 있어요(가장 최근: 2026년 10월 24일). 매주 월요일, Scout는 가장 자주 바뀌는 규칙을 출처와 다시 대조하고 업데이트를 제안하도록 예약되어 있어요. 사람이 검토하기 전에는 아무것도 바뀌지 않아요.

비즈니스만 가져오세요. 나머지는 팀이 챙겨요.

가게 이름을 주세요. 팀을 드릴게요.

요청서 시작하기