AI가 3분에 뽑아준 상세페이지를 홈페이지에 그대로 올리면, 화면에는 잘 보이는데 검색에는 거의 잡히지 않습니다. 상세페이지제작 AI가 내놓는 결과물이 글자까지 그림 안에 박힌 세로로 긴 사진 한 장이기 때문입니다. 사람 눈에는 분명히 글인데, 검색하는 쪽에서 보면 사진 한 장일 뿐입니다.
그래서 AI에 맡긴 뒤에도 할 일이 한 번 더 남습니다. 그림 속 글자를 밖으로 꺼내고, 긴 사진을 구역별로 자르고, 사진마다 설명을 달아 올리는 일입니다. 아래에 어디가 깨지는지, 무엇을 어떤 순서로 고치는지 정리했습니다.
핵심 요약
- AI 상세페이지 결과물은 보통 긴 그림 한 장이라, 그림 안에 적힌 글자는 검색 글자로 읽히지 않습니다.
- 그림이 길고 무거울수록 휴대전화에서 첫 화면이 늦게 뜹니다. 구역별로 잘라 올리는 편이 빠릅니다.
- 상품 이름·특징·안내처럼 검색에 걸려야 하는 말은 그림이 아니라 글로 다시 넣어야 합니다.
- 문구를 자주 고치는 상품이라면 그림 한 장보다 블록으로 조립해 두는 쪽이 나중에 편합니다.
AI 상세페이지제작은 결과물로 무엇을 주나요?
대부분 세로로 아주 긴 그림 파일 한 장을 줍니다. 상품 사진을 올리면 배경을 지우고, 조명이 좋은 사진처럼 바꾸고, 제목과 설명과 안내 문구까지 그림 위에 글씨로 얹어 한 장으로 합쳐 줍니다. 작업 시간이 짧은 것도 사실입니다. 사진 한 장만 올리면 몇 분 안에 완성된 그림이 나옵니다.
이 방식이 오래 쓰인 이유가 있습니다. 쇼핑몰의 상품 설명 칸은 긴 그림 한 장을 올려도 그대로 보이게 만들어져 있습니다. 칸 안에서 글을 따로 넣을 필요가 없으니, 만드는 쪽에서는 그림 하나로 끝내는 것이 가장 빠릅니다.
문제는 홈페이지에 올릴 때 생깁니다. 홈페이지의 한 페이지는 상품 설명 칸과 쓰임이 다릅니다. 홈페이지는 검색해서 들어오는 사람을 받는 자리입니다. 검색으로 들어오려면 페이지 안에 글이 있어야 하는데, 그림 한 장에는 글이 없습니다.
구글은 이미지 안내 문서에서 본문 대부분을 그림에 넣지 말고 실제 글로 넣으라고 적어 두었습니다. 그림 안의 글씨는 사람은 읽지만 검색은 읽지 않는다는 뜻입니다.
긴 그림 한 장과 글·사진을 나눈 페이지, 어느 쪽이 좋은 상세페이지일까요?
질문부터가 모순이 있는 질문입니다. 두 결과물은 서로 겨루는 상대가 아닙니다. 긴 그림 한 장은 보여 주는 일에 강하고, 글과 사진을 나눈 페이지는 찾아오게 하는 일에 강합니다. 이미 광고를 눌러 들어온 사람에게 펼쳐 보일 화면이면 긴 그림 한 장이 편합니다. 반대로 검색으로 들어올 사람을 기다리는 자리라면, 글이 없는 그림은 아무 일도 하지 않습니다.
마치 전단지와 간판의 차이와 비슷합니다. 손에 쥐여 주는 전단지는 그림이 빼곡해도 됩니다. 길에서 사람을 끌어오는 간판은 글자가 읽혀야 합니다. 상세페이지를 홈페이지에 올리는 일은 전단지를 복사하는 일보다 간판을 세우는 일에 가깝습니다.
그래서 결론은 둘 중 하나를 버리는 것이 아닙니다. “상세페이지는 그림으로 보여 주고, 글로 남겨야 합니다.” 같은 내용을 그림과 글 양쪽에 두는 것이 가장 손해가 적습니다. 그림은 AI가 만든 것을 그대로 쓰고, 글만 다시 넣으면 됩니다.
| 항목 | 긴 그림 한 장 | 글과 사진을 나눈 페이지 |
|---|---|---|
| 검색이 읽는 글자 | 0자 | 본문에 쓴 글자 그대로 |
| 올리는 사진 장수 | 1장 | 3~8장으로 나눠 올림 |
| 사진 설명 칸 | 1칸 | 사진마다 1칸(155자 이내 권장) |
| 문구 한 줄 고치기 | 그림 전체 다시 만들기 | 그 줄만 고치기 |
확인 기준 : 2026년 11월
그대로 올리면 깨지는 자리
AI 결과물을 손대지 않고 올렸을 때 실제로 문제가 생기는 자리는 네 곳입니다.
- 검색이 읽는 글자가 0자가 됩니다.
- 휴대전화에서 첫 화면이 늦게 뜹니다.
- 글씨가 작아져 읽히지 않습니다.
- 한 줄만 고치려 해도 전체를 다시 뽑아야 합니다.
검색이 읽는 글자가 사라집니다
가장 큰 손해가 여기서 납니다. 상품 이름, 재질, 사용 방법, 배송 안내를 그림 안에 공들여 적어도 검색 쪽에서는 한 글자도 세어 주지 않습니다. 페이지에 남는 글자는 제목과 몇 줄의 설명뿐이고, 나머지는 그림 파일 이름 하나로 끝납니다.
확인하는 방법은 간단합니다. 페이지를 열고 그림 위의 글자를 마우스로 끌어 선택해 보시면 됩니다. 선택이 안 되고 그림 전체가 잡히면, 그 글자는 검색에도 없는 글자입니다.
그림에는 설명을 적는 칸이 하나 있습니다. 보통 대체 텍스트라고 부르는 칸입니다. 구글은 이 칸을 짧고 내용이 담긴 말로 채우되 155자 이내로 쓰라고 안내하고 있습니다. 다만 이 칸 하나로 긴 상세페이지의 내용을 다 담을 수는 없습니다. 칸 하나에 상품 설명을 전부 밀어 넣는 것은 권하지 않는 방식이고, 그렇게 해도 본문 글을 대신하지 못합니다.
그래서 순서가 정해집니다. 그림 설명 칸을 채우는 일은 마지막 손질이고, 먼저 할 일은 그림 속 글자를 본문 글로 옮기는 일입니다.
휴대전화에서 첫 화면이 늦게 뜹니다
세로로 긴 그림은 파일 하나가 무겁습니다. 그림을 하나로 합치면 세로 길이가 수천 픽셀까지 늘어나고, 그만큼 내려받을 양도 늘어납니다. 문제는 휴대전화가 그림 한 장을 조금씩 나눠 보여 주지 않는다는 점입니다. 첫 화면에 보이는 윗부분만 필요한데도 아래쪽 내용까지 다 내려받은 뒤에 보여 줍니다.
얼마나 빠르면 괜찮은지는 기준이 있습니다. 구글이 공개한 웹 속도 기준에서는 화면에서 가장 큰 요소가 2.5초 이내에 보이면 좋은 상태로 봅니다. 상세페이지에서 가장 큰 요소는 거의 항상 그 긴 그림입니다. 즉 그림 한 장의 무게가 그 페이지의 점수를 그대로 결정합니다.
줄이는 길은 두 가지입니다. 하나는 자르는 것이고, 하나는 형식을 바꾸는 것입니다. 구글이 공개한 WebP 형식 안내를 보면 같은 품질에서 PNG보다 약 26퍼센트, JPEG보다 25~34퍼센트 작아집니다. 긴 그림 한 장을 네 조각으로 자르고 형식까지 바꾸면, 첫 화면에 필요한 양이 크게 줄어듭니다.
저희도 블로그에서 사진 용량을 줄여 속도를 잡아 본 과정을 따로 정리한 적이 있습니다. 그때도 결론은 같았습니다. 큰 사진 한 장을 손보는 것이 다른 손질 열 가지보다 효과가 컸습니다.
글씨가 작아져 읽히지 않습니다
AI 결과물은 보통 컴퓨터 화면 폭에 맞춰 만들어집니다. 가로 860픽셀쯤 되는 그림이 많습니다. 이 그림을 가로 390픽셀짜리 휴대전화 화면에 맞추면 그림 전체가 약 45퍼센트 크기로 줄어듭니다. 그림 안에서 적당해 보였던 설명 글씨가 절반 아래로 작아진다는 뜻입니다.
본문 글은 이런 일이 생기지 않습니다. 화면이 좁아지면 글이 줄바꿈되어 흐르기 때문에 글씨 크기는 그대로 남습니다. 그림 속 글자만 줄어듭니다. 그래서 작은 글씨로 들어간 안내 문구, 표, 치수 같은 내용은 그림에 두면 휴대전화에서 사실상 사라집니다.
치수표나 배송 안내처럼 숫자가 촘촘한 내용은 그림에서 빼고 표로 다시 만드시는 편이 낫습니다. 표로 만들면 작아지지 않고, 검색에도 글자로 남습니다.
한 줄만 고치려 해도 전체를 다시 뽑아야 합니다
가장 자주 겪게 되는 불편입니다. 안내 문구 한 줄을 바꾸거나 전화번호를 고치는 일인데, 그 글자가 그림 안에 있으면 그림을 다시 만들어야 합니다. 다시 만들면 글씨 위치와 분위기가 조금씩 달라지고, 다른 상품 페이지와 모양이 어긋나기 시작합니다.
처음 한 번은 3분이지만, 고치는 일이 쌓이면 시간이 거꾸로 늘어납니다. 상품이 열 개면 열 번입니다. 그래서 바뀌지 않는 것만 그림에 넣고, 바뀌는 것은 글로 두는 구분이 필요합니다.
- 그림에 넣어도 되는 것 : 분위기 사진, 상품 모습, 배경, 색감
- 글로 둘 것 : 상품 이름, 설명, 안내 문구, 배송·교환 조건
- 표로 둘 것 : 치수, 구성품, 선택 항목
상세페이지를 홈페이지에 올리는 방식
방식은 크게 네 가지입니다. 어느 하나가 정답이 아니고, 어떤 상황인지에 따라 갈립니다.
1. 긴 그림 그대로 올리기
특징 : AI가 준 파일을 그대로 올립니다. 손이 가장 적게 갑니다.
어떤 경우에 맞나 : 광고나 메신저로 주소를 직접 보내서 보여 주는 경우, 행사처럼 짧게 쓰고 내릴 페이지인 경우에 맞습니다.
주의점 : 검색으로 들어오는 사람은 거의 없다고 보셔야 합니다. 그림 설명 칸이라도 반드시 채우시는 편이 좋습니다.
2. 그림을 잘라 올리고 글은 글로 넣기
특징 : AI 결과물을 내용이 바뀌는 지점마다 자르고, 그림 속 글자를 본문 글로 옮깁니다. 가장 많이 쓰이는 방식입니다.
어떤 경우에 맞나 : 이미 AI로 결과물을 뽑아 둔 경우, 디자인은 유지하고 검색만 살리고 싶은 경우에 맞습니다.
주의점 : 자른 조각마다 설명 칸을 따로 채워야 합니다. 조각을 너무 잘게 나누면 사진이 많아져 오히려 느려집니다.
3. 사진만 쓰고 글은 처음부터 직접 쓰기
특징 : AI가 만든 결과물에서 사진만 가져오고, 설명은 직접 씁니다.
어떤 경우에 맞나 : 검색으로 들어오는 사람을 늘리는 것이 목적인 경우, 상품 설명이 길고 조건이 많은 경우에 맞습니다.
주의점 : 글을 쓰는 시간이 따로 듭니다. 다만 한 번 쓴 글은 다음 상품에도 틀로 다시 쓸 수 있습니다.
4. 빌더 블록으로 다시 조립하기
특징 : 제목 블록, 사진 블록, 표 블록을 따로 놓아 페이지를 만듭니다. 그림은 사진 블록 자리에만 들어갑니다.
어떤 경우에 맞나 : 상품이 여러 개이고 같은 모양을 반복해서 써야 하는 경우, 문구를 자주 고치는 경우에 맞습니다.
주의점 : 처음 한 번 틀을 만드는 데 시간이 듭니다. 대신 두 번째 상품부터는 블록만 복사해 내용을 바꾸면 됩니다.
사진 용량과 크기는 어디까지 줄이면 되나요?
화면에 실제로 보이는 크기보다 큰 사진은 올리지 않는 것이 기준입니다. 본문 폭이 860픽셀이라면 가로 860픽셀 사진이면 충분하고, 선명하게 보이려면 두 배인 1720픽셀까지만 올리면 됩니다. 그보다 큰 사진은 내려받는 양만 늘고 화면에서는 똑같이 보입니다.
형식은 WebP가 유리합니다. 구글 공식 안내 기준으로 같은 품질에서 PNG보다 약 26퍼센트, JPEG보다 25~34퍼센트 작습니다. 긴 그림을 네 조각으로 자른 뒤 형식까지 바꾸면 첫 화면이 눈에 띄게 빨라집니다.
속도를 확인할 때는 숫자 하나만 보시면 됩니다. 화면에서 가장 큰 요소가 뜨는 시간이 2.5초 이내인지입니다. 이 값은 휴대전화와 컴퓨터를 나눠서 재야 하고, 느린 쪽은 거의 항상 휴대전화입니다.
처음부터 끝까지 따라 하는 순서
1단계 : 글을 따로 저장합니다
AI에 넣었던 상품 설명과 결과물에 적힌 문구를 메모에 따로 옮겨 둡니다. 나중에 본문 글로 쓸 재료입니다. 이 단계를 건너뛰면 그림을 보고 글자를 다시 옮겨 적어야 해서 시간이 두 배로 듭니다.
2단계 : 긴 그림을 구역별로 자릅니다
내용이 바뀌는 지점에서 자릅니다. 보통 대표 사진, 특징, 사용 방법, 안내 순으로 나뉩니다. 조각 하나가 휴대전화 화면 두 개를 넘길 정도로 길면 한 번 더 자르시면 됩니다.
3단계 : 그림 속 글자를 본문 글로 옮깁니다
1단계에서 저장해 둔 글을 각 사진 사이에 넣습니다. 제목은 제목 블록으로, 설명은 글 블록으로 넣습니다. 그림과 같은 내용이어도 괜찮습니다. 그림을 못 보는 환경에서도 내용이 전달되는 쪽이 낫습니다.
4단계 : 치수·구성품은 표로 다시 만듭니다
숫자가 촘촘한 내용은 그림에서 빼고 표로 만듭니다. 휴대전화에서 작아지지 않고, 검색에도 글자로 남습니다.
5단계 : 사진 크기와 형식을 줄입니다
가로폭을 본문 폭의 두 배 이내로 맞추고 WebP로 바꿉니다. 이 단계만으로 내려받는 양이 크게 줄어듭니다.
6단계 : 사진마다 설명 칸을 채웁니다
무엇이 찍힌 사진인지 짧게 적습니다. 155자 이내로 쓰고, 검색어를 늘어놓지 않습니다. 같은 설명을 모든 사진에 복사해 넣으면 아무 도움이 되지 않습니다.
7단계 : 휴대전화에서 열어 봅니다
직접 휴대전화로 열어서 첫 화면이 바로 뜨는지, 작은 글씨가 읽히는지 확인합니다. 작업한 컴퓨터에서는 거의 항상 잘 보입니다. 문제는 휴대전화에서 드러납니다.
자주 묻는 질문
AI 상세페이지를 쓰면 검색에 불리한가요?
AI로 만들었다는 사실 자체는 상관이 없습니다. 불리해지는 이유는 결과물이 그림 한 장이라서 읽히는 글자가 없기 때문입니다. 같은 AI 결과물이라도 글을 함께 넣으면 달라집니다.
그림을 자르면 디자인이 어긋나지 않나요?
내용이 바뀌는 지점에서 자르면 거의 어긋나지 않습니다. 배경색이 이어지는 자리에서 자르면 경계선이 보일 수 있으니, 색이 바뀌는 지점을 골라 자르시면 됩니다.
본문 글은 얼마나 써야 하나요?
길이보다 내용입니다. 상품 이름, 무엇에 쓰는 물건인지, 어떤 경우에 맞는지, 조건과 주의점이 글로 들어 있으면 충분합니다. 그림에 적힌 말을 옮기는 것부터 시작하시면 됩니다.
사진을 줄이면 흐려지지 않나요?
화면에 보이는 크기의 두 배까지 올리면 눈으로는 차이를 느끼기 어렵습니다. 흐려 보이는 경우는 대개 원본이 작은 사진을 억지로 늘렸을 때입니다.
상품이 많으면 전부 이렇게 고쳐야 하나요?
잘 팔리는 상품부터 먼저 고치시면 됩니다. 한 번 틀을 만들어 두면 나머지는 블록을 복사해 내용만 바꾸는 일이 됩니다.
그림 설명 칸만 잘 채우면 되지 않나요?
설명 칸은 사진이 무엇인지 알리는 칸이고, 본문 글을 대신하는 칸이 아닙니다. 칸 하나에 상품 설명을 전부 넣는 것은 권하지 않는 방식입니다. 본문 글과 설명 칸은 둘 다 필요합니다.
아이비전트에서 올릴 때는 어디를 손보면 되나요?
아이비전트 빌더도 사진 블록과 글 블록이 따로 있습니다. 그래서 AI가 준 긴 그림을 자른 조각을 사진 블록에 넣고, 1단계에서 저장해 둔 글을 글 블록에 넣는 방식으로 조립하시면 됩니다. 사진을 넣을 때 설명 칸이 함께 뜨니 그 자리에서 채우시면 6단계를 따로 할 필요가 없습니다.
치수나 구성품은 표 블록으로 넣고, 자주 바뀌는 안내 문구는 글 블록에 둡니다. 그렇게 해 두면 문구 한 줄을 고칠 때 그림을 다시 만들 일이 없어집니다. 저희 블로그에도 사진 용량을 줄여 속도를 잡은 과정과 속도를 재는 방법을 따로 정리해 두었으니, 숫자를 재는 단계에서 함께 보시면 됩니다. 글은 https://www.ibigent.com/blog 에서 찾을 수 있습니다.
어디까지 고치면 충분한가요
전부 고칠 필요는 없습니다. 검색으로 사람이 들어와야 하는 페이지만 글을 넣고, 광고를 눌러 들어오는 페이지는 그림 한 장으로 두어도 됩니다. 반대로 모든 페이지를 그림 한 장으로 두면 검색에서는 아무 글자도 남지 않습니다.
AI가 3분에 뽑아준 결과물은 버릴 물건이 아닙니다. 사진과 분위기는 그대로 쓰고, 글자만 밖으로 꺼내면 됩니다. 어느 방식이 맞을지는 그 페이지로 무엇을 하려는지에 따라 달라지니, 목적을 먼저 정하고 비교해서 고르시면 됩니다.
확인 기준 : 2026년 11월
