접기 부분(above the fold)에 구매 결정을 보이게 하세요
구체적인 이름, 선택된 변형(variant), 현재 가격과 통화, 가용성, 짧은 가치 설명, 명확한 구매 컨트롤로 시작하세요. 사진이 기본 항목인지, 선택된 색상이나 사이즈를 나타내는지 쇼핑객이 추론하게 하지 마세요. 가격·가용성·리드타임이 변형에 따라 달라지면 즉시 업데이트하고 선택을 텍스트로 명확히 표기하세요.
첫 화면에 제품의 주요 구매 장애물을 답하세요: 의류의 경우 핏과 소재; 장비의 경우 호환성, 치수, 전원, 포함품. 규격, 세탁/관리, 보증, 반품은 예측 가능한 키보드 접근 가능 섹션에 둡니다.
가격과 구매 버튼 근처에 선택한 사이즈, 색상, 구성 또는 기간을 표시하세요. 제어가 조용히 실패하지 않도록 불가능한 조합을 설명하세요.
세일가, 멤버가격, 단위 가격, 정기결제 가격을 정확히 식별하세요. 멤버십 자격이나 수량과 같은 조건을 명시하세요.
미디어와 문구로 올바른 의문을 제거하세요
각 이미지나 비디오에 역할을 부여하세요: 크기, 소재, 핏, 포트, 포함 부품, 사용 맥락 또는 결정에 중요한 근접 촬영을 보여주기. 항목과 그것이 누구에게 적합한지, 소재의 한계를 명시하는 문구와 짝지으세요. 기능 목록이 호환성이나 관리 세부 정보를 대체하지 않습니다.
이미지가 나타내는 정보나 기능에 대한 텍스트 대체(alt)를 작성하세요. W3C는 장식적 이미지(빈 대체 가능)와 기능적 이미지 버튼(동작을 설명하는 대체 필요)을 구분합니다. 갤러리에서는 이미지를 구분하는 데 필요한 세부 정보를 전달하세요.
옵션이 외형이나 하드웨어를 바꿀 때 주요 미디어를 교체하고 라벨을 붙이세요. 액세서리가 포함되지 않았는데 포함된 것처럼 암시하지 마세요.
선택 지원을 위해 제품과 차별 속성을 설명하세요. 예: “녹색 울 코트, 앞모습.”
변형, 재고, 배송, 반품을 하나의 진실된 시스템으로 만드세요
변형(variant)은 구매 가능한 버전입니다(예: 사이즈, 색상, 소재, 구성). SKU, 가격, 가용성, 이미지, 이행 예상이 다를 수 있습니다. 사용 가능한 선택과 변경을 명확히 하세요. 선택된 조합이 불가할 때 제품군 전체에 대해 “재고 있음”이라고 주장하지 마세요.
귀사가 지원할 수 있는 배송 약속을 명시하세요: 처리 기간, 운송 서비스 또는 예상 도착일, 목적지 제한, 비용을 변경하는 제외 조건. 전체 반품 정책에 링크를 걸고 중요한 조건을 강조하세요. FTC는 미국 온라인 판매자가 명시적·암시적 배송 표현에 합리적 근거가 있어야 한다고 말합니다; 법률은 시장별로 다르므로 지역화된 주장에 대해 자격 있는 검토자를 두세요.
카탈로그 속성, 판매 가능한 재고, 가격 및 배송 적격성의 소유권을 매핑하세요. 재고 수정, 프로모션 종료, 지연, 운송사 제한에 대한 업데이트를 문서화하세요.
재고나 배송 계산이 불가능하면 오해를 부르는 약속을 하지 마세요. 명확한 대체 문구를 사용하거나 확인을 요청하거나 영향을 받는 오퍼를 일시적으로 제거하세요.
리뷰는 증거로, 장식으로 보여주지 마세요
평점, 리뷰 수, 전체 리뷰 집합으로 가는 경로를 눈에 띄게 보여줘 평가에 도움이 되게 하세요. 필터는 정확할 때만 허용하세요. 판매자가 선정·편집·보상한 리뷰를 독립적 증거로 표시하려면 필요한 공개를 하세요.
FTC의 Consumer Reviews and Testimonials Rule은 기만적·불공정한 리뷰 행위를 다룹니다. 담당자 지침은 맥락이 중요하며 안전지대가 아니라고 말합니다. 출처 및 표시 규칙을 지키고, 요구되는 경우 중요 관계를 공개하며, 인센티브·중재·억제·추천 캠페인은 법률 검토로 에스컬레이션하세요. 이는 교육적 지침이며 법적 조언이 아닙니다.
제품 리뷰는 해당 제품과 함께 유지하고 매장 리뷰와 구분하세요. 변형이 성능이나 핏을 바꾸면 그 맥락을 발견 가능하게 하세요.
긍정적 감정을 조건으로 하여 리뷰를 구매·작성·인센티브화하지 마세요. 의심스러운 리뷰를 조사하고 중재를 설명할 기록을 보존하세요.
보이는 사실이 신뢰할 수 있을 때만 구조화된 데이터를 추가하세요
구조화된 데이터(Structured data)는 기계가 읽을 수 있는 페이지 정보입니다. Google은 상인 목록을 포함해 Product 및 Offer 마크업으로 가격, 가용성, 배송, 반품을 문서화합니다. 마크업은 페이지를 더 풍부한 쇼핑 경험 대상에 만들 수 있지만, 노출은 Google 재량이며 마크업이 처리나 순위 결과를 보장하지 않습니다.
변형에 대해서는 Google이 ProductGroup 및 관련 Product 마크업을 문서화합니다. 마크업한 각 오퍼를 구매 가능한 선택과 URL에 맞추고, 보이는 페이지, 마크업, 머천트 피드를 정렬하세요. 배포 전과 템플릿 변경 후 Google의 Rich Results Test로 검증하세요.
정보가 알려져 있지 않거나 유지되지 않는 속성은 생략하세요. 잘못된 가격·재고·정책 데이터는 신뢰를 훼손합니다.
제품 템플릿 배포에 구조화된 데이터 테스트를 포함하세요. 단순, 세일, 품절, 목적지 제한 오퍼를 샘플로 포함하세요.
트래픽이 노출되기 전에 구매 경로를 보호하세요
많은 제품 페이지에서 가장 눈에 띄는 요소는 히어로 미디어입니다. Largest Contentful Paint, 또는 LCP는 뷰포트에서 가장 큰 이미지나 텍스트 블록이 렌더링되는 시점을 측정합니다. web.dev는 LCP를 방문자의 75번째 백분위수에서 2.5초 이하 목표로 권장하며 실제 사용자 데이터가 올바른 측정이라고 말합니다. 이 목표를 조사용으로 사용하고 페이지 완성 선언용으로 사용하지 마세요.
제품 응답, 주요 미디어, 변형 상호작용, 장바구니 추가 및 그 의존성을 측정하세요. 이미지 압축만 하지 말고 가장 큰 지연을 최적화하세요; LCP는 서버 응답, 리소스 로드 지연, 리소스 지속시간, 렌더 지연에 의해 제한될 수 있습니다. 미디어와 동적 블록의 공간을 예약해 컨트롤이 이동하지 않게 하세요.
주요 미디어, 서드파티 스크립트, 주요 상호작용에 대한 한도를 설정하세요. 캐시가 차가운 상태와 일반적인 모바일 조건에서 프로덕션 유사 페이지로 테스트하세요.
고가치 페이지와 의존성을 사전 점검(preflight)하고 소유자와 롤백 계획을 지정한 다음, 과도한 미디어 크기, 차단 스크립트, 오래된 재고 데이터와 같은 반복 원인을 수정하세요.