랜딩 페이지 A/B 테스팅: 비교해야 할 10가지 주요 사항과 그 이유

따라서 방문 페이지의 A/B 테스트를 시작하려고 합니다. 그러나 무작위로 물건을 고르기 전에 생각해 보십시오. 성공적인 실험은 추측이 아니라 이론을 기반으로 합니다.

현재 방문 페이지의 실적은 어떻습니까? 사용자는 어디에서 이탈합니까? 모든 것이 그곳에 도착하는 리드의 종류를 목표로 하고 있습니까? 이러한 답변을 알고 나면 테스트에서 더 빠르고 더 나은 결과를 얻을 수 있습니다.

테스트를 중단해서는 안 됩니다. 작동하는 것을 찾은 후에도. 항상 전환율을 높일 수 있는 방법이 있습니다. 명백한 변화에서 작고 중요하지 않은 세부 사항에 이르기까지.

다음은 A/B 테스트를 위한 방문 페이지의 상위 10개 요소와 그 이유입니다. 또한 많은 예:

1. 팝 업
2. 클릭 유도문안 텍스트
3. CTA 버튼
4. 헤드라인
5. 메인 카피
6. 이미지 및 비디오
7. 가입 양식 필드
8. 방문 페이지 디자인 레이아웃
9. 사회적 증거
10. 작은 세부 사항(색상, 글꼴 등)

A/B 테스트 도구

A/B 테스트는 단순히 웹페이지의 2가지 경쟁 변형을 나타냅니다. 그러나 할 수 있는 다른 유형의 테스트도 있습니다. 분할 테스트는 트래픽을 2개의 다른 버전으로 절반으로 줄입니다. 다변수 테스트는 더 많은 변수와 콤보를 비교합니다.

출처: 허브스팟

그러나 각 테스트는 연구와 관찰을 기반으로 해야 합니다. 그런 다음 작업할 가설이 필요합니다.

출처: 리드페이지

A/B 테스트를 제공하는 수많은 CRO(전환율 최적화) 도구가 있습니다. 다양한 가격 계획이 있습니다. (예산이 0인 회사를 위한 일부 무료 서비스 포함)

다음은 가장 인기 있는 것 중 일부입니다.

1. AB 테이스티
2. 미친 계란
3. HubSpot의 A/B 테스트 키트
4. 더미
5. 구글 최적화
6. VWO
7. 다버튼팩토리

따라서 그것들을 확인하고 귀하의 브랜드에 효과가 있는지 확인하십시오.

팝 업

현재 버전의 방문 페이지에 팝업이 있습니까? 그렇지 않다면 그 이유는 무엇입니까? 우리는 모두 UX(사용자 경험)를 망치는 팝업을 경험했습니다. 하지만 그렇게 할 필요는 없습니다. 제대로 수행하면 이탈률을 낮추고 잠재 고객을 유입경로 아래로 이동할 수 있습니다.

출처: OptinMonster

A/B 테스트 팝업에는 여러 가지 방법이 있습니다. 다양한 색상이나 음영을 시도할 수 있습니다.

출처: Getsitecontrol

시도할 다양한 형식도 있습니다. 얼마나 미묘하거나 명백한지에 따라:

출처: Boagworld

전자 상거래에 있는 경우 페이지 방문자에게 다양한 제안을 시도할 수 있습니다.

출처: Getsitecontrol

명심해야 할 몇 가지 사항:

• 타이밍이 전부다
• 크기와 디자인을 단순하게 유지
• 사용자가 클릭하면 어떤 일이 일어날지 매우 명확하게 하세요.
• 친숙한 사본 사용

때로는 당신이 말하는 것이 아닙니다. 그것은 당신이 그것을 말하는 방법 입니다. 그리고 A/B 테스트 프로세스는 사람들이 공감하는 것을 찾는 데 도움이 될 수 있습니다.

클릭 유도문안 텍스트

클릭 유도문안은 마케팅 캠페인의 전환 목표 게시물입니다. 바로 구매, 다운로드 또는 가입입니다.

단순하게 유지하고 "여기를 클릭하십시오"라고 쓰는 것이 좋습니다. 그러나 사용자를 참여시키고 원하는 행동에 영감을 줄 수 있는 대안이 너무 많습니다.

그럼 무엇을 써야 할까요? 먼저 전환 의도를 식별해야 합니다. 사용자가 유입경로에 있는 위치 및 사용자가 유입된 위치(트래픽 소스)에 따라 사본을 정렬하려고 합니다.

출처: 클라이언트 부스트

Calm은 일을 정말 단순하게 유지합니다. 한 줄의 텍스트로 앱의 가장 중요한 목표를 알 수 있습니다. 그런 다음 5개의 다른 CTA 버튼을 사용하여 가장 관련성이 높은 문제점을 선택할 수 있습니다. 그런 다음 앱을 가장 잘 사용하는 방법을 알아보기 위한 빠른 개인화된 퀴즈로 이동합니다. 천재.

Budgetnista는 주간 뉴스레터에서 무엇을 얻을 수 있는지 정확하게 알려줍니다. 그녀는 가치에 대해 솔직하고 돈을 절약하는 청중이 이 모든 것이 무료라는 사실에 감사할 것이라는 사실을 알고 있습니다.

CTA 카피로 창의력을 발휘할 수 있습니다. 먼저 사이트 방문자가 왜 거기에 있고 무엇을 원하는지 알아내십시오. 그렇게 하면 그들과 쉽게 공감할 수 있습니다.

CTA 버튼

CTA 버튼은 클릭 유도문안의 마지막 단계입니다. 수동 방문자를 활성 사용자로 전환합니다. 따라서 자체 섹션이 필요합니다.

너무 많은 부분이 전환율을 높일 수 있기 때문에:

• 클릭할 수 있는 디자인 만들기
• 귀하의 사본으로 설명하기
• 적절한 크기와 간격
• 1인칭 시도
• 긴급성 생성 및 강력한 동사 사용
• 부제목 추가

출처: Canva

CTA 버튼을 조금만 조정하면 A/B 테스트 결과에 큰 영향을 미칠 수 있습니다. Unbounce는 방문 페이지의 문구를 "30일 무료 평가판 시작 " 에서 "30일 무료 평가판 시작"으로 변경하면 클릭률이 90% 증가한다는 사실을 발견했습니다.

버튼 색상을 변경하는 것만으로도 큰 영향을 미칠 수 있습니다. 사용자는 분명히 버전 B의 네이비 블루보다 이 이메일의 밝은 주황색 버전을 선호했습니다.

출처: 스노프

Da Button Factory의 무료 도구를 사용하여 다양한 버전의 버튼을 시험해볼 수 있습니다. 다양한 스타일, 색상, 글꼴 및 텍스트를 만듭니다. 그런 다음 방문 페이지에서 다운로드하여 테스트하십시오.

출처: 다버튼팩토리

잠재적인 문제점을 이해하고 있음을 보여주기 위해 "부제목" 버튼을 추가할 수도 있습니다.

출처: CoSchedule

그런 다음 제공하는 것의 가치를 강조해야 합니다. 그런 다음 모든 이의 제기를 처리합니다.

출처: 마케팅 사례

방문 페이지 최적화는 이러한 작은 세부 사항에 관한 것입니다. 특히 전환 전 마지막 단계에서. 그러니 그들을 잊지 마세요.

헤드라인

평균적으로 80%의 사람들이 콘텐츠의 헤드라인을 읽습니다. 그러나 나머지 20%만이 나머지를 읽는 것을 귀찮게 할 것입니다. 그래서 많이 타고 있습니다.

많은 사람들이 귀하의 사이트와 브랜드에 대해 갖게 될 첫인상입니다. 따라서 지루하거나 혼란스러울 수 없습니다. 매력적이고 관련성이 있어야 합니다.

출처: 리드페이지

다음은 실험할 수 있는 몇 가지 사항입니다.

• 사본 자체
• 문장 길이
• 페이지에서 위치
• 크기 및 글꼴
• 강조하는 주요 이점

저자 Amanda Stevens는 헤드라인의 문구를 A/B 테스트하는 것만으로도 eBook 전환율을 307% 증가시켰습니다. 그녀는 이 원본 버전에서 전환했습니다.

출처: Issuu

이 훨씬 더 명확한 업데이트:

다음은 KlientBoost의 또 다른 A/B 테스트 예입니다. 그들은 현재 마케팅 계획 페이지의 헤드라인을 테스트하고 있습니다. 페이지의 첫 번째 버전은 다음과 같습니다.

그리고 그들이 시험하고 있는 다른 것:

Harry Dry의 마지막 팁은 "랜딩 페이지 단어"를 피하는 것입니다. 슈퍼차지, 잠금 해제, 해방과 같은 것. 우리는 대화에서 이러한 단어를 실제로 사용하지 않습니다. 그래서 그들은 관계를 맺기가 더 어렵습니다.

당신의 헤드라인은 사람들에게 당신의 첫인상이자 마지막 인상이 될 수 있습니다. 따라서 후자가 아닌지 확인하십시오.

메인 카피

사이트의 서면 부분은 SEO의 주요 요소 중 하나입니다. 네. 키워드 리서치가 중요합니다. 하지만 잊지 마세요, 당신은 인간을 위해 쓰고 있습니다.

여기에 브랜드 보이스가 빛을 발해야 합니다. 그리고 타겟 고객이 더 좋아하는 카피를 A/B 테스트하는 것도 재미있을 수 있습니다.

Cards Against Humanity는 끔찍한 사람들을 위한 파티 게임입니다. 그리고 그들은 건방진 비꼬는 어조를 사용하여 전체 내용을 2개의 짧은 단락으로 요약합니다.

기본 사본에서도 형식이 중요합니다. 인간은 전체를 읽기로 결정하기 전에 페이지를 스캔합니다. 따라서 부제목을 사용하여 긴 텍스트를 분리해야 합니다.

출처: 마케팅 사례

BarkBox는 명확하고 형식이 잘 지정된 사본의 좋은 예입니다. 그들은 잠재 고객이 가능한 가장 빠른 방법으로 무엇을 얻고 있는지 정확히 알고 싶어합니다.

그리고 미니멀한 룩이 트렌드로 떠오르고 있는 것 같습니다. 토닉 브랜드 Unspiked도 같은 전술을 사용했습니다. 텍스트 벽을 대화 어조의 몇 가지 주요 요점으로 대체합니다.

랜딩 페이지에서 무엇을 말하든 더 나은 전달 방법이 있을 것 입니다. 따라서 A/B는 브랜드 보이스, 강조하는 가치 및 형식을 테스트합니다. 그리고 청중이 어떤 반응을 보이는지 확인하십시오.

이미지 및 비디오

디지털 마케팅에서 시각적 콘텐츠는 매우 중요합니다. 또한 대상 고객의 참여를 유도하기 위해 방문 페이지에는 제품 또는 서비스의 가치를 명확히 하는 데 도움이 되는 그래픽이 필요합니다.

이것은 다른 형식일 수 있습니다:

• 앱의 스크린샷
• 사용자 생성 콘텐츠 및 사회적 증거
• 제품 사진
• 만화 또는 그래픽
• 영화 또는 쇼릴

출처: 마케팅 사례

인간은 시각적 동물입니다. 그리고 당신의 제품이나 서비스가 말하는 것보다 보여주는 것이 훨씬 쉽습니다. 그래서 더욱 기억에 남을 것입니다. 그래서 저는 그 조언을 받아들이고 각각의 효과가 있는 몇 가지 예를 보여 드리겠습니다.

사람들이 구매할 수 있는 제품의 고품질 사진:

출처: 고비

서비스가 다루는 내용의 종류를 전달하는 스케치:

출처: 레모네이드

작동 중인 앱의 스크린샷:

출처: Todoist

클릭하여 더 명확하게 볼 수 있는 백그라운드에서 재생 중인 쇼릴:

출처: MadeBrave

이러한 형식 중 하나를 A/B 테스트할 수 있습니다. 어쩌면 서로에 대해 스틸 샷을 넣을 수 있습니다. 그런 다음 수상한 사진이나 그래픽에 대해 비디오를 시도하십시오.

청중은 제품이나 사람에 대한 선호도가 있을 수 있습니다. 그들은 당신의 제품에 대한 360도 비디오를 보고 싶어할 것입니다. 또는 확대할 수 있는 전후 이미지. 그리고 그것을 알아내는 것은 당신의 일입니다.

가입 양식 필드

방문 페이지에서 가입 양식을 자주 볼 수 있습니다. 그리고 디자인은 사람들이 무엇에 가입하기를 원하는지에 따라 달라집니다. 주간 이메일 뉴스레터인가요? 예정된 웨비나? 다운로드 가능한 리소스?

당신이 필요하지 않을 때 사람들에게 많은 정보를 미리 요청하는 것은 사람들을 미루게 하기에 충분할 수 있습니다. 큰 이름조차도 이것을 잘못 이해합니다.

출처: 마케팅 사례

가입 양식을 얼마나 간단하게 만들 수 있는지 생각해 보십시오. Notion과 같은 이메일만 요청할 수도 있습니다.

출처: 개념

그런 다음 설정 및 온보딩을 통해 필요한 나머지 정보를 얻으십시오. 양식으로 이러한 아이디어를 A/B 테스트할 수도 있습니다.

• 무료 평가판 사용 여부에 대한 신용 카드 정보 요청
• 완료된 필드에 대한 즉각적인 피드백 제공(예: 눈금 또는 십자가)
• 소셜 미디어, Google 또는 Apple을 통한 등록 옵션
• 클릭 유도문안 및 버튼 색상
• 양식 구조, 배치 및 진행률 표시기
• 지침 또는 오류 메시지 변형 추가

방문 페이지의 모든 것을 클릭 유도문안이 아닌 가치 유도부로 생각하십시오. 이 팁은 이 베팅 포럼의 가입을 31.54% 증가시켰습니다.

출처: 언바운스

사람들이 가입함으로써 얻을 수 있는 것이 훨씬 더 분명했기 때문입니다. 테스트는 9일 동안 13,560명의 방문자와 291회의 전환으로 이루어진 샘플 크기로 실행되었습니다. 그리고 이것들은 여러분이 수행하는 모든 A/B 테스트에서도 추적해야 하는 중요한 메트릭입니다.

과정을 단순화할 수 있다면 그렇게 하십시오. 많은 정보 가 필요 하면 분할하십시오. 사람들을 위해 가능한 한 원활하게 진행의 각 단계를 만드십시오.

방문 페이지 디자인 레이아웃

지금까지 많은 단일 페이지 요소를 다루었습니다. 그러나 전체 랜딩 페이지 디자인은 어떻습니까?

레이아웃은 사람들이 가장 먼저 보고 상호 작용하는 것에 큰 영향을 줄 수 있습니다. 히트맵 및 세션 기록은 여기에서 매우 중요합니다. 사용자 여정을 추적하는 데 도움이 될 수 있기 때문입니다. (처음에 언급한 일부 도구가 도움이 될 수 있습니다.)

그들은 사람들의 관심을 끄는 것이 무엇인지 먼저 보여줄 것입니다. 또한 제대로 작동하지 않는 기능이나 버튼이 있습니다.

출처: 지피

방문자도 따뜻한 리드인지 차가운 리드인지에 따라 많은 것이 달라집니다. CTA와 양식을 '스크롤 없이 볼 수 있는 부분'에 두는 것이 표준입니다. 그러나 사람들이 귀하의 제품에 대해 아무것도 모른다면 성급하게 보일 수 있습니다.

이 회사는 CTA를 긴 B2C 방문 페이지의 맨 아래로 옮겼습니다. 실제로 전환율이 304% 증가했습니다.

출처: 닐 파텔

그냥 표준으로 가지 마십시오. 또는 다른 모든 사람들이 하는 일. 귀하의 사이트에 적합하지 않을 수 있기 때문입니다.

Unbounce 또는 Leadpages와 같은 랜딩 페이지 빌더에는 많은 템플릿과 옵션이 있습니다. 따라서 영감을 얻기 위해 이것들을 사용하거나 자신의 길을 가십시오.

녹화 및 히트맵의 결과를 사용하여 레이아웃을 섞습니다. 사용자 여정이 무엇 이라고 생각 하는지 그냥 가지 마십시오. 이를 추적하고 사실에 따라 변경합니다.

사회적 증거

대부분의 홈페이지에는 이제 사회적 증거가 포함됩니다. 그것은 사람들이 다른 사람들이 하는 일에 따라 행동을 적응시킨다는 생각에 근거합니다. 신뢰와 인지된 가치를 구축하는 데 도움이 되므로 방문 페이지에 도움이 됩니다. 그리고 처음 웹사이트 방문자의 신뢰도를 높입니다.

사회적 증거는 다양한 형태로 나타날 수 있습니다.

• 리뷰
• 사용후기
• 사례 연구
• 사용자 제작 콘텐츠(UGC)
• 인플루언서 및 브랜드 앰버서더 보증
• 사용자 통계

귀하의 회사가 방문자에게 적합한 선택인 이유를 빠르게 강조할 수 있습니다. VWO 홈페이지의 사회적 증거처럼.

그들은 정말 간단한 방법으로 성공을 보여주었습니다. 각 브랜드 로고 옆에 표시되는 백분율로, 해당 도구를 사용하여 전환율이 얼마나 증가했는지 보여줍니다.

다른 경우에는 사회적 증거가 페이지를 어지럽힐 수 있습니다. 그리고 CTA에 집중하지 마십시오. 따라서 레이아웃을 추가하기 전에 먼저 레이아웃을 살펴봐야 합니다.

Buffer는 사회적 증거를 위해 홈페이지에서 사용후기와 통계를 혼합하여 사용합니다. 이미 많은 사람들이 회사를 이용하고 소중히 여기고 있음을 보여줍니다. 그런 다음 구체적인 경험을 탐구합니다.

또는 매우 간단하게 유지할 수 있습니다. 그리고 TrustPilot과 같은 잘 알려진 리뷰 사이트에서 귀하의 평가를 표시하십시오. 그렇게 하면 다른 말을 할 필요가 없습니다.

출처: 버터넛 박스

그렇다면 어떻게 자신의 사회적 증거를 얻을 수 있습니까? 다음 옵션을 시도해 보세요.

• 소셜 미디어에서 고객에게 피드백 요청
• 소셜 리스닝을 사용하여 사람들이 귀하의 브랜드에 대해 말하는 것을 확인하십시오.
• 사이트에 리뷰 추가
• UGC를 요청하거나 해시태그 캠페인을 시작하세요.
• Google 애널리틱스의 일부 측정항목 강조표시

몇 가지 옵션이 있으면 테스트할 차례입니다. 랜딩 페이지의 레이아웃에 어떻게 맞출 수 있는지 확인하십시오. 어떤 버전이 고객을 끌어들이는지 알아보세요. 어떤 버전이 그다지 추가되지는 않습니다. 그런 다음 다른 것을 시도하십시오.

작은 세부 사항(색상, 글꼴 등)

두 가지 버전의 방문 페이지가 테스트를 위해 크게 다를 필요는 없습니다. 때로는 중요하지 않은 세부 사항을 변경합니다.

예가 필요하십니까? 이 CTA 버튼의 배경 크기를 늘리면 실제로 전환이 10% 감소했습니다. 미쳤지?

​​

테스트의 기회는 무궁무진합니다. 그러나 긍정적인 영향을 미칠 수 있음을 시사하는 연구를 기반으로 하는 것을 기억하십시오.

다음과 같이 플레이할 수 있습니다.

• 색 구성표
• 타이포그래피 및 글꼴 크기
• 카운트다운 타이머
• 배경 이미지 및 패턴
• 링크 색상

분명히 수백 가지 글꼴 변형을 테스트하는 데 시간을 낭비하고 싶지 않습니다. 따라서 현실적이며 브랜드 아이덴티티에 맞는 몇 가지를 선택하십시오.

이 사이트의 경우 단일 링크의 글꼴 크기를 늘리면 클릭률이 +33% 증가했습니다.

그런 작은 변화가 수천 달러의 차이가 될 수 있습니다. 그러나 시도하기 전까지는 알 수 없습니다.

결론

방문 페이지에는 A/B 테스트할 수 있는 요소가 너무 많습니다. 그러나 먼저 이를 뒷받침할 증거가 필요합니다.

많은 것이 귀하의 제품이나 서비스에 달려 있습니다. 그리고 사용자를 안내할 방문 페이지의 유형. 사람들이 귀하의 사이트에 도달하면 구매할 준비가 되었습니까? 아니면 그들이 당신의 제품에 대해 더 알고 싶어 합니까?

청중 조사는 중요합니다. 따라서 먼저 잠재 고객에 대한 모든 것을 알고 있는지 확인하십시오. 이렇게 하면 방문 페이지 A/B 테스트에 시간과 노력이 덜 소요됩니다. 훨씬 더 의미 있는 영향을 미칩니다.

A/B 테스트로 성공한 사례를 본 적이 있습니까? 방문 페이지의 어느 부분에서 업데이트를 사용할 수 있습니까? 아래 의견에 알려주십시오.