▶ 요약: 메일젯에 소개된 블로그 글을 간단하게 요약한 것입니다. 상당히 좋은 자료이니 꼭 실천해볼 것을 권합니다.

핵심 포인트

• 기본 폰트를 사용해라(웹폰트 사용은 자제)
• CSS 사용 시 메일클라이언트가 허용하는지 사전 확인해라(https://www.caniemail.com/)
• 글자 70%, 이미지 30% 정도를 사용해라.
• 이미지 차단 대비 백그라운드 색상과 이미지 설명을 사용해라.
• 이미지의 너비는 PC에선 600픽셀, 모바일에선 320픽셀로 사용해라.(600픽셀로 사용하면 되겠습니다.)
• 메일 본문이 다양한 화면에 맞게 자동정렬되게 작성하라.(반응형)
• 클릭 가능한 요소의 배치에 신경쓰면서 로딩 속도도 감안해라.(https://compressjpeg.com/)

본문 작성 시 주의 사항

• 자바스크립트, 스타일시트는 메일클라이언트에서 자동하지 않으니 사용 자제
• iframe, embed, applet, object 태그는 메일클라이언트에서 자동 제거 됨
• URL주소에 도메인이 아닌 IP주소 사용 시 스팸메일함으로 분류될 수 있음
• 보내는 사람메일 주소는 대량의 수신자와 다른 도메인 주소 사용해야 함
• 아웃룩프로그램에서 이미지 높이가 1700픽셀, 용량이 700kb를 초과하면 차단 됨

관련 추천 사이트

• https://www.caniemail.com/ - 다양한 메일클라이언트에서 허용하는 html, css 확인
• https://unsplash.com/, https://pixabay.com/ 저작권 없는 고화질 무료 이미지
• https://www.canva.com/ -그래픽 디자인 플랫폼, 메일 템플릿
• https://compressjpeg.com/ - 이미지 크기 압축하여 줄이기
• https://reallygoodemails.com/ , https://emaillove.com/ - 다양한 메일 템플릿 샘플
• https://thundermail.kr/2928 - Microsoft Expression Web 4 , HTML 편집 위지윅 프로그램

도움이 되는 글

• HTML Email Template 만들기
• 웹 개발자의 지옥, 이메일 폼 개발하기

출처 및 원문: https://www.mailjet.com/blog/news/email-design-trends

#메일본문 #본문작성팁 #메일마케팅