Technote

성능 최적화 실무

팝업의 대가 — 검색과 전환에 동시에 걸립니다

모바일에서 본문을 가리는 팝업은 검색 평가에서 불리하게 작용하고, 같은 팝업이 전환에서도 비용을 만듭니다. 조절할 수 있는 것은 타이밍 · 트리거 · 닫기 세 가지입니다.

구독 폼이든 할인 안내든, 팝업은 전환을 늘리려고 넣습니다. 그리고 실제로 늘어나는 경우가 있습니다. 문제는 그 숫자만 보이고 같은 팝업이 다른 곳에서 만드는 비용은 보이지 않는다는 점입니다. 이 글은 그 보이지 않는 쪽을 다룹니다.

비용이 두 곳에서 동시에 발생합니다

첫째는 검색 쪽입니다. 모바일에서 방문자가 검색 결과를 눌러 들어왔는데 본문 대신 팝업이 화면을 덮고 있으면, 그 페이지는 “약속한 내용을 바로 보여 주지 않는 페이지” 로 평가될 수 있습니다. 검색엔진은 이런 구성을 오래전부터 문제로 지적해 왔고, 특히 모바일에서 콘텐츠 위를 가리는 삽입 화면을 명시적으로 언급합니다.

둘째는 전환 쪽입니다. 팝업의 구독 전환율은 눈에 보이지만, 팝업을 보고 뒤로 가기를 누른 사람은 어떤 지표에도 잡히지 않습니다. 그 사람은 구독도 하지 않았고 문의도 하지 않았으며 통계상으로는 그냥 이탈입니다. 얻은 것은 세지고 잃은 것은 세지 않는 구조라 팝업의 성적표는 언제나 실제보다 좋게 나옵니다.

모든 팝업이 같지는 않습니다

중요한 구분이 있습니다. 검색 쪽에서 문제가 되는 것은 들어오자마자 본문을 덮는 큰 화면이지, 화면에 뜨는 모든 것이 아닙니다. 법적으로 필요한 고지 — 쿠키 사용 안내, 연령 확인, 로그인 안내 — 처럼 합리적인 크기로 표시되는 것은 별도로 취급됩니다.

경계는 팝업의 유무가 아니라 본문을 얼마나 오래 가리는가에 있다

이 구분이 실무적으로 유용한 이유는, 팝업을 없애지 않고도 문제를 피할 길이 있다는 뜻이기 때문입니다. 형태를 바꾸면 됩니다 — 전체 화면 대신 하단 배너, 진입 즉시 대신 읽은 뒤, 작은 X 대신 누르기 쉬운 닫기.

조절할 수 있는 것은 세 가지입니다

팝업 설계의 세 축 — 없앨지 말지가 아니라 이 셋을 어떻게 잡을지의 문제다

타이밍. 가장 흔한 설정이 “진입 후 3초” 인데, 이것은 최악에 가깝습니다. 방문자가 아직 이 페이지가 무엇인지 모르는 시점이라 팝업의 제안을 평가할 근거가 없습니다. 사람은 자기가 무엇을 받았는지 모를 때 제안을 거절합니다.

트리거. 시간 대신 행동을 기준으로 삼는 편이 낫습니다. 본문의 절반 이상을 스크롤했다는 것은 관심이 있다는 신호이고, 그 시점의 제안은 방해가 아니라 다음 단계로 읽힙니다. 데스크톱에서는 이탈 의도(마우스가 화면 위쪽으로 빠져나갈 때)도 쓰이지만, 모바일에는 그런 신호가 없으므로 모바일과 데스크톱에 같은 설정을 쓰지 않는 것이 중요합니다.

닫기. 닫기 버튼은 손가락으로 정확히 누를 수 있어야 하고, 화면 밖으로 밀려나 있으면 안 됩니다. 그리고 한 번 닫은 사람에게는 같은 방문 중에 다시 띄우지 않습니다. 닫았다는 것은 답을 한 것이고, 같은 질문을 반복하는 것은 대화가 아니라 방해입니다.

넣기로 했다면 확인할 것

실제 방문 조건에서 직접 확인하는 것이 가장 빠릅니다. 휴대폰으로 검색 결과를 눌러 들어와 보세요 — 데스크톱에서 관리자로 로그인한 채 보는 화면과 전혀 다른 경우가 많습니다. 광고를 돌리고 있다면 광고 링크로도 같은 확인을 합니다. 랜딩 페이지에서 팝업이 뜨면 클릭당 비용을 내고 데려온 사람에게 본문 대신 팝업을 보여 주는 셈입니다.

그리고 팝업의 성적을 볼 때는 구독 수 옆에 그 페이지의 이탈률과 다음 단계 진행률을 함께 놓습니다. 구독이 늘었는데 문의가 줄었다면 그것은 성공이 아닙니다.

속도와 전환의 관계를 측정으로 다루는 방법은 속도와 전환율 연재에, 페이지가 무거워지는 경로는 성능 최적화 아카이브에 정리돼 있습니다. 팝업 도구를 포함해 어떤 스크립트가 실제로 로드되고 있는지 한 번에 보고 싶다면 최적화 지원 사업의 진단에서 함께 확인합니다.

이 주제의 다른 글

노하우 목록으로

성능 최적화 심화

프론트엔드 예산 — 상한을 정하고 지키는 법

페이지는 한 번에 무거워지지 않습니다. 각각 합리적인 작은 추가가 쌓여 무거워집니다. 상한을 정하고 재는 절차가 그 누적을 끊습니다.

개발자 4분 읽기

성능 최적화 심화

전환 감사 — 유입부터 완료까지 새는 곳 찾기

아무도 도달하지 않는 페이지를 다듬는 일이 가장 흔한 낭비입니다. 경로 전체를 처음부터 끝까지 걸어 보면 어디서 새는지 먼저 보입니다.

마케터 4분 읽기

₩270,000 · 신청하기