텍스트 미리보기를 위한 최고의 가이드

게시 됨: 2021-07-29

그들은 "첫인상을 남길 수 있는 두 번째 기회는 결코 얻지 못한다"고 말합니다. 나는 "그들"이 누구인지 정확히 모르지만 이 경우에는 그들에게 동의합니다. 이메일에서 첫인상은 보낸 사람 또는 보낸 사람 이름, 제목, 미리보기 텍스트의 세 부분으로 구성됩니다. 이메일 서비스 제공업체(ESP)가 이메일을 보내지 못하게 하기 때문에 모두가 보낸사람 이름과 제목 줄을 기억합니다. 그러나 미리보기 텍스트는 완전히 다른 상황입니다. 그리고 잊어버리면 첫인상을 구독자 이메일 클라이언트의 변덕에 맡기게 됩니다.

이 게시물에서는 이메일의 첫인상이 완벽하도록 미리보기 텍스트를 제어하는 방법에 대해 설명합니다.

대체 미리보기 텍스트가 무엇입니까?

미리보기 텍스트는 받은 편지함의 이메일 제목 줄 아래 또는 옆에 있는 텍스트이며 이메일 내용에 대한 추가 정보를 제공합니다. Gmail에서는 이를 Snippet이라고 하고 Apple Mail에서는 미리 보기라고 하며 Outlook에서는 이를 메시지 미리 보기라고 합니다. 이름이 무엇이든 이 사본은 미리보기 텍스트입니다.

다음은 미리보기 텍스트의 모양에 대한 예입니다.

미리보기 텍스트는 요즘 모든 이메일 클라이언트(적어도 미국에 기반을 둔 클라이언트)에서 잘 지원됩니다. 대부분의 이메일 클라이언트가 이를 지원하고 기본적으로 표시하므로 구독자와 연결하고 제목을 지원하는 훌륭한 방법입니다.

그러나 이메일 클라이언트가 이 콘텐츠를 가져오는 방법은 이메일 클라이언트 자체와 구독자의 받은 편지함 설정에 따라 다릅니다. 대부분의 이메일 클라이언트는 이메일 사본의 첫 번째 줄에서 미리보기 텍스트를 가져오지만 이미지 ALT 텍스트에서 가져오거나 드물게 <a> 태그와 같은 코드에서 가져오는 것도 있습니다. 하지만 코드를 끌어오는 일은 예전만큼 흔하지 않습니다.

diff_preview_txt — *받은 편지함마다 다르게 렌더링되는 미리보기 텍스트의 예*

미리보기 텍스트는 제목을 지원하고 구독자와 소통할 수 있는 좋은 기회입니다. 이메일 클라이언트가 받은 편지함에 무엇을 표시할지 결정하게 함으로써 귀하는 귀하의 브랜드와 구독자에게 피해를 줍니다. 특히 응답자의 24%가 이메일을 열기로 결정할 때 미리보기 텍스트를 먼저 봅니다.

우리를 믿지 않아? 자신의 미리보기 텍스트 테스트를 수행하십시오. Autoplicity는 미리보기 텍스트를 사용하기 시작했을 때 열기율 이 거의 8% 증가했습니다 . 그리고 WeddingWire는 테스트를 통해 클릭률이 30% 증가하는 것을 확인했습니다.

웨딩 와이어 예

미리보기 텍스트에서 이메일 콘텐츠에 티저를 추가하면 이메일에서 클릭과 같은 구독자의 참여도를 높일 수 있습니다.

미리보기 텍스트보기는 어떤합니까?

Litmus Email Previews를 사용하여 100개 이상의 이메일 클라이언트, 앱 및 장치에서 이메일을 미리 보고 표시되는 내용을 확인하십시오. 모든 받은 편지함의 모든 이메일에 대해 완벽한 미리보기 텍스트를 보낼 수 있습니다.

더 알아보기 →

미리보기 텍스트와 프리헤더 텍스트

프리헤더 텍스트는 어떻습니까? 일부 마케터는 이러한 용어를 같은 의미로 사용하지만 실제로는 서로 다른 두 가지입니다. 미리보기 텍스트는 받은 편지함에 표시되는 텍스트입니다 . 프리헤더 텍스트는 이메일의 헤더 영역 위에 표시되는 텍스트입니다 (따라서 프리헤더라고 함) .

extraneous_preheader — *"Forecast: sandals all day, every day"라는 프리헤더 텍스트가 포함된 이메일의 예.*

과거에는 이메일에 콘텐츠를 숨기는 것이 무시되었고 좋은 습관이 아닌 것으로 간주되었습니다. 스팸 폴더에 들어가지 않도록 머리글 텍스트가 이메일에 표시되어야 합니다. 그러나 이메일이 발전함에 따라 숨겨진 콘텐츠가 훨씬 더 보편화되었으며 이전과 같은 방식으로 전달 가능성을 해치지 않습니다.

오늘날, 눈에 보이는 프리헤더는 이메일 상단에서 귀중한 공간을 차지하고 제대로 구성되지 않으면 디자인에 많은 가치를 추가하지 않기 때문에 훨씬 덜 일반적입니다. 눈에 보이는 프리헤더 텍스트를 사용하려는 경우 이메일뿐만 아니라 제목 줄에서도 의미가 맞는지 확인하십시오. 프리헤더 텍스트가 제목 행을 지원하는 역할만 하는 경우 이메일에 표시하지 마십시오.

받은 편지함에만 표시되는 숨겨진 프리헤더 텍스트를 추가한 다음 Rudy의 버려진 장바구니 이메일과 같이 이메일 디자인과 작동하는 가시적인 프리헤더 텍스트를 포함할 수도 있습니다.

제목 : 무료 배송을 낭비하지 마십시오
미리보기 텍스트 : 무료 배송으로 더 쉽게 만들자
머리말 텍스트 : 귀하의 무료 배송이 곧 만료됩니다 .

이메일 미리보기 — *미리보기 텍스트와 다른 머리글 텍스트가 있는 이메일의 예.* *머리글 텍스트: "무료 배송이 곧 만료됩니다."*

이메일에 미리보기 텍스트를 추가하는 것은 매우 쉽습니다.

미리보기 텍스트는 이메일에 추가하기가 다소 쉽습니다. 미리보기 텍스트에 표시하려는 내용에 따라 두 가지 옵션이 있습니다.

이메일 콘텐츠에서 가져오고 싶으십니까? 이메일 디자인에 이미 보이는 프리헤더가 있거나 이메일에 초기 사본을 사용할 계획이라면 이메일에 미리보기 텍스트를 추가하기 위해 아무 것도 할 필요가 없습니다. 이미지나 링크 위라도 원하는 사본이 이메일의 첫 번째 항목인지 확인하십시오. 이렇게 하면 미리보기 텍스트에 대체 텍스트가 표시되지 않습니다. 당신은 당신의 사본 이상 모든 이미지에 대한 대체 텍스트로이 복사본을 넣을 수 있지만, 당신은 복사가 중복되는 및 대체 텍스트가 접근성에 대한 좋지 않은 이미지에 관련이없는 것으로 끝날 것입니다.

미리보기 텍스트를 사용자 정의하고 싶으십니까? 다른 사본을 미리보기 텍스트로 표시하려는 경우 많은 ESP에는 이메일 코드에 자동으로 추가되는 입력할 수 있는 필드(일반적으로 제목을 추가하는 필드 옆에 있음)가 있습니다. 그러나 그렇지 않은 경우 다음과 같이 <body> 태그 바로 뒤에 코드 상단에 추가할 수 있습니다.

<body>
<div style="display:none;">Your preview text goes here</div>
</body>

그것만큼 쉽습니다.

미리보기 텍스트가 제공된 받은 편지함 공간보다 짧거나 미리보기 텍스트 뒤에 빈 공간이 있는지 확인하려는 경우 이를 위한 쉬운 해킹이 있습니다. 다음과 같이 보일 것입니다.

짧은 미리보기 텍스트

해킹 없이 받은 편지함은 다음과 같이 미리 보기 텍스트 뒤에 추가 공간을 채우기 위해 더 많은 이메일 콘텐츠를 가져옵니다.

노-pvt-hack

의도한 미리보기 텍스트 뒤에 "브라우저에서 이 이메일 보기" 비트가 표시됩니까? 그렇군요.

이메일에 코드를 추가하는 것이 걱정된다면 Litmus Builder의 Visual Editor를 사용하여 미리보기 텍스트를 추가하십시오.

Litmus Builder의 비주얼 편집기.

방법은 다음과 같습니다.

Litmus Builder에서 이메일을 작성하거나 추가하십시오.
시각적 보기로 이동하여 제목 줄을 클릭하고 미리 보기 창에서 텍스트 모듈을 미리 봅니다.
왼쪽 편집기에서 미리보기 텍스트를 추가하거나 편집합니다. 그게 다야!

얼마가 너무 많은가요?

이제 미리보기 텍스트를 추가하는 방법을 알게 되었습니다. 그러나 당신이 나와 비슷하고 좋은 산책을 좋아한다면, 멈출 때를 아는 것이 아마도 좋은 생각일 것입니다. 미리보기 텍스트는 얼마나 길어야 합니까? 불행히도 이메일 미리보기 텍스트 길이에 대한 엄격하고 빠른 규칙은 없습니다.

미리보기 텍스트 설정은 이메일 클라이언트에서 구독자가 변경할 수 있으므로 구독자는 5줄의 미리보기 텍스트(약 278자)에서 0줄의 미리보기 텍스트를 볼 수 있습니다. Gmail에서도 사용자가 스니펫(미리보기 텍스트라고 부르는 친숙한 알림)을 끌 수 있습니다.

미리보기 텍스트가 얼마나 많이 표시되는지 추적할 방법이 없으므로 미리보기 텍스트를 90자 미만으로 유지하는 것이 좋습니다. 때로는 미리보기 텍스트가 더 짧거나 아예 없는 것이 받은 편지함에서 이메일을 돋보이게 만들기 위한 것일 수도 있습니다.

아무리 오래 가기로 결정했더라도 가장 중요한 부분은 메시지가 잘리더라도 전달될 수 있도록 가장 가까운 부분이나 시작 부분에 있어야 합니다. 다음에 더 많은 팁이 있습니다.

미리보기 텍스트를 최적화하고 사람들을 끌어들이는 4가지 팁

이메일에 미리보기 텍스트를 추가하는 방법을 알았으니 이제 무슨 말을 해야 할까요? 이 팁을 사용하면 구독자가 열리게 만드는 완벽한 메시지를 만들 수 있습니다!

제목 줄의 가장 친한 친구로 생각하십시오.

땅콩 버터와 젤리. 치킨과 와플. 어떤 것들은 함께 더 잘됩니다. 제목과 미리보기 텍스트도 마찬가지입니다. 그들은 함께 작동하고 하나에서 다른 것으로 원활하게 흘러야 합니다. 미리보기 텍스트를 제목 줄의 확장으로 생각하십시오. 긴급 상황을 만들거나 받은 편지함에 유머를 주입하는 데 사용할 수 있습니다. 제목 줄에 이모티콘이나 개인화를 사용하는 것이 꺼려진다면 미리보기 텍스트에 추가하세요.

Chubbies는 유쾌하고 때로는 들뜬 제목과 미리보기 텍스트 콤보로 유명합니다. 직접 목격하기 위해서라도 그들의 이메일을 구독하십시오. 예를 들어:

Justin Timberlake가 Jessica Biel을 완성한 것처럼 이 미리보기 텍스트는 말 그대로 제목 줄을 완성하므로 한 문장처럼 읽힙니다.

메시지를 잃지 마세요

Gmail과 같은 웹메일 클라이언트에서는 제목과 미리보기 텍스트를 모두 넣을 수 있는 공간이 너무 많습니다. 따라서 긴 제목 줄이 있는 경우 미리보기 텍스트를 멋지고 짧게 유지하는 방법에 대해 생각하십시오. Gmail 받은편지함의 이 스냅샷에서 일부 미리보기 텍스트가 어떻게 완전히 표시되지 않는지 알 수 있습니까? 그러나 다른 사람들은 영향을 미칠 수 있는 더 많은 공간이 남아 있습니다.

그리고 불행한 자르기를 피하기 위해 가능한 한 많은 장소에서 테스트하는 것을 잊지 마십시오. "associate", "assume", "assembly", "assorted"와 같은 단어는 주의하지 않으면 손상되는 위치에서 잘릴 수 있습니다.

반복을 피하십시오

특히 급한 경우 미리보기 텍스트에서 기존 제목과 헤드라인 사본을 재사용하고 싶을 수 있습니다. 그러나 이러한 모든 위치에서 동일한 사본을 재사용하면 하나의 반복적인 받은 편지함 메시지가 생성됩니다. 또한 제목이 누군가의 관심을 끌지 못한다면 미리보기 텍스트에도 해당 문구를 사용하면 구독자를 끌어들일 수 있는 두 번째 기회를 놓치게 됩니다.

이 여분의 공간을 사용하여 제목 줄을 사용하여 창의력을 발휘하고 구독자가 이메일을 열도록 장려하십시오.

개인화 사용 : 캠페인의 다른 부분에서 개인화를 성공적으로 사용했다면 미리보기 텍스트도 개인화해 보십시오.
이메일 요약 : 제목에 클릭 유도문안(CTA)이 포함된 경우 미리보기 텍스트를 사용하여 자세한 내용을 포함하세요. 예를 들어 제목이 "신상품 50% 할인"인 경우 미리보기 텍스트를 사용하여 어떤 유형의 상품이 도착했는지 설명하십시오.
CTA 또는 보조 CTA 포함 : 이메일에 CTA가 몇 개 있습니까? 제목과 잘 어울리면 미리보기 텍스트에 표시하는 것이 좋습니다.
정직하십시오 . 항상 그렇듯이 구독자를 속여 이메일을 열도록 해서는 안 됩니다. 발신자 이름, 제목 줄 및 미리보기 텍스트는 함께 작동하여 구독자가 문서를 열 때 예상되는 내용을 알 수 있도록 해야 합니다.
스크롤 권장 : 뉴스레터를 보내는 경우 특집 기사(또는 두 개)를 강조 표시합니다.

성능 향상을 위한 A/B 테스트

지속적인 이메일 A/B 테스트를 통해 효과가 있는 것과 그렇지 않은 것을 알아보십시오. A/B 테스트 순환에 미리보기 텍스트를 추가합니다. 다양한 미리보기 텍스트와 제목 줄 조합을 테스트합니다. 일부 전략은 더 높은 오픈율을 생성하고 다른 전략은 더 많은 클릭을 생성한다는 것을 알 수 있습니다.

공개 요금에 대해 말하자면, Apple의 Mail Privacy Protection이 출시된 후(최대 2021년 9월) 더 이상 성공 지표로 의존하지 못할 수 있습니다. 따라서 지금 있는 시간을 최대한 활용하여 미리보기 텍스트(및 나머지 이메일)를 최적화하여 최대한 많이 열 수 있도록 하십시오.

원래 Lauren Smith가 2017년 2월 8일에 게시했습니다. 2021년 7월 28일에 마지막으로 업데이트되었습니다.