성분부터 사용감, 보습 시험 결과까지 담은 화장품 상세페이지, AI 검색에서도 이 정보가 활용되려면 어떤 AI 최적화가 필요할까요?

예를 들어 고객이 “아침 메이크업 전에 바르기 좋은 보습 크림”을 찾는다고 생각해 보세요. AI가 이 질문에 맞는 제품을 소개하려면, 각 제품의 제형과 사용감, 사용법 등을 확인할 수 있어야 합니다. 하지만 우리 상세페이지의 설명이 모두 하나의 긴 이미지 안에만 들어 있다면, AI가 웹페이지에서 정보를 수집할 때 제품의 특징을 놓칠 수 있습니다.

이번 글에서는 AI 답변에 인용될 수 있는 상세페이지를 만들기 위해, VIVI의 PDP Converter로 이미지 속 상품 정보를 텍스트 및 HTML로 변환하고, 자사몰에 적용하는 방법까지 알아봅니다. 이미 만들어둔 상세페이지를 처음부터 다시 제작할 필요 없이 기존 이미지에 담긴 정보를 활용해 시작할 수 있습니다.

참고로, 지금 VIVI에 가입하면 PDP 상세페이지 최적화를 1건 무료로 진행할 수 있습니다. 뷰티 마케터라면 우리 상품의 상세 이미지 한 장을 준비해 아래 과정을 함께 따라 해보세요.

VIVI 가입하고 상세페이지 무료로 최적화하기 →

화장품 상세페이지, 왜 AI 최적화가 필요할까요?

뷰티 상세페이지는 제품 사진과 설명, 시험 결과를 하나의 통이미지로 구성하는 경우가 많습니다. 제형과 브랜드 분위기를 시각적으로 보여주면서 제품의 장점도 전달하기 좋은 방식이기 때문이죠.

그런데 사람의 눈에 보이는 설명이 AI에도 똑같이 전달되는 것은 아닙니다. 사람은 이미지를 보면서 ‘어떤 성분이 들어 있는지’, ‘어떤 순서로 바르면 되는지’를 읽을 수 있습니다. 반면 AI 검색 서비스가는 웹페이지의 정보를 수집할 때 웹 크롤러로 페이지의 HTML에서 텍스트를 추출합니다. 이때 <img> 태그에서 이미지 주소와 대체 텍스트(alt)를 읽어내며, 이미지 내부의 글자까지 읽으려면 별도의 OCR(광학 문자 인식)이나 비전 모델 처리가 필요하죠. 때문에 상세페이지에 설명을 충분히 넣었더라도, 통이미지 안에만 있다면 그 정보가 누락될 수 있습니다.

이때 필요한 것이 이미지 속 설명을 웹페이지 HTML로도 제공하는 작업입니다. 여기서 HTML은 웹페이지를 구성하는 기술적 형식으로, 상품 설명을 이미지 속 글자가 아닌 실제 텍스트로 담아낼 수 있습니다.

예를 들어 이미지에 ‘젤 타입, 세안 후 토너 다음 단계에 사용’이라고 적혀 있다면, 같은 내용을 HTML 텍스트로도 제공하는 것입니다. 그러면 AI가 이미지를 해석해야만 알 수 있었던 제형과 사용법을 웹페이지에서 쉽게 읽을 수 있게 됩니다.

Google 역시 AI 개요와 AI 모드를 위한 공식 가이드에서 중요한 콘텐츠를 텍스트 형태로 제공할 것을 권장하고 있습니다. 뷰티 상세페이지라면, 다음과 같은 정보를 텍스트로도 전달해 보세요.

여기서 중요한 것은 기존의 상세페이지 디자인은 그대로 활용하면서, 그 안의 상품 설명을 AI 검색 시스템이 읽을 수 있는 형태로도 제공하는 것입니다. 물론 HTML로 바꾼다고 바로 AI 답변에 인용되는 것은 아니지만, AI가 우리 제품을 설명하는 데 필요한 정보를 확인할 수 있는 기반을 마련하는 작업입니다.

그럼 이제 PDP Converter를 활용해 우리 상품의 상세페이지를 직접 변환해 볼까요?

1단계. HTML로 변환할 화장품 상세페이지 이미지를 준비하세요

먼저 최적화할 상품을 하나 고르고, 상품 설명이 담긴 상세페이지 이미지 한 장을 준비해 주세요. 제품 사진만 있는 대표 이미지보다는 성분과 제형, 사용법 등 고객에게 전달하고 싶은 설명이 포함된 이미지가 좋습니다.

예를 들어 보습 크림이라면 주요 성분과 사용감, 보습 시험 결과 등이 담긴 상세 이미지를 준비하면 됩니다. 현재 자사몰에서 사용 중인 이미지가 있다면 그대로 활용해 보세요.

이미지를 준비했다면 VIVI에 회원가입하고 PDP Converter 무료체험을 시작하세요.

VIVI 가입하고 PDP Converter 무료로 써보기 →

2단계. PDP Converter로 이미지 HTML 변환을 진행하세요

회원가입을 마쳤다면 좌측 메뉴에서 PDP Converter에 접속하세요. 준비한 상세 이미지 한 장을 업로드하고 변환을 진행합니다.

업로드할 때는 사용하려는 상품의 이미지가 맞는지, 설명이나 하단의 작은 글씨가 잘리지 않았는지 확인해 주세요. 성분 함량이나 시험 조건처럼 중요한 내용이 잘려 있다면 변환 결과에서도 빠질 수 있습니다.

변환이 완료되면 결과를 열어보세요. 다음 단계에서는 업로드한 이미지와 비교하면서, 상품 설명이 어떻게 옮겨졌는지 확인하겠습니다.

세부 설정과 기능별 사용법이 궁금하다면 PDP Converter 상세 가이드를 확인해 보세요.

3단계. HTML 변환 후 주요 결과를 확인하세요

결과를 확인할 때는 고객에게 꼭 전달하고 싶었던 정보부터 살펴보세요. 보습 크림이라면 주요 성분과 사용감, 사용법이 제대로 담겼는지 확인하는 식입니다.

그다음 원본 이미지와 비교하며 숫자와 단위, 주의사항 등 세부 내용도 확인해 주세요.

특히 보습 시험 결과가 있다면, 큰 글씨로 강조한 숫자뿐 아니라 옆에 작게 적힌 조건도 함께 확인하는 것이 좋습니다. 시험 대상이나 기간이 빠지면 원래 설명과 다른 의미로 읽힐 수 있기 때문이죠.

원본에 없던 효능이 추가되거나 다른 옵션의 정보가 섞이지 않았는지도 살펴보세요. 수정이 필요한 내용은 자사몰에 적용하기 전에 바로잡아 주세요.

4단계. 변환한 HTML을 자사몰 상세페이지에 적용하세요

상품 설명이 정확하게 옮겨졌다면, 이제 HTML 결과물을 자사몰에 반영할 차례입니다. 변환한 결과를 실제 상세페이지에 적용해야 방문자와 검색 시스템도 바뀐 정보를 확인할 수 있습니다.

사용 중인 자사몰에서 직접 HTML을 편집할 수 있다면 결과물을 반영해 주세요. 개발 담당자를 통해 수정하는 경우에는 HTML 결과물과 적용할 상품 페이지를 함께 전달하면 됩니다. Shopify, Salesforce Commerce Cloud, Cafe24 등 사용 중인 플랫폼에 따라 적용 위치가 다릅니다. 아래 표에서 우리 자사몰에 해당하는 방법을 확인해 보세요.

상품 설명 편집기에서 ‘HTML 표시(Show HTML)’로 전환

상품 설명용 HTML 반영

| 사용 중인 테마에서 정상 표시 여부

기존 설명과 중복 여부

| | Salesforce Commerce Cloud | 운영·개발 담당자와 상품 설명(description) 등 적용 영역 확인

해당 영역에 HTML 반영

별도 콘텐츠 영역으로 구축된 경우 해당 위치에 적용

| 실제 상품 페이지에 수정 내용 반영 여부

구축 방식에 따른 개발 작업·별도 배포 필요 여부

| | Cafe24 | 상품 등록·수정 화면에서 ‘상품 상세설명’ 선택

에디터의 ‘〈 〉’ HTML 소스 편집 기능 실행

상품 설명용 HTML 반영

| PC·모바일 상세설명 별도 관리 여부

별도 관리 시 양쪽 모두 반영 여부

|

화장품 상세페이지 AI 최적화, 이미지 한 장으로 시작해 보세요

고객에게 제품을 설명하기 위해 공들여 만든 상세페이지라면, 그 정보가 AI 검색에서도 활용될 수 있도록 제공 방식을 보완해 보세요.

시작은 상세 이미지 한 장이면 됩니다. PDP Converter로 변환한 뒤 우리 제품의 특징이 정확하게 담겼는지 확인하고, 자사몰에 적용해 보세요. 기존 콘텐츠를 활용하면서 이미지 속 상품 설명을 텍스트로도 전달할 수 있습니다.

지금 VIVI에 가입하면 PDP 상세페이지 최적화를 1건 무료로 체험할 수 있습니다. 우리 상품의 상세 이미지로 직접 시작해 보세요.

우리 상세페이지 무료로 최적화하기 →