신규 마케터를 위한 5가지 Shopify 랜딩 페이지 모범 사례

게시 됨: 2018-09-12

랜딩 페이지는 광고와 함께 사용되는 마케팅 도구입니다. 클릭한 광고와 명확하게 일치하는 페이지를 방문자에게 표시하여 전환율을 높일 수 있습니다.

ShopPad의 COO인 Ryan O'Donnell은 "랜딩 페이지는 스토리를 판매하는 가장 좋은 방법입니다."라고 말합니다. 이것은 랜딩 페이지에 대해 생각하는 중요한 방법입니다. 특히 전자 상거래 랜딩 페이지가 페이지가 제공하는 판매 깔때기의 어느 부분에 따라 취할 수 있는 형식의 수를 고려할 때 전자 상거래 비즈니스에 적합합니다.

완벽한 랜딩 페이지를 추구하는 것은 대부분의 마케터에게 평생의 투쟁이지만(안녕하세요, 끊임없는 A/B 테스트) 몇 년 동안 제가 배운 모범 사례 중 일부를 사용하여 다리를 위로 시작할 수 없는 이유는 없습니다. .

먼저 좋은 랜딩 페이지의 구조를 살펴보겠습니다. 방문 페이지는 다섯 부분 으로 구성됩니다 .

  • 일반적으로 메인 헤드라인과 보조 헤드라인으로 구성된 고유한 판매 제안 입니다. 또한 강화 진술과 종결 주장을 포함할 수도 있습니다.
  • 당신의 영웅 샷. 히어로 샷은 제품의 큰 이미지 또는 동영상입니다.
  • 읽기 쉬운 글머리 기호 목록으로 표시되는 제품의 이점 .
  • 사회적 증거. 인간은 심리적으로 무리 동물 이며 우리는 다른 사람들이 좋아한다고 생각하는 것에 돈을 쓰는 것을 좋아합니다. 사회적 증거는 몇 가지 이상의 방법으로 입증될 수 있지만 일부 인기 있는 방법에는 짧은 제품 리뷰 또는 제품을 사용하는 회사의 로고를 삽입하는 것이 포함됩니다.
  • 클릭 유도 문안. 전통적으로 랜딩 페이지에는 하나의 CTA 버튼만 표시됩니다. 그러나 많은 전자 상거래 비즈니스는 퍼널 랜딩 페이지의 상위에 단일 랜딩 페이지에 여러 CTA가 필요하다는 것을 알고 있습니다. ("파란색 바지"라는 검색 키워드를 클릭한 사람을 위해 선별된 제품 페이지를 생각해보세요.) 이 경우 여러 CTA가 단일 목적을 제공하는 것으로 생각해야 합니다. 선별된 제품 페이지의 경우 CTA는 모두 판매하는 파란색 바지 몇 켤레 중 하나를 구매하는 단일 목적을 가지고 있습니다.

이제 이 다섯 가지 요소에 브랜드 스토리를 불어넣어 랜딩 페이지에 생명을 불어넣을 수 있는 방법에 대해 이야기해 보겠습니다.

1. 메시지를 일치시키세요!

완벽한 광고와 랜딩 페이지 콤보의 가장 중요한 측면은 광고의 메시지가 랜딩 페이지의 메시지와 거의 정확하게 일치한다는 것입니다. 사람들이 귀하의 광고를 클릭하면 광고에서 약속한 내용을 수행하는 페이지로 연결될 것으로 기대합니다.

메시지 일치는 랜딩 페이지가 실제로 광고에서 약속한 것을 수행하는 것 이상이어야 합니다. 랜딩 페이지 헤드라인 문구는 실제로 광고 헤드라인 문구와 유사하거나 정확히 동일해야 합니다. 일치하는 문구를 사용하는 것은 방문자에게 그들이 실제로 올바른 장소에 있다는 즉각적인 신호입니다. 문구가 광고 문구와 명확하게 일치하지 않거나 관련이 없는 경우 대부분의 사람들은 방문 페이지가 원하는 대로 작동하는지 시간을 들여 확인조차 하지 않습니다.

완전히 동일하지 않은 일치 메시지의 예는 다음 Coca-Cola 방문 페이지를 확인하세요.

문구가 정확히 같지는 않지만 헤드라인에서 "개인화/d" 및 "병"이라는 키워드를 공유하고 있음을 알 수 있습니다. "Coke"와 "Coca-Cola"도 비슷하게 작동합니다. 두 헤드라인 모두 중요한 단어를 공유하기 때문에 사람들은 광고가 그들이 찾고자 했던 것과 일치한다는 것을 알 수 있습니다.

2. 목표에 집중하십시오.

랜딩 페이지에 얼마나 많은 CTA가 있어야 하는지에 대한 생각의 학교를 많이 찾을 수 있습니다. CTA가 있어야 하는지 의문을 제기하는 사람들도 찾을 수 있습니다. (스포일러: 그들은 틀렸습니다. 그들은 "CTA"가 버튼 이외의 많은 것을 포함한다는 것을 모릅니다.)

앞서 말했듯이 전자 상거래 랜딩 페이지는 페이지에 표시되는 실제 CTA의 수에 따라 다를 수 있습니다. 전자 상거래 마케터의 진정한 요령은 완벽한 버튼을 만드는 것이 아니라 고객을 위한 목표에 집중하고 고객이 완료할 수 있도록 목표를 최대한 명확하게 만드는 데 있습니다.

그것은 실제로 무엇을 의미합니까?

  • 랜딩 페이지가 연결될 사용자 여정의 부분을 이해합니다. 예를 들어 해당 카테고리 페이지와 같은 랜딩 페이지는 구매 고려 단계에 매우 효과적일 수 있습니다. 내가 "빨간 드레스"를 검색했을 때 클릭한 이 방문 페이지를 확인하십시오. 방문 페이지는 그러한 일반적인 용어를 검색하는 사람이 여전히 빨간 드레스를 조사하고 있다는 사실에 부응하도록 매우 많이 설정되었습니다. 따라서 이 페이지에는 그들이 선택할 수 있는 기회를 허용하기 위해 그들이 가지고 있는 모든 빨간 드레스가 포함된 선별된 제품 페이지가 표시됩니다. 유입경로 랜딩 페이지(예: 매우 특별한 빨간 드레스 검색)의 아래쪽은 모든 CTA를 하나로 줄여 해당 제품 하나만 구매할 수 있습니다. ('빨간 드레스'라는 키워드에 대한 다른 광고의 랜딩 페이지가 두 개 이상 있는 경우 단순한 빨간 드레스 이상을 표시하는 정리되지 않은 제품 페이지로 이동했습니다. 당연히 해당 페이지에서 매우 빠르게 이탈했습니다.)

  • 여러 CTA를 처리할 때 실제 목표가 무엇인지 확인하고 모든 CTA가 해당 목표와 관련된 페이지로 연결되는지 확인하세요. 예를 들어 빨간색 드레스 랜딩 페이지에서 각 CTA는 빨간색 드레스 제품 페이지로 연결됩니다. 단 하나의 목표는 방문자가 빨간색 드레스를 구매하도록 설득하는 것이기 때문입니다.
  • 목표 달성과 관련 없는 모든 혼란을 제거하십시오. 여러 CTA 옵션이 랜딩 페이지에 가장 적합하다고 결정했다고 해서 페이지 전체에 불필요한 링크가 있어야 한다는 의미는 아닙니다. 예를 들어 위의 방문 페이지는 탐색 메뉴 중 하나 이상을 제거하여 개선할 수 있습니다. 목표는 방문자가 빨간 드레스를 구매하도록 하는 것이므로 빨간 드레스 이외의 위치로 연결되는 링크는 제거해야 합니다.

3. 실제로 비디오를 포함합니다.

비디오는 여전히 비즈니스에 비교적 새로운 것이고 많은 랜딩 페이지는 여전히 정적 이미지를 사용합니다. 즉, 사용하는 모든 비디오는 재미있을 뿐만 아니라 독특하기 때문에 눈에 띌 것입니다. 제품 비디오는 사용 중인 제품과 그 기능을 정확히 보여줄 수 있는 환상적인 방법입니다. 제품 비디오에 따라 혜택 섹션을 비디오에 바로 넣고 랜딩 페이지의 공간을 절약할 수도 있습니다! (물론 모든 사람이 비디오를 보기로 선택하는 것은 아니며 여전히 페이지 어딘가에서 혜택을 얻는 방법을 알아내야 합니다.)

4. 영웅 이미지로 창의력을 발휘하십시오.

일반적으로 페이지 왼쪽에 설정되는 랜딩 페이지에서 제품의 큰 영웅 이미지를 활용하는 것이 오랫동안 모범 사례였습니다. 그러나 비디오의 출현과 함께 우리가 방금 이야기한 것처럼 정적 이미지를 사용하기로 선택한 마케터는 한계를 뛰어넘어야 합니다.

Lo & Sons의 이 랜딩 페이지를 확인하십시오. 단일 이미지나 슬라이드쇼에 안주하는 대신 실제로 일련의 사진을 사용하여 이 지갑이 제공할 수 있는 다양한 기능을 보여주었습니다. 이 일련의 사진은 비디오가 원하는 것을 정확하게 달성하는 데 큰 도움이 됩니다.

5. 성공을 측정하고 테스트, 테스트, 테스트합니다.

이 글에서 측정하고 테스트하라고 말하지 않았다면 나는 아주 좋은 마케터가 아닐 것입니다. 랜딩 페이지의 성공 에는 다음과 같은 많은 변수가 있습니다.

  • 방문자가 페이지에 도달한 채널
  • 메시지 복사
  • 사용된 이미지
  • CTA 카피
  • CTA 색상
  • CTA 배치
  • 혜택 사본
  • 혜택 복사 배치

그리고 계속해서…

이러한 변수를 테스트하는 데 도움이 되도록 수행해야 하는 몇 가지 작업이 있습니다.

첫째, 캠페인 내 각 채널에 대해 서로 다른 랜딩 페이지를 사용해야 합니다. Google 방문자가 Instagram 방문자와 다르게 페이지와 상호 작용할 가능성이 실제로 있습니다.

둘째, 고립된 변수에 대한 A/B 테스트 방법을 사용해야 합니다. 즉, CTA 버튼 색상과 같은 페이지의 단일 측면을 선택하고 한 페이지에는 한 가지 색상이 있고 다른 버전에는 다른 색상이 있는 A/B 테스트를 실행합니다.

일부 소프트웨어를 사용하면 한 번에 A/B 테스트를 실행하여 방문자의 50%에게 각 페이지를 제공할 수 있습니다.

그렇게 할 수 없는 경우 특정 숫자에 도달할 때까지 모든 방문자에게 한 버전을 실행한 다음 동일한 방문자 수에 도달할 때까지 다른 버전을 모든 방문자에게 제공할 수 있습니다. 그런 다음 결과를 비교할 수 있습니다. 시간이 조금 더 걸리지만 결과는 동일해야 합니다. 참고로 최적의 표본 크기는 사이트에서 현재 받고 있는 트래픽 양에 따라 달라지므로 이와 같은 계산기를 사용하여 수치를 계산해야 합니다 .

기억하세요: A/B 테스트를 할 때 페이지의 한 측면만 변경해야 합니다. 그렇지 않으면 명확한 결과를 얻을 수 없습니다.

그렇다면 완벽한 전자상거래 랜딩 페이지는 어떤 모습일까요?

모든 것이 끝나고 완료되면 완벽한 랜딩 페이지는 다른 누구와도 다르게 보일 것입니다. 하지만 영감을 얻을 수 있는 절대적으로 킬러 랜딩 페이지의 예는 Lo & Sons의 Deluxe Weekender Bag 랜딩 페이지를 확인하십시오 . 바로 앞에서 그들은 당신에게 헤드라인을 제공하지만, 당신은 그들이 가방이 할 수 있는 것뿐만 아니라 가방이 당신의 삶을 어떻게 바꿀 수 있는지를 보여주는 제품 비디오를 광범위하게 사용하는 것을 보게 될 것입니다. 이 비디오는 고유한 판매 제안의 대부분을 다루고 영웅 이미지와 글머리 기호 혜택을 대신합니다. Lo & Sons는 비디오를 보고 싶지 않은 경우를 대비해 가방의 많은 기능을 추가로 보여주기 위해 정적 이미지와 카피의 콤보를 사용합니다. 하단에는 사회적 증거가 있고 두 개의 CTA 버튼이 있으며 둘 다 실제로 동일한 제품 페이지로 이동합니다.

Shopify 스토어를 위한 놀라운 랜딩 페이지를 만들 준비가 되셨습니까? 우리는 당신을 도울 수 있습니다! Page Studio 앱다운로드 하여 전문가 수준의 랜딩 페이지를 즉시 만드십시오.