HTML 이메일 형식: 실수 및 수정

게시 됨: 2019-12-26

이메일이나 뉴스레터는 텍스트, 여백, 이미지 및 링크의 완벽한 균형이어야 합니다. 그러나 얼마나 많은 이메일 마케터가 이 섬세한 공식을 잘못 알고 있는지 놀랄 것입니다.

이미지가 너무 많은 이메일. 우리는 Benchmark에서 모든 것을 보았습니다.

그러나 이 기사는 올바른 이해를 돕기 위한 것입니다. 이 공간에서 우리는 가장 일반적인 HTML 형식 오류와 실수를 나열하고 이를 수정하는 방법을 설명합니다. 따라서 올바른 일을 하고 있는지 여부에 대해 여전히 질문이 있는 경우 계속 읽으십시오. 아마 그렇게 할 것입니다.

실수 #1: 너무 많은 이미지/그래픽을 사용하고 텍스트는 충분하지 않습니다.

주로 스패머로부터 많은 이메일을 받았을 것입니다. 이미지는 가득하지만(또는 하나의 큰 이미지라도) 텍스트 측면에서는 얇습니다. 이러한 이메일은 보기에 좋을 수 있지만 이메일 클라이언트가 스팸성 텍스트 이메일을 제거하는 것처럼 이미지가 많거나 가벼운 텍스트 이메일도 차단한다는 점을 기억하십시오.
그래서, 당신은 이것에 대해 무엇을 할 수 있습니까? 계속 읽으세요:

텍스트를 압도하지 않도록 이미지를 축소, 축소, 축소합니다. 이메일이나 뉴스레터에 균형이 필요합니다. 더 작은 이미지는 이를 달성하는 데 도움이 될 수 있습니다.
필요한 경우 축소판 이미지를 사용하십시오. 누군가 이 썸네일을 클릭하면 HTML 이메일이나 뉴스레터의 웹 버전으로 다시 연결하십시오. 귀하의 이메일이나 뉴스레터의 웹 버전으로 전송된 사람들이 이미지가 포함된 전체 이메일을 볼 수 있으므로 이는 귀하에게 엄청난 도움이 될 것입니다.
구속을 사용하십시오. 텍스트 단락만 있고 하나 또는 두 개의 이미지를 사용해야 하는 경우 가장 좋은 이미지를 선택하고 계속 사용하십시오. 기억하십시오: 나중에 캠페인에서 다른 이미지를 사용할 수 있습니다.
하나의 큰 그래픽 또는 이미지 파일로 된 이메일을 보내지 마십시오. 당신은 텍스트가 필요합니다. 이메일 클라이언트는 이메일과 뉴스레터에서 텍스트 키워드를 찾아 이러한 캠페인을 받은 편지함으로 보낼지 여부를 결정합니다. 100% 그래픽 파일은 통과하지 못합니다.

실수 #2: 미리보기 창을 잊어버리기

이메일의 옛날에는 수신자가 받은 편지함에서 전체 버전을 볼 수 있었기 때문에 긴 뉴스레터를 보내는 것이 큰 문제가 아니었습니다. 더 이상은 아닙니다. 많은 이메일 클라이언트를 지배하는 미리 보기 창(Outlook과 Windows Mail은 단 두 개임)으로 인해 대부분의 고객은 몇 인치에 불과한 작은 조각을 보게 될 가능성이 큽니다.

덕분에 받는 사람이 이메일 캠페인을 열고 전체를 보도록 유도할 수 있는 시간은 몇 인치에 불과합니다. 다음은 미리보기 창을 유리하게 사용하기 위한 몇 가지 팁입니다.

가장 중요한 것을 맨 위에 두십시오. 클릭 유도문안이나 가장 중요한 영업 프레젠테이션을 이메일 상단에 추가하면 미리보기 창을 사용하는 고객이 보게 될 것입니다. 관심을 가져보세요.
그에 따라 로고를 배치하십시오. 예를 들어 왼쪽에 놓으면 볼 수 있을 뿐만 아니라 판매 피치/메시지에 방해가 되지 않습니다.
넓게 갈 생각? 하지마. 대부분의 미리보기 창에는 표시되는 이메일의 너비에 대한 제한이 있습니다. 575 또는 600픽셀 이하로 확장하여 단순하게 유지하십시오.
무엇보다도 텍스트 링크를 고려하십시오. 이메일 맨 위, 심지어 그래픽 위까지 텍스트 링크를 사용하십시오. 이 링크의 텍스트가 충분히 매력적이라면 고객은 이 링크를 클릭하고 웹 기반 버전의 이메일을 방문할 것입니다.

실수 #3: 작동하지 않는 링크, 작동하지 않는 이미지 등 사용

수많은 이메일 마케팅 담당자가 이메일을 보내기 전에 이미지와 링크가 작동한다고 가정하기 때문에 "가정"이라는 단어에 대한 오래된 말은 여기에서 전적으로 적절합니다. 레이아웃을 확인하기 위해 테스트 이메일을 보내는 것만으로는 충분하지 않습니다. 각 링크가 작동하고 각 이미지가 올바르게 표시되는지 절대적으로 확인해야 합니다.

다음은 몇 가지 팁입니다.

이메일 캠페인에 텍스트 URL을 사용하지 마십시오 . 텍스트 URL은 전체 웹 주소를 표시하는 URL입니다. 예: www.benchmarkemail.com . 이메일 클라이언트에 의해 차단될 가능성을 줄이려면 전체 텍스트 URL 대신 하이퍼링크와 일반 텍스트를 사용하십시오. 올바른 방법은 다음과 같습니다. 벤치마크 이메일 방문
잘못된 방법은 다음과 같습니다. https://www.benchmarkemail.com/을 방문하세요.
독립적인 텍스트 사용 이미지가 제대로 작동하도록 할 수 있는 모든 작업을 수행한 경우에도 해당 이미지 없이 자체적으로 존재하는 텍스트를 만들어야 합니다. 서버, PDA, 휴대폰 및 이메일 클라이언트에는 때때로 기술적인 문제가 있어 이미지가 표시되지 않습니다. 덕분에 이미지가 표시되지 않으면 이메일 사본이 독립적으로 표시됩니다.

실수 #4: 정교한 코드 및/또는 첨부 파일 사용

관심을 끌기 위해 경쟁하는 수많은 이메일 덕분에 많은 이메일 마케팅 담당자(아마도 본인 포함)는 이메일을 더욱 눈부시게 만들기 위해 표준을 벗어난 유형의 코드를 사용했습니다. 우리는 그 열정에 박수를 보내지만 이러한 이메일이 받은 편지함에 도달하지 못할 수도 있다는 것을 알고 있습니다.

표준을 벗어난 코딩을 버리십시오. 우리는 기본적이고 지루한 HTML보다 Active X를 사용하여 이메일로 훨씬 더 많은 일을 할 수 있다는 것을 인정할 수 있습니다. 자바스크립트도 마찬가지입니다. 그러나 이러한 더 섹시한 유형의 코드인 바이러스를 사용하는 데에는 몇 가지 큰 단점이 있습니다. 스패머는 Active X를 통해 온갖 종류의 불쾌한 것(바이러스, 트로이 목마)을 보내는 것으로 유명합니다. 덕분에 대다수의 이메일 클라이언트가 Active X를 차단합니다. 이 코드를 사용하면 이메일이 받은 편지함이나 휴지통에 들어가지 않습니다. 따라서 HTML을 디자인 코드로 고수하십시오.
첨부 파일을 보내지 마십시오. 첨부 파일은 스팸 필터의 위험 신호와 같습니다. 첨부 파일이 있는 상업성 이메일을 보내면 이메일 캠페인이 차단되기를 바라는 것뿐입니다. 이러한 이유로 모든 첨부 파일을 버리는 것이 좋습니다. 주제를 확장해야 하고 더 많은 공간이 필요하다면 더 많은 정보를 제공하는 사이트의 랜딩 페이지로 다시 링크하십시오.

실수 #5: 다양한 인기 이메일 서비스로 이메일을 테스트하지 않음

이메일 클라이언트가 다른 코딩을 사용하여 이메일을 표시한다는 사실을 잊기 쉽습니다. 이것은 AOL의 이메일이 yahoo 또는 Gmail의 이메일과 다르게 보일 수 있음을 의미합니다. 이 문제를 해결하는 몇 가지 방법은 다음과 같습니다.

테스트 이메일을 보내는 데 집착하십시오. 캠페인이 종료되기 전에 테스트 이메일을 보내는 것이 얼마나 중요한지 말로 다 표현할 수 없습니다. 5~6개의 테스트 이메일을 최고의 무료 이메일 서비스(yahoo, Gmail, AOL, Hotmail 등)로 보내고 이메일이 도착하면 해당 이메일의 모든 링크와 이미지를 클릭하십시오. 대부분의 서비스는 이미지를 비활성화하므로 테스트 이메일을 보내고 각 클라이언트와 함께 이미지를 켜고 얼마나 많은 이미지가 올바르게 표시되는지 확인하십시오.
큰 문제를 해결하십시오. 사실을 직시하세요. 모든 이메일 클라이언트에서 이메일이 완벽하게 표시되도록 할 수는 없습니다. 코딩 문제로 인해 이메일이나 뉴스레터는 AOL에서 야후나 Gmail에서와 약간 다르게 보일 수 있습니다. 그러나 어떤 것들은 간과될 수 있지만, 당신은 할 수 없는 것들에 집중해야 합니다. 여기에는 일부 이메일 클라이언트에는 표시되지만 다른 클라이언트에는 표시되지 않는 이미지, 일부 클라이언트에 의해 귀하의 이메일이 스팸함에 덤프되었는지 여부 및 기타 큰 문제가 포함될 수 있습니다. 이메일이 나오기 전에 큰 일을 처리하십시오. 테스트는 이러한 큰 문제를 공개하는 데 도움이 됩니다.

위에 나열된 HTML 형식 문제를 피하는 것은 이메일 마케팅 담당자로서 배달 가능성을 개선하기 위해 할 수 있는 가장 중요한 일 중 하나입니다. 이러한 팁 중 일부는 생소하게 보일 수 있지만(특히 초보자인 경우) 이 목록을 자주 확인하고 알기 전에 이러한 팁은 제2의 천성처럼 될 것입니다.