라이센스 기반 이메일 마케팅을 통해 마케팅 및 홍보 비용을 크게 줄일 수있을뿐만 아니라 정보를 고객에게 직접적이고 정확하게 전달할 수 있습니다.
제가 오늘 공부하고있는 질문은 기술적 측면에서 시작하여 사용자 비전 및 이메일 클라이언트와 호환되는 훌륭한 이메일을 만드는 방법입니다.
1. HTML 또는 텍스트 (일반 텍스트)를 선택하십시오.어떤 사람들은 간단한 텍스트를 좋아하고 어떤 사람들은 Rich HTML을 읽는 것을 좋아합니다. 우리는 어떻게 선택합니까?
마케팅 이메일의 경우 HTML 형식을 사용하여이를 작성하는 것이 좋습니다 (그림).
확인/알림/정보 이메일을 위해서는 텍스트 또는 간단한 HTML을 사용하여이를 만들어 보는 것이 좋습니다 (그림).
이 두 가지 유형의 이메일을 만드는 방법이 다른 이유는 무엇입니까? 이것은 다음과 같은 이유에 근거합니다.
마케팅 이메일의 내용은 풍부하고 다양합니다. 확인 이메일의 내용은 단일이고 독특합니다.
마케팅 이메일에서 고객은 컨텐츠의 풍부함과 시각 효과의 미학에 더 많은 관심을 기울일 것입니다.
확인 이메일에서 고객이 확인 정보를 매우 직접 볼 수 있기를 원합니다. 복잡한 내용과 시각적 효과는 고객이 이메일의 주요 내용, 즉 확인 정보 만 무시할뿐입니다.
(다음은 마케팅 이메일의 HTML 생산에 중점을 둘 것입니다)
2. 테이블 레이아웃 + CSS 기반 기본 HTML 기술쿵푸의 두 가지 유형이 있습니다. 하나는 가장 양이고 다른 하나는 가장 음이고 부드럽습니다. Zhang Sanfeng이 최고점에 도달 한 이유는 그의 무술 재단과 그의 기본 기술이 견고하기 때문에, 그는 가장 음과 양이 될 수있는이 태극권을 깨달았습니다.
HTML 이메일도 마찬가지입니다. 오늘날 전통적인 전망, Thunderbird, Lotus Notes, Online Mac Mail, Gmail, Hotmail 등을 포함하여 오늘날 많은 유형의 이메일 읽기 클라이언트가 있다는 것을 알고 있습니다. 전자 메일 설명은 다를 것입니다. 대부분의 온라인 이메일 시스템은 <head> </head> 태그 사이의 코드를 차단합니다.
다른 클라이언트를 사용하는 모든 사용자가 보는 이메일을 보려면 동일한 클라이언트가 있으려면 HTML의 기본 기술을 잘 마스터해야합니다. 어떤 사람들은 div+css라고 말하고 어떤 사람들은 그것이 SEO 태그 시맨틱이라고 말합니다. 웹 개발자로서 오늘날이 두 가지 인기있는 HTML 개발 아이디어를 갖는 것은 매우 인기가 없지만 이메일 제작에는 적용되지 않습니다. 우리의 목표는 고객이 가장 독창적 인 레이아웃 방법 인 테이블 레이아웃 + CSS를 사용하는 다른 이메일 클라이언트에서 동일한 정보 내용을 볼 수 있도록하는 것입니다. HTML 및 CSS에 대한 현재 이메일 클라이언트의 지원을 살펴 보겠습니다.
*핫 메일
3. HTML 이메일을 수행 할 때 다음 사항에주의를 기울여야합니다.위치는 절대 크기 (픽셀)와 상대 크기 (백분율)를 결합한 테이블 중첩 방법을 사용하여 수행됩니다.
대부분의 이메일 클라이언트는 플래시 및 JavaScript뿐만 아니라 일부 특별한 태그 및 속성을 차단합니다.
대부분의 온라인 이메일 클라이언트에서 배경 이미지 속성이 차단됩니다. Gmail에서는 배경 이미지를 볼 수 없습니다.
그림의 SRC 속성은 절대 주소와 함께 사용해야합니다.
정확한 : <img src = http : //blog.54575.com/logo.gif 너비 = 297 ″ 높이 = 160 ″ alt = living well =
오류 : <img src = logo.gif />
전시회의 시간, 위치, 내용 및 기타 정보에 대한 정보는 항상 매우 필요합니다. 그림이 표시되지 않을 수 있다는 점을 고려하면 이러한 내용은 그림에 표시되는 것이 좋습니다.
사진에 배치 되더라도 이메일 내용에서 텍스트 형식으로 표현하고 사진의 Alt 속성에 내용을 추가하십시오.
이메일은 종종 두 개의 채널, 소프트웨어 클라이언트와 온라인 클라이언트 인이 두 이메일 클라이언트를 통해 열립니다 (그림).
*Microsoft Outlook 2003
*netease 163 이메일
그림에서 볼 수 있듯이 이메일은 종종 전체 화면으로 표시되지 않습니다.
웹 페이지의 표준 너비가 계속 사용되는 경우, 이메일 내용의 일부가 필연적으로 차단되므로 두 개의 수평 및 수직 스크롤 막대가 생성되므로 고객이 탐색 할 수 없습니다.
그리고 너무 좁은 너비는 공간을 낭비하게됩니다 (그림)
그렇다면 HTML 이메일의 너비를 설정하는 가장 좋은 방법은 무엇입니까? 먼저 잘 알려진 회사의 HTML 메일 제작에 사용 된 너비를 참조하겠습니다.
Netease Youdao : 600px
QQ 회원 : 650px
Dell Home & Office : 650px
Cisco Webex : 600px
잘 알려진 IT 회사의 마케팅 이메일 폭은 600px 및 650px임을 알 수 있습니다.
EDM 및 웹 디자인에서 4 년간의 경험에 따르면, 후자 (예 : 650px)를 HTML 마케팅 이메일의 표준 너비로 선택하는 것을 선호합니다.
650px의 장점 :
전자 메일 내용이 2 개의 열로 나뉘어지면 650px는 x+10+y로 나눌 수 있으며, 여기서 x = 왼쪽 열, y = 오른쪽 열, 10은 갭, x+y = 640 및 640은 20, 640 = 2x2x2x2x10, 20 x 2x2x2x10, 640입니다.
전자 메일의 내용이 3 개의 열로 나뉘어지면 650px는 x+10+y+10+z로 나눌 수 있습니다. 유사하게, x+y+z = 630, 630은 30, 630 = 3 × 3x7 × 10으로 나눌 수 있습니다.
왜 우리는 이런 식으로 분해해야합니까? 웹 페이지의 래스터 화에 대한 연구를 참조하십시오.
이것이 바로 600px 대신 650px를 선택한 이유입니다.
물론, 이것은 개인적으로 나에게 설정된 표준 일 뿐이며 글로벌 통합 표준이 아니었지만 언젠가이 폭이 대다수의 HTML 메일 제조업체와 수신자에 의해 인정되기를 바랍니다.