Litmus와 Email on Acid로 테스트하기

HTML 이메일의 표시는 50개가 넘는 클라이언트/버전/OS 조합에 따라 크게 달라집니다. 각각을 수동으로 테스트하는 것은 불가능합니다. Litmus와 Email on Acid는 실제 클라이언트 엔진에서 이메일을 실행하고 스크린샷을 반환하므로, 보내기 전에 문제를 발견할 수 있습니다.

Litmus는 가장 오랫동안 운영된 상용 이메일 테스트 서비스입니다. HTML을 붙여 넣거나 고유한 시드 주소로 보내면 Litmus가 Outlook 2007-2021, Apple Mail, iOS, Gmail(웹 및 앱), Yahoo, Office 365, Thunderbird 등 여러 클라이언트에서 미리 보기를 표시합니다.

Email on Acid는 비슷한 미리 보기를 제공하면서 자동 검사 기능을 더 강화했습니다. 스팸 점수 테스트, 다크 모드 표시 검사, 접근성 검사(색상 대비, 대체 텍스트), 링크 검증을 제공합니다. 가격은 Litmus와 비슷하므로 팀에서 가장 많이 사용하는 기능에 따라 선택하십시오.

최종 발송 직전에만 테스트하지 말고, 의미 있는 변경을 할 때마다 테스트하십시오. 발송 당일에 Yahoo의 문제를 발견하면 마지막 순간에 몇 시간씩 다시 작업해야 합니다. 수정 비용이 더 낮은 개발 단계에서 문제를 발견하십시오.

시간이 부족하다면 Outlook 2010, 2013, 2016 및 365에 테스트 시간의 대부분을 사용하십시오. 각각 Word 엔진의 특이한 동작 때문에 조금씩 다르게 표시됩니다. Apple Mail과 iOS Mail은 거의 항상 작동하며, Gmail 웹은 몇 가지 @media 주의 사항만 해결하면 작동합니다.

두 서비스 모두 Apple Mail, iOS, Outlook 및 Gmail의 다크 모드 미리 보기를 제공합니다. 어두운 배경에서 로고가 보이는지, 텍스트 대비가 유지되는지, 색상으로 구분한 UI(상태 필, 배지)를 여전히 구별할 수 있는지 확인하십시오.

이 도구는 SpamAssassin과 몇 가지 일반적인 필터를 모의 실행하여 유발 단어, 누락된 list-unsubscribe 헤더, 의심스러운 링크 패턴을 표시합니다. 스팸 점수가 낮다고 해서 받은편지함 도착이 보장되지는 않지만, 점수가 높으면 거의 항상 스팸함으로 이동합니다.

두 서비스 모두 모든 링크와 이미지를 검사하여 손상된 URL, 누락된 대체 텍스트, 큰 이미지 크기를 보고합니다. 최종 발송 전에 이 검사를 실행하십시오. 수백만 명에게 보내는 캠페인에서 CTA가 작동하지 않으면 복구하기 어렵습니다.

빌드 시 지원되지 않는 CSS를 찾으려면 stylelint를 stylelint-email 또는 htmlemail.io 레시피와 함께 사용하십시오. 시각적 확인을 위해 Litmus/EOA와 결합하십시오. 정적 린트 검사는 시각적 차이 비교보다 더 이르고 저렴하게 문제를 발견합니다.

Mailtrap, putsmail.com, 그리고 사용자가 관리하는 Gmail/Outlook/iCloud 계정의 실제 메일함은 제한적인 무료 미리 보기를 제공합니다. 개발 중 빠른 정상 작동 확인에 사용하고, 발송 전에 전체 조합을 확인하려면 유료 서비스에 의존하십시오.

SendGrid, Mailgun, Postmark 등의 도구는 작성 도구에 Litmus 또는 EOA 미리 보기를 통합합니다. 가능하면 이메일을 실제로 발송할 동일한 도구에서 테스트하십시오. 그래야 수신자가 보게 될 모습과 정확히 같은 표시를 확인할 수 있습니다.

브라우저에서 이메일을 표시하는 것보다 Litmus 또는 Email on Acid로 테스트하는 것이 더 신뢰할 수 있는 이유는 무엇입니까?

Litmus와 Email on Acid는 실제 클라이언트 엔진에서 이메일을 render하고 스크린샷, 다크 모드 미리 보기, 스팸 점수 및 접근성 검사 결과를 반환합니다. Outlook 변형에 집중하여 테스트하고, CI에서 정적 린트 검사를 실행하며, 발송 도구에 미리 보기를 통합하십시오. 그래야 테스트한 내용과 수신자가 받는 내용이 일치합니다.