Shopify 상품 페이지에 별점 추가하는 방법

별점 요약은 상품 제목 또는 가격 바로 아래, 즉 구매자가 가장 먼저 읽는 위치에 배치해야 합니다. 이 영역에는 평균 평점, 별 아이콘, 리뷰 수만 간결하게 표시하고 다른 요소가 시선을 분산시키지 않도록 합니다. 이 한 줄의 정보는 쇼핑객이 다른 내용을 읽기 전에 마음속으로 던지는 조용한 질문, 즉 다른 사람들이 이 상품을 구매하고 만족했는가에 답합니다.

별점 요약은 단순한 레이블이 아닌 링크여야 합니다. 클릭하면 페이지 하단의 전체 리뷰 섹션으로 이동하므로, 별점은 네비게이션 역할도 겸합니다.

포함해야 할 요소는 다음과 같습니다. 소수점 한 자리까지 표시하는 평균 평점(예: 4.7), 한눈에 파악할 수 있는 별 아이콘(반 개 단위 포함), 평점의 신뢰도를 뒷받침하는 리뷰 수, 그리고 전체 리뷰 섹션으로 이동하는 앵커 링크입니다.

• 평균 평점은 소수점 한 자리까지 표시합니다(예: 4.7).
• 반 개 단위를 포함하여 한눈에 파악할 수 있는 별 아이콘을 사용합니다.
• 평점에 무게를 부여하는 리뷰 수를 함께 표시합니다.
• 전체 리뷰 섹션으로 이동하는 앵커 링크를 포함합니다.

대부분의 리뷰 앱은 두 가지 컴포넌트를 제공합니다. 페이지 상단용 별점 배지와 하단용 전체 리뷰 widget입니다. 테마 에디터에서 상품 템플릿을 열고, 상품 정보 그룹 내에 앱 블록으로 별점 배지를 추가한 뒤 제목 또는 가격 위아래에 배치하면 됩니다.

섹션 기능이 제한된 구형 테마를 사용하는 경우에는 상품 템플릿에 소형 코드 스니펫을 직접 삽입해야 할 수도 있습니다. 별점 배지와 전체 리뷰 widget은 별개의 블록으로 유지하여 각각 독립적으로 위치를 지정할 수 있도록 설정하는 것이 좋습니다.

JavaScript 실행 후에만 나타나는 평점은 쇼핑객에게는 표시되지만 다른 시스템에는 보이지 않을 수 있습니다. 구글과 AI 답변 시스템은 서버가 전송하는 HTML을 먼저 읽습니다. 페이지 로딩 후 JavaScript가 별점을 그려 넣는 방식이라면 크롤러가 빈 컨테이너만 읽고 평점을 인식하지 못할 수 있습니다.

서버 HTML에 렌더링된 평점은 검색 결과 리치 스니펫과 AI 답변 인용 대상이 됩니다. 동일한 별점 한 줄이 세 가지 역할을 동시에 수행하게 됩니다. 쇼핑객을 안심시키고, 구글 검색 결과에 별점을 노출하며, AI 엔진이 인용할 수 있는 구체적인 정보를 제공합니다.

그렇습니다. 리뷰 리치 스니펫을 받으려면 동일한 페이지에 마크업이 적용된 리뷰가 표시되어 있어야 합니다. 리뷰 없이 평균 점수만 떠 있는 형태는 구글 가이드라인 위반으로 처리될 수 있으며, 쇼핑객에게도 숫자 외에 읽을 내용을 제공하지 못합니다.

상단의 요약과 하단의 리뷰는 하나의 시스템입니다. 상단 줄은 헤드라인이고 리뷰 섹션은 근거입니다. 평점이 유효하게 인정받으려면 두 요소 모두 페이지 HTML에 존재해야 합니다.

• 점수만이 아닌 상품 페이지에 렌더링된 개별 리뷰가 필요합니다.
• 서버 HTML에 포함된 리뷰 마크업(AggregateRating 및 Review)이 필요합니다.
• 배지 평균과 마크업 평균 사이의 일관성을 유지해야 합니다.

신뢰하기 전에 structured data 테스트를 먼저 실행하십시오. 렌더링된 DOM이 아닌 페이지 소스(raw HTML)를 확인하여 평점 값과 리뷰 schema를 검색합니다. 소스에 해당 값이 있다면 크롤러도 읽을 수 있습니다. 스크립트 실행 후 라이브 인스펙터에서만 표시된다면 경고 신호입니다.

이후 URL을 리치 스니펫 미리보기 도구와 schema 유효성 검사기에 실행하여 AggregateRating이 오류 없이 인식되는지 확인합니다. 구글 검색 결과에 별점이 반영되는 시점은 구글 고유의 크롤링 주기에 따르므로, 모든 검사를 통과하더라도 검색 결과에 별점이 나타나기까지는 수일에서 수 주가 걸릴 수 있습니다.

거의 대부분 widget이 별점을 렌더링하고 서버 HTML에는 쓰여지지 않아 크롤러가 빈 슬롯만 읽기 때문입니다. 다른 일반적인 원인으로는 누락되거나 유효하지 않은 리뷰 마크업, 그리고 해당 평점을 뒷받침하는 개별 리뷰가 페이지에 없는 경우가 있습니다.

대부분의 리뷰 앱은 페이지 내 쇼핑객 경험을 위해 설계되어 있습니다. 브라우저에서는 올바르게 보이지만 구글과 AI 엔진이 실제로 읽는 HTML에는 도달하지 못하는 별점이 그 결과입니다. 이미 수집된 리뷰를 읽기 가능하고 검증 가능하며 검색과 AI 답변에서 인용될 수 있도록 만드는 것이 BeyondReviews가 해결하고자 하는 문제입니다.

별점은 위치, 링크, 가독성이 갖춰졌을 때 그 역할을 합니다. 위치는 쇼핑객이 가장 먼저 보는 제목 또는 가격 아래에 있어야 함을 의미합니다. 링크는 탭 시 리뷰 섹션으로 이동해야 함을 의미합니다. 가독성은 별점과 그 뒤에 있는 리뷰가 서버 HTML에 마크업이 적용된 일관된 형태로 존재해야 함을 의미합니다. 이 세 가지가 갖춰졌을 때 쇼핑객을 안심시키는 동일한 별점이 구글과 AI 엔진에도 도달할 수 있습니다.