모바일 이메일 최적화 이해하기
학습 내용
Klaviyo에서 이메일에 제공하는 기본 모바일 최적화 설정과 기기 전반에서 메시지가 표시되는 방식을 사용자 지정하는 도구에 대해 알아보세요. 이메일 템플릿의 스타일 탭으로 이동하여 모든 모바일 최적화를 비활성화하도록 선택할 수도 있어요.
일반 모바일 최적화 옵션
모바일 최적화를 활성화하도록 선택하면 모바일 기기에서 확인할 때 이메일의 표시가 최적화되도록 특정 조정이 자동으로 적용돼요.
이메일이 모바일 기기에 맞게 최적화되지 않도록 하려면 템플릿의 스타일 탭에 있는 모바일 섹션에서 최적화를 비활성화하세요.
모바일 보기 전용으로 조정할 수 있는 다른 설정이 몇 가지 있으며, 여기에는 다음이 포함돼요:
- 콘텐츠 여백 조정
- 모바일에서 텍스트 및 제목 크기 조정
- 모바일에서 텍스트 및 제목 간격 조정
- 모바일에서 블록 패딩 조정
모바일의 헤더/링크 바 레이아웃
헤더/링크 블록의 경우 스타일 탭 내 모바일 레이아웃 메뉴로 스크롤한 다음 모바일 레이아웃을 선택해 주세요. 기본값은 모두 스택이며, 필요에 맞게 변경할 수 있어요.
모바일 또는 데스크톱에서 숨기기
블록이 모바일, 데스크톱 또는 둘 다에 표시되도록 선택할 수 있어요. 블록의 표시 옵션 탭으로 이동하면 모든 블록에서 이를 맞춤 설정할 수 있어요.
이미지 늘이기 옵션
이미지 블록에서는 모바일에서 볼 때 이미지를 프레임 전체 너비로 늘리도록 선택할 수 있어요. 이 옵션은 블록 설정 내 모든 이미지 블록의 스타일 탭에서 확인할 수 있어요. 모바일에서 전체 너비를 켜거나 끄세요.
열이 모바일에서 스택으로 표시돼요.
모바일 기기에서 열( Columns 레이아웃 또는 분할 블록 옵션을 사용해 생성됨)을 쌓으면 작은 화면에서도 더 읽기 쉬운 큰 텍스트와 이미지를 사용할 수 있어요. 모바일에서 열을 나란히 표시하고 싶다면, 해당 섹션의 스타일 탭에서 이 설정을 비활성화해 주세요. 이렇게 하면 열은 나란히 유지되지만, 모바일 화면에 맞도록 크기가 조정돼요.
모바일에서 텍스트 블록 안쪽 여백
기본적으로 모든 텍스트 블록은 모바일에서 최소 18px의 여백을 갖습니다. 이 패딩을 제거하려면
- 스타일 메뉴를 열어 주세요.
- 모바일 텍스트 및 제목 섹션으로 스크롤합니다.
- 텍스트 영역 패딩 재정의 토글을 끄세요.
모바일 최적화에 대한 이메일 클라이언트 지원
많은 이메일 앱은 모바일 최적화 지원 수준이 제각각이에요.
이메일 디자인이 다양한 이메일 클라이언트와 기기에서 어떻게 표시될지 걱정된다면, 타사 이메일 테스트 도구를 사용하면 도움이 될 수 있어요.
무료 체험과 월간 유료 요금제를 모두 제공하는 Litmus 같은 도구를 사용해 보시는 것을 권장해요. 또한, 다양한 이메일 클라이언트와 기기에서 수신자가 확인했을 때 이메일이 어떻게 보이는지 테스트하고 미리 볼 수 있는 무료 대안을 검색해 볼 수도 있어요.
모바일에서 몇 명의 구독자가 열어보는지 확인
특정 캠페인의 전송 가능성 탭에서 아래로 스크롤해 이메일 클라이언트별 성과 섹션으로 이동하면 모바일 브라우저와 데스크톱 브라우저에서 이메일을 연 수신자 수가 어떻게 나뉘는지 확인할 수 있어요. 이를 통해 대상이 이메일과 어떻게 상호작용하는지 파악하는 데 도움이 될 수 있어요. 또한 What someone has done (or not done) > Opened Email 조건에 필터를 추가해 이 정보를 기반으로 세그먼트할 수도 있어요.
