Outlook 클라이언트에서 내 이메일이 좋지 않은 이유는 무엇입니까?
게시 됨: 2018-07-04진실을 직시합시다. 이메일을 만드는 것은 아주 쉬운 작업입니다. 그러나 Outlook과 호환되도록 해당 이메일의 형식을 지정하는 것은 상당한 작업입니다. 사실 생각보다 어렵습니다.
Outlook은 가장 많이 사용되지만 오래된 이메일 클라이언트입니다. 그러나 Gmail과 같은 다른 이메일 클라이언트에서 찾을 수 있는 몇 가지 개선 사항은 지원하지 않습니다.
샘플:
배경 투명도가 있는 PNG 이미지를 사용한 경우 Outlook이 놀라울 것입니다! 그러한 이미지를 렌더링하는 방법을 모릅니다. 마찬가지로, 둥근 버튼(border-radius CSS 속성을 사용하여 생성)이 Outlook 클라이언트에서 정사각형으로 보이는 이유가 궁금할 수 있습니다. Outlook은 border-radius 및 기타 여러 CSS 속성을 지원하지 않기 때문입니다.
Outlook 이메일이 끔찍해 보이는 이유와 이메일 디자인을 개선하기 위해 할 수 있는 일은 다음과 같습니다.
Outlook에서 내 이메일이 제대로 표시되지 않는 이유는 무엇입니까?
이제 이메일 마케팅 담당자에게 가장 큰 과제는 Outlook용 이메일 템플릿을 구축하는 것입니다. 이는 Outlook 2007부터 Microsoft가 Internet Explorer를 사용하여 전자 메일을 렌더링하는 것을 중단하고 Microsoft Word를 렌더링 엔진으로 사용하기 시작했기 때문입니다. 이 전환은 Word 또는 Excel의 콘텐츠를 Outlook 전자 메일로 복사하거나 붙여넣을 수 있기 때문에 Microsoft 사무실 사용자에게 가장 적합했습니다. 그러나 HTML 기반 이메일 빌더에 대한 시나리오를 어렵게 만들었습니다. HTML 이메일은 외관상 다르게 보이기 때문에 특정 문제를 극복하기 위해 아래 단계에 따라 이메일 캠페인을 개선하십시오.
Outlook을 사용한 이메일 렌더링의 과제
이메일 마케팅 담당자는 이메일 캠페인을 디자인하기 전에 많은 것을 고려해야 합니다. 그는 Outlook을 사용하는 고객 구독을 알아야 합니다. Outlook의 데스크톱 버전, 모바일 버전 및 웹 버전은 전자 메일을 렌더링하는 데 있어 서로 완전히 다릅니다. Outlook을 사용한 전자 메일 렌더링과 관련하여 다음 사항을 확인해야 합니다.
이미지가 잘리고 로드가 느린 이유
이메일에 이미지를 포함할 때 Outlook에는 이미지 크기에 대한 특정 제한이 있습니다.
이메일 뉴스레터는 이메일 마케팅 캠페인에서 중요한 역할을 합니다. 이미지를 추가하여 역동적으로 만듭니다. 때때로 긴 이미지가 캠페인 템플릿에 추가되면 수신 측에서 잘리거나 크기가 다시 조정됩니다. 이것은 Outlook이 1728px 높이를 초과하는 이미지의 상단 부분에서 잘리기 때문입니다. 따라서 이 경우 이미지가 클리핑 없이 나타나도록 1728px 미만의 이미지 크기를 조정해야 합니다.
이미지 크기를 조정할 수 없는 상황에서 가장 좋은 대안은 이미지를 두 개의 개별 이미지로 자른 다음 캠페인에서 사용하는 것입니다.
이미지 크기가 조정되지 않음
Outlook은 HTML로 제한된 이미지와 잘 작동하지 않습니다. 즉, HTML을 사용하여 크기가 조정된 이미지와 함께 전자 메일 템플릿이 추가되면 Outlook은 크기가 조정된 값이 아닌 원래 크기로만 이미지를 표시합니다. 따라서 이메일 자동화에 이미지를 사용하기 전에 이미지 크기가 잘 조정되었는지 확인해야 합니다.
배경 이미지
고객에게 '놀라움'을 줄 수 있는 최고의 전략은 해당 브랜드가 포함된 배경 이미지가 포함된 이메일을 작성하는 것입니다. 이미지에 라이브 텍스트를 오버레이하여 배경 이미지를 보다 의미 있게 만들 수 있습니다. 라이브 텍스트는 고객이 이미지와 함께 표시되지 않는 경우에도 이메일의 목적을 전달하는 데 도움이 됩니다.
그러나 Outlook은 HTML이 있는 배경 이미지를 지원하지 않습니다. 구독자가 배경 이미지를 볼 수 있도록 VML(Vector Markup Language)을 사용해야 합니다.
배경 이미지가 전체 이메일 창을 덮도록 HTML의 <body> 태그에 아래 코드를 입력하십시오.
<div> <!--[if gte mso 9]> <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"> <v:fill type="tile" src="/IMAGE.png" color="#000000"/> </v:background> <![endif]--> <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" align="left" background="IMAGE.png">위의 코드는 Outlook 2007, 2010 및 2013에서 열린 이메일과 함께 배경 이미지를 표시하는 데 완벽하게 작동했습니다. 그러나 Windows Mail 10은 배경 이미지를 허용하는 소스와 함께 이미지를 추가하기 위해 코드를 약간 수정해야 했습니다.
아래 코드는 이미지의 맨 위 레이어를 투명하게 만들고 배경 이미지를 수정하는 데 도움이 됩니다.
<td valign="top" height="700" background="Image Live URL Here" bgcolor="#f7901e"> <!--[if gte mso 9]> <v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" src="/Image Live URL Here" /> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"> <v:fill opacity="0%" color="#f7901e" /> <v:textbox inset="0,0,0,0"> <![endif]--> <div> <!-- HTML Content Here --> </div> <!--[if gte mso 9]> </v:textbox> </v:fill> </v:rect> </v:image> <![endif]--> </td>애니메이션 GIF 가 맞지 않음
영상은 말보다 더 많은 것을 말해줍니다.
그러나 기술적으로 말하면 이메일 템플릿은 비디오를 지원하기 위해 복잡한 코딩이 필요합니다. 대안을 생각하면서 이메일 마케터로서 GIF는 역동적인 옵션이라고 생각합니다. GIF는 가장 단순한 형태로 메시지를 전달하는 애니메이션 이미지입니다. Outlook은 GIF를 지원하지 않습니다.
GIF 이미지가 로드되지만 GIF의 첫 번째 프레임만 고객에게 렌더링됩니다.
이메일 목록에 Outlook 구독자가 있는 경우 이미지의 첫 번째 프레임이 GIF의 기본 컨텍스트를 공유하는지 확인하세요.
애니메이션 부분을 사용하여 다른 이메일 클라이언트를 사용하는 구독자에게 추가 이점을 고려하십시오.
테두리 반경 속성
이메일 마케팅에 대해 말하자면, 클릭 유도문안 버튼은 이메일이 리드를 생성하도록 하는 기능입니다. 둥근 모양의 CTA 버튼을 몇 번이나 클릭했습니까?
테두리 반경 속성은 일반적인 CSS 속성이지만 Outlook에서는 제대로 작동하지 않습니다. Outlook에서는 구독자에게 사각형 테두리가 있는 CTA 단추가 제공됩니다.
추가 공백
이메일이 Outlook으로 렌더링된 후 인쇄 미리보기 옵션에서 보던 것과 같은 이미지 위의 빈 공간이 있는 경우가 있습니다.
블로그 앞부분에서 말했듯이 Outlook 2007은 Microsoft Word를 사용하여 HTML 전자 메일을 렌더링하기 때문입니다.
따라서 이메일은 실제 디자인과 약간 다르게 보입니다.
기본 글꼴 문제
구독자의 장치에 기본 글꼴 스타일이 없는 경우 Outlook은 코드에 언급된 대체 글꼴을 무시하고 전체 전자 메일을 Times New Roman으로 렌더링합니다.
<!--[if mso]> <style> h1 { font-family: Primary font, Fallback font; } </style> <![endif]-->이메일 템플릿은 완벽해야 합니다.
전자 상거래 상점에 대한 이메일 캠페인을 실행합니다. 당신이 디자인한 템플릿은 효과적인 이메일을 보내는 데 도움이 되어야 합니다. 왜냐하면 이것은 고객이 당신을 직접 만나는 오래된 전통적인 현장 마케팅이 아니기 때문입니다.
마케팅 담당자의 외모가 브랜드의 신뢰도를 결정합니다. 그렇다면 지금 우리는 우리 브랜드를 대표하기 위해 무엇을 보내고 있습니까?
이메일. 이메일의 디자인 템플릿은 고객에게 브랜드의 첫인상을 줍니다. 이메일이 콘텐츠와 함께 더 잘 보일수록 브랜드가 더 좋습니다.
그러나 고급 형식 옵션을 사용하여 이메일을 매력적으로 보이게 할 수 있는 자유는 없습니다. Outlook에서 전자 메일이 완벽해 보이는 것을 볼 수 있지만 다른 전자 메일 수신자가 렌더링할 때는 그렇지 않습니다.
이메일 html에서 테이블을 계속 사용해야 합니다. Outlook에서 지원하지 않으므로 position 및 float가 있는 div 요소를 사용하지 마십시오. 불행히도 현재로서는 이에 대한 해결 방법이 없습니다.
구독 취소 옵션은 필수입니다
전자 상거래 상점을 관리하면서 우리는 항상 고객이 우리 브랜드에 계속 참여할 수 있기를 원합니다.
그것을 하는 방법?
뉴스레터. 고객에게 비즈니스 틈새 시장의 동향 및 업데이트에 대한 잠재적인 정보를 제공하십시오.
그러나 궁극적으로 브랜드를 따를 것인지 말 것인지를 결정하는 것은 고객입니다. 당사에 가입한 고객에게는 언제든지 가입 목록에서 탈퇴할 수 있는 옵션이 제공되어야 합니다.
구독 취소 버튼은 당사가 고객에게 보내는 모든 뉴스레터의 필수 항목이며 고객이 이 버튼을 볼 수 없는 경우
무엇을 기대?
스팸을 받을 수 있습니다!
Outlook에서 이메일을 보내는 것은 이 표준 옵션을 제공하지 않기 때문에 우리 브랜드를 이 위험에 빠뜨립니다.
링크가 밑줄이 그어진 파란색/보라색 텍스트로 변경됨
이메일 마케팅 담당자로서 우리는 고객에게 보내는 이메일을 최대한 활용해야 합니다.
구독 링크, 인기 있는 블로그 링크, 당사 웹사이트로의 리디렉션 링크를 포함하여 고객 참여를 달성할 수 있습니다.
Outlook에서 HTML 전자 메일을 보내면 이러한 링크가 다른 전자 메일 클라이언트에서 볼 때 밑줄이 그어진 파란색/보라색 텍스트로 표시됩니다.
이 문제를 방지하려면 <font> 태그를 사용하고 텍스트를 <span> 태그와 스타일 속성으로 감싸십시오.
다음 코드를 사용해보십시오-
<a> <span> <font color="#E3A216"> Click me </font> </span> </a>Outlook은 개인 받은 편지함을 채우는 데 적합할 수 있습니다.
하지만, 비즈니스 말하기 - 상자에서 벗어나 보세요.