상세페이지 이미지가 깨질 때: 외부 이미지 링크 차단 원인과 다시 올리는 순서

"상세페이지에 사진이 하나도 안 보인다는 문의가 왔어요." "어제까지는 잘 보였는데요?" "다른 상품도 열어 봤는데 다 깨져 있어요."

이런 연락을 받으면 일단 전부 다시 올려야 하나 싶으실 겁니다. 그 전에 할 일이 있습니다. 화면에 뜬 증상으로 원인부터 가르고, 원래 상태로 돌아갈 수 있게 백업한 다음 다시 올리는 순서입니다.

상세 이미지가 깨지면 화면 증상으로 원인부터 가르세요

스마트스토어 상세에는 외부 링크를 원칙적으로 넣을 수 없습니다. 텀블러·X(구 트위터)·페이스북·인스타그램 같은 일부 소셜 사이트만 예외입니다.

상세 이미지는 백업부터 하고 한 상품으로 먼저 바꿔 봅니다

이미지를 채널 서버로 옮기는 작업은 한 번에 많은 상품을 건드립니다. 문제가 생겨도 원래대로 돌아갈 수 있게 이 순서를 지켜야 합니다.

먼저 원본을 백업합니다.

• 상품별로 상세에 쓰인 이미지 원본 파일 내려받기
• 상세페이지 텍스트와 이미지 순서 기록(캡처나 문서)
• 상품별 이미지 장수 세어 두기

그다음 한 상품으로 먼저 바꿔 봅니다.

• 장수가 가장 적은 상품 하나로 먼저 시험
• 스마트에디터 ONE에서 이미지를 채널 서버로 직접 올려 교체
• 큰 GIF는 미리 용량 줄이기(가로 860px 이하, 300프레임 이하, 장당 20MB 이하. 자세한 규격은 이미지 규격 편)
• 저장 전에는 서버에 반영되지 않으므로, 문제가 생기면 저장하지 않고 닫기

저장하기 전에 아래를 맞춰 봅니다.

• 외부 주소로 남은 이미지가 0장인지
• 교체 후 이미지 장수가 백업 때 센 장수와 같은지
• 텍스트와 순서가 백업과 같은지
• PC와 모바일 화면을 모두 열어 끝까지 스크롤해 보기

하나라도 맞지 않으면 그 상품은 저장하지 않고 다시 작업합니다. "순서까지 따로 볼 필요가 있나"라고 생각하실 수도 있지만, 스마트에디터는 여러 장을 한 번에 올리면 순서가 섞일 수 있습니다. 장수가 맞아도 순서는 따로 봐야 하죠.

자사몰 이미지 주소를 빌려 쓰면 상세가 한꺼번에 깨질 수 있습니다

왜 여러 상품이 동시에 깨질까요? 자사몰을 함께 운영하는 셀러는 자사몰에 올려 둔 이미지 주소를 오픈마켓 상세페이지에 그대로 불러 쓰는 경우가 많습니다. 이미지 파일은 자사몰 서버에 있고, 오픈마켓은 그 주소를 빌려 보여 주는 구조입니다.

그래서 자사몰 솔루션이 외부 사이트에서의 이미지 불러오기를 막거나 주소 체계를 바꾸면, 오픈마켓 쪽 상세 이미지가 한꺼번에 안 보일 수 있습니다. 상품이 많을수록 다시 올려야 할 이미지도 수백 장 단위로 늘어나고요.

HTML로 만든 상세는 변환 전에 원본을 따로 저장하세요

HTML 작성분은 1회에 한해 스마트에디터 ONE으로 변환할 수 있습니다. 변환 뒤에는 다시 HTML로 돌릴 수 없고, 변환할 때 iframe은 사라집니다. 변환 버튼을 누르기 전에 HTML 원본부터 파일로 저장해 두세요.

상세페이지 이미지는 깨진 뒤에 고치는 것보다 처음부터 깨지지 않게 올리는 쪽이 일이 덜 듭니다. 자사몰과 오픈마켓에 같은 상세를 쓰더라도 이미지는 채널마다 직접 올려 두세요. 자사몰 솔루션을 아직 고르는 중이라면 아임웹 vs 카페24를, 이미지를 아예 새로 만들어야 한다면 단계별 준비물이 담긴 상세페이지 제작 순서를 보세요.