전환하는 랜딩 페이지의 7가지 필수 구성요소

게시 됨: 2018-05-01

리드를 전환하고 판매를 획득하는 것이 잠재 고객을 기본 제품 페이지로 보내는 것만큼 간단하다면 놀랍습니다. 불행히도 대부분의 고객은 제품 홍보, 리드 수집, 리드 육성 및 궁극적으로 판매 달성이라는 긴 프로세스를 포함하는 그보다 더 많은 격려가 필요합니다. 이 프로세스에서 중요한 구성 요소 중 하나는 랜딩 페이지입니다.

이 기사에서는 전환되는 랜딩 페이지의 가장 필수적인 7가지 구성요소가 무엇이라고 생각하는지 다룰 것입니다. 또한 페이지에 추가해야 할 몇 가지 추가 요소, 페이지 작성 방법 및 최적화할 수 있는 몇 가지 방법에 대해서도 설명합니다. 먼저 랜딩페이지가 무엇인지 알아보겠습니다.

방문 페이지의 목적

Western - 제품 소개 데모

랜딩 페이지의 전반적인 목적은 전환입니다. 고객을 전환하는 것은 목표에 따라 다릅니다. 일반적으로 방문자가 이메일 목록을 구독하도록 하여 방문자를 리드로 전환하거나 구매를 완료하도록 하여 방문자를 고객으로 전환합니다.

페이지를 구축하기 전에 목표가 무엇인지 결정하는 것이 중요합니다. 목표는 페이지에 배치하는 요소와 클릭 유도문안을 제시하는 방법에 영향을 미치기 때문입니다. 구축 단계에 이르렀을 때 제품과 밀접하게 관련되어 있고 전환에 도움이 되는 요소만 추가하는 것도 중요합니다. 소셜 미디어 및 기타 여러 제품에서 성공적인 제품으로 많은 팔로워를 보유하고 있지만 방문 페이지에서 이러한 항목을 광고하지 않는 것은 좋은 일입니다. 판매하려는 제품에 계속 집중하세요.

즉, 페이지에 추가하는 요소에 관계없이 무엇보다도 가치를 제공하고 신뢰를 구축하는 것이 중요합니다. 고객은 귀하의 비즈니스와 제품이 얼마나 훌륭하다고 생각하는지 상관하지 않습니다. 그들은 당신이 해결하겠다고 약속한 문제가 있기 때문에 당신의 방문 페이지를 보고 있습니다. 그들이 걱정하는 것은 제품이 그 문제를 해결하는 데 도움이 될 수 있는지 여부입니다.

그런 의미에서 이 게시물의 고기와 감자로 들어가 보겠습니다.

전환하는 랜딩 페이지의 7가지 필수 구성요소

따라서 랜딩 페이지에 필요한 몇 가지 사항을 이미 설정했습니다. 여기에는 명확하고 간결한 목표, 제품에 중점을 둔 레이아웃, 가치를 제공하고 신뢰를 구축하는 문구가 포함됩니다. 페이지에 있어야 하는 두 가지 추가 속성은 이미지와 논리적 흐름입니다.

이미지는 물론 고품질이어야 하지만 더 중요한 것은 일반적으로 제품 및 방문 페이지와 관련이 있어야 합니다. 이것은 주로 일반적인 스톡 이미지와 그래픽에서 벗어나는 것을 의미합니다. 예를 들어, 페이지에 평가를 추가하려는 경우 단순히 이름을 보여주는 대신 평가를 제공한 사람들의 이미지를 추가하십시오.

흐름이 진행되는 한 방문 페이지에 적절한 레이아웃이 있는지 확인하십시오. 때때로 고객 평가와 언론 언급이 맨 위에 있는 랜딩 페이지를 볼 수 있습니다. 대부분의 고객은 이러한 요소를 바로 건너뛸 것입니다. 고객의 주요 관심사는 그들이 겪고 있는 문제를 해결하는 것임을 기억하십시오. 즉, 랜딩 페이지는 틈새 시장에서 받은 찬사를 언급 하기 전에 제품이 무엇인지, 제품의 기능 및 제공하는 이점에 대해 설명해야 합니다.

즉, 이러한 요소를 랜딩 페이지에 표시되어야 한다고 생각되는 순서대로 나열했으므로 더 이상 고민하지 않고 전환하는 랜딩 페이지의 7가지 필수 구성 요소를 소개합니다.

01. 제목

그래서 저는 고객을 유치하기 전에 랜딩 페이지에서 제품이 무엇인지 설명해야 한다고 말했습니다. 귀하의 제목은 이 설명의 일부입니다. 방문자가 귀하의 페이지에 도착하자마자 인사해야 합니다. 여기에서 목표는 제품의 목적을 요약하는 빠르고 눈에 띄는 문구를 만드는 것입니다. 다음은 ConvertKit을 사용한 시각적 예입니다.

ConvertKit 헤드라인

이것은 2018년 5월에 ConvertKit이 사용한 홈페이지 디자인입니다. 그들의 웹사이트 전체가 제품 전용이므로 홈페이지는 본질적으로 랜딩 페이지입니다. 당신이 모른다면, ConvertKit은 블로거 및 기타 콘텐츠 제작자가 청중을 늘리고 이메일 목록을 통해 더 많은 제품을 판매할 수 있도록 지원하는 이메일 마케팅 서비스 제공업체입니다. 따라서 제목은 "크리에이터를 위한 이메일 마케팅"입니다. 짧고 간단하며 효과적입니다.

02. 소제목

제목이 제품이 무엇인지에 대한 사실적 표현에 초점을 맞추는 동안 부제목은 제품이 해결하는 문제에 초점을 맞춰야 합니다. 제목보다 길어야 하지만 한 줄에 들어갈 만큼 짧아야 합니다. 가능하면 한 문장으로 줄이려고 노력하고 단락을 쓰지 마십시오. 다음은 WPForms를 사용하는 예입니다.

WPForms 소제목

이것은 ThemeTrust에서 보증하고 일부 테마에서 지원한 WordPress용 문의 양식 플러그인입니다. 우리는 그것에 대한 리뷰를 작성했습니다. 그들의 제목은 플러그인이 무엇인지 간략하게 설명하고, 부제목은 플러그인이 해결하는 문제를 설명합니다. 소제목에 "초보자 친화적"을 추가하여 대상을 언급하기까지 합니다.

03. 특징

이것은 큰 섹션입니다. 여기에서 제품에 대한 추가 정보를 제공하고 가치를 제공하기 시작합니다. 그렇게 하려면 기능/이점 방법을 사용합니다. 이것은 고전적인 카피 라이팅 기술입니다. 이것은 단순히 기능의 일반적인 목록을 제공하는 것이 아니라 고객에게 제공할 이점의 관점에서 기능에 대해 이야기한다는 것을 의미합니다.

예를 들어, 스마트폰을 판매하려는 경우 휴대전화에 64GB의 기본 저장용량이 있다고 말함으로써 대부분의 고객에게 가치를 제공하지 않습니다. 그 정보는 기술에 정통하지 않은 평균적인 스마트폰 사용자에게 아무 의미가 없습니다. 대신 "64GB의 기본 저장소는 모든 앱을 저장할 수 있는 충분한 공간을 제공하고 공간 부족에 대한 걱정 없이 업데이트를 유지할 수 있습니다."와 같이 64GB의 기본 저장소가 고객에게 어떤 이점이 있는지 설명해야 합니다.

제품의 기능과 제품이 제공하는 이점을 어떻게 보여줄지는 귀하에게 달려 있습니다. 페이지 빌더 플러그인을 사용하고 각 개별 기능에 대해 새 섹션을 추가하거나 단순히 하나의 개별 섹션으로 모을 수 있습니다. 다음은 Pat Flynn의 Smart Podcast Player 랜딩 페이지의 예입니다.

스마트 팟캐스트 플레이어 기능

Pat이 도구의 기능을 정리하고 각 기능에 대한 이점을 짧은 설명의 형태로 포함했음을 알 수 있습니다. 페이지의 나머지 부분을 보면 Pat이 포함된 비디오 및 개별 기능에 중점을 둔 섹션과 같은 몇 가지 추가 방법으로 이 도구의 기능을 선보인 것을 볼 수 있습니다.

또한 제품을 설명하고 주요 기능에 대해 이야기할 때 심리적 접근 방식을 선택할 수도 있습니다. 이를 수행할 수 있는 두 가지 주요 방법이 있습니다. 고객이 찾아오는 핵심 문제를 인식하고 해당 문제를 해결하는 방법에 대한 증거를 제공하는 방식으로 제품에 대해 이야기할 수 있습니다. 이것이 이 게시물 전체에서 우리가 이야기한 내용입니다.

두 번째 접근 방식은 고객이 가지고 있는 꿈이나 소원 또는 그들이 보고 싶어하는 결과에 초점을 맞추는 것입니다. 예를 들어 체중 감량을 해보세요. 판매하고 싶은 체중 감량 과정이 있는 경우 고객의 바쁜 일정, 빠듯한 예산 및 자제력 부족에 대해 과정이 어떻게 작동하는지 언급할 수 있습니다. 그들이 보고 싶어하는 결과에 집중하고 싶다면 이미 체중 감량을 도운 사람들을 고객이 달성할 수 있는 성공의 예로 사용하십시오.

04. 보도자료

몇몇 랜딩 페이지, 특히 홈페이지에서 이러한 내용을 본 적이 있을 것입니다. 일반적으로 "추천된 대로"라는 제목의 제목이 있습니다. 고객의 후기보다 더 신뢰가 가는 방식으로 신뢰를 구축하고 사회적 증거를 보여줄 수 있는 방법을 제공합니다. 틈새 시장 안팎의 출판물에서 언급되는 것은 큰 일이며 고객도 그렇게 생각할 것입니다. 다음은 FreshBook의 홈페이지를 사용한 예시입니다.

Freshbooks 보도 자료

FreshBooks는 제품이 등장한 주요 출판물의 단순한 로고 행을 특징으로 합니다. 이것은 최소한의 접근 방식이지만 슬라이더를 사용하여 이러한 출판물의 인용문을 포함할 수도 있습니다.

언론에 언급되지 않은 경우 귀하와 유사한 제품에 대한 리뷰를 게시한 블로그 및 간행물의 큰 목록(50개 이상)을 만드십시오. 각 블로그 또는 출판물의 편집 팀에 연락할 수 있는 가장 좋은 방법을 찾고(최후의 수단으로 연락처 양식이나 일반 연락처 이메일 주소를 사용) 제품 검토에 관심이 있는지 묻는 짧은 콜드 이메일을 보내십시오. 가능하면 무료 사본을 제공하십시오. 이러한 리뷰를 후원하려면 약간의 돈을 써야 할 수도 있습니다.

05. 사용 후기

고객 평가는 언론에 대한 언급과 동일한 목적(신뢰 구축 및 사회적 증거 제시)을 갖고 있지만, 평가가 언론의 구성원일 필요는 없는 고객의 진술이라는 점만 다릅니다. 고객은 회의적이지만 실제로는 귀사 제품이 문제를 해결할 수 있다고 믿고 싶어합니다. 고객이 이미 귀하의 제품을 사용하여 문제를 해결한 방법을 확인하는 것은 강력합니다.

평가에 대한 리뷰의 인용문을 사용할 수 있지만 고객에게 일대일로 연락하여 제공을 요청할 수도 있습니다. 리뷰를 수집하는 데 문제가 있는 경우 Conversio 또는 Wiremo와 같은 도구를 사용하여 고객이 리뷰를 떠나도록 권장합니다.

평가를 표시할 수 있는 몇 가지 다른 방법이 있습니다. 슬라이더를 사용하여 여러 인용문을 표시하거나 행을 사용하여 몇 개만 표시할 수 있습니다. 독특한 접근 방식을 취할 수도 있습니다. 다음은 SEMrush의 예입니다.

SEMrush 사용후기

SEMrush는 이러한 고객의 인용문을 제공하지 않지만 이 도구를 사용하는 몇 가지 유명 브랜드에 대해 알려줌으로써 사회적 증거를 보여줍니다. 그러나 페이지를 더 아래로 스크롤하면 몇 가지 실제 사용 후기가 연속적으로 표시됩니다.

SEMrush 사용후기

방문 페이지에 사회적 증거를 표시하는 독특한 방법은 잠재 고객에게 제품이 실시간으로 얼마나 많은 판매를 하는지 보여주는 것입니다. 여기 ThemeTrust에서 제공하는 WordPress 플러그인인 Proven을 사용하면 웹사이트 모서리에 새로운 구매 및 뉴스레터 가입을 팝업 메시지로 표시할 수 있습니다. 다음은 이에 대한 스크린샷이지만 웹사이트 페이지에서 이 플러그인이 작동하는 것을 볼 수도 있습니다.

검증된 WordPress 플러그인

WooCommerce, Easy Digital Downloads 및 MailChimp를 비롯한 많은 인기 플랫폼에서 작동합니다.

입증

06. 행동 촉구

랜딩 페이지를 만들고 제품의 모든 측면을 홍보했다면 클릭 유도문안으로 고객을 전환할 수 있습니다. 이를 위해 버튼을 사용하십시오. 고객에게 친숙하며 2단계 옵트인 기술을 활용할 수 있습니다. 전에 말했듯이 방문자를 이메일 구독자 또는 고객으로 전환합니다. 많은 마케터는 방문자를 이메일 구독자로 전환하고 구매를 요청하기 전에 몇 번의 이메일로 그들을 양육함으로써 성공을 거두었습니다. 더 많은 작업이 필요하지만 이 방법을 사용하는 것이 좋습니다.

사용하는 방법에 관계없이 버튼에 배치한 텍스트와 같이 클릭 유도문안은 매력적이어야 합니다. 방문자를 이메일 구독자로 전환하려는 경우 리드 마그넷을 사용하여 구독을 권장하는 것이 좋습니다. 무료 평가판, 무료 제품(과정, 이메일 과정, 전자책 등 포함), 무료 상담, 할인 또는 이와 유사한 것을 제공합니다.

다음은 이 게시물 전체에서 언급한 제품 및 서비스의 클릭 유도문안 몇 가지 예입니다.

  • ConvertKit – "무료 평가판 받기"
  • WPForms – "지금 WPForms 받기"
  • 스마트 팟캐스트 플레이어 – "시작하기"
  • FreshBooks – "시작하기"
  • SEMrush – "지금 시작"

07. 연락처

불행히도 일부 고객에게는 이러한 모든 요소가 충분하지 않습니다. 일부는 구매를 완료하기 전에 약간의 정보를 더 원할 것입니다. 이 목적을 위해 행동 촉구 아래에 연락처를 두는 것이 좋습니다. 판매 목적으로 사용하는 전화번호와 이메일만 포함하십시오.

또한 연락처 정보 앞에 짧은 FAQ 섹션을 추가하는 것을 고려해야 합니다. 여기에는 고객이 자주 묻는 몇 가지 질문이 포함되어야 하며 수신하는 이메일 수를 줄이는 데 도움이 될 수 있습니다.

마지막 생각들

랜딩 페이지에 추가할 내용을 파악한 후에는 이를 구축할 방법이 필요합니다. 이미 웹사이트가 있고 단일 방문 페이지를 추가하려는 경우 페이지 빌더 플러그인 사용을 고려하십시오. Elementor, WPBakery Page Builder(이전의 Visual Composer), Divi Builder, Beaver Builder, SiteOrigin의 Page Builder 및 Themify Builder는 모두 훌륭한 옵션입니다. Unbounce, Landingi, Lander 및 LeadPages와 같은 서비스를 사용할 수도 있습니다.

아직 웹사이트가 없거나 제품을 위한 별도의 웹사이트를 만들 계획이라면 다목적 WordPress 테마인 Weston을 사용해 보세요. Weston에는 몇 가지 랜딩 페이지 데모가 있습니다. 여기에는 제품 소개 데모가 포함됩니다.

Weston - 제품 소개 데모

이 데모는 WPBakery Page Builder(이전의 Visual Composer)를 사용하므로 원하는 섹션을 추가하거나 제거할 수 있습니다.

Western View 데모 받기

방문 페이지가 활성화되고 트래픽이 발생하면 A/B 분할 테스트, Google Analytics의 캠페인, Crazy Egg, heatmap.io 및 Sumo의 열 및 스크롤 맵을 사용하여 이를 최적화할 수 있습니다.