중요한 지표 – 웹사이트를 적절하게 A/B 테스트

게시 됨: 2022-06-16

마케팅 경험이 얼마나 있고 고객을 얼마나 잘 알고 있다고 생각하든 인간의 행동은 항상 당신을 놀라게 할 수 있습니다. 이것이 바로 마케팅의 신들이 어떤 콘텐츠가 고객에게 가장 잘 전달되는지 파악하기 위해 확실한 방법을 만든 이유입니다.

2012년 성공적인 대통령 선거 기간 동안 전 오바마 대통령의 팀은 그의 웹사이트에서 500개 이상의 A/B 테스트를 실행했습니다. 그 결과 온라인 기부 전환이 49% 증가했고 가입 전환이 161% 증가했습니다.

웹사이트 A/B 테스트는 디지털 마케팅 전략의 핵심 요소입니다. 웹사이트의 사용자 경험, 웹사이트를 개선할 수 있는 방법, 전환 리드 증가에 대한 실행 가능한 데이터를 제공합니다.

A/B 테스트란?

A/B 테스트는 한 가지 분명한 차이가 있는 두 가지 버전의 콘텐츠를 만드는 것입니다. 콘텐츠). 청중 중 일부는 한 버전을 보고 다른 일부는 다른 버전을 보게 됩니다. 더 많은 참여와 전환을 얻는 버전이 승자입니다. 그리고 가장 중요한 것은 청중을 더 잘 이해할 수 있다는 것입니다.

웹사이트 A/B 테스트의 예

웹사이트에서 A/B 테스트를 수행하는 방법

테스트 변수 선택

가장 먼저 해야 할 일: 테스트 대상을 결정합니다. 특정 랜딩 페이지, 제품 페이지, 판매 체크아웃 페이지 또는 최적화하려는 다른 웹사이트 페이지를 선택할 수 있습니다. 각 A/B 테스트에서 하나의 변수를 선택합니다. 완전히 다른 두 버전의 페이지를 만들고 싶은 유혹이 들 수 있지만 이것이 작동하는 방식을 파악하는 데 도움이 되지는 않습니다. 영향을 미친 것이 글꼴인지, 버튼의 색상인지, 메시지인지 알 수 없습니다. 하나의 변수로 시작하고 해당 테스트를 완료하면 다른 변수를 테스트할 수 있습니다.

테스트할 수 있는 몇 가지 변수는 다음과 같습니다.

  • 복사: 페이지의 톤은 무엇입니까? 두 가지 다른 어조로 카피를 작성하여 청중이 더 오래 참여하게 만드는 방법을 확인할 수 있습니다. 한 페이지는 보다 전문적인 톤을 가질 수 있고 다른 페이지는 친근하고 덜 격식을 차릴 수 있습니다.
  • 클릭 유도 문안: 사람들이 클릭하게 만드는 원인은 무엇입니까? 예를 들어 뉴스레터 신청 페이지를 A/B 테스트하는 경우 "뉴스레터 신청" 및 "예! 나는 ~ 안에있다!" 더 많은 뉴스레터 가입을 받은 CTA가 더 좋습니다.
  • 디자인: 페이지의 레이아웃은 매우 중요합니다. 페이지가 보이는 방식은 전환에 큰 영향을 미치므로 수많은 디자인 A/B 테스트를 수행할 수 있습니다. 페이지의 다양한 글꼴, 레이아웃, 색 구성표 및 기타 디자인 요소를 테스트할 수 있습니다.
  • 이미지: 웹사이트 방문자가 스톡 사진이나 만화 및 아이콘을 선호합니까? 다양한 유형의 이미지 또는 다양한 스톡 사진을 사용해 볼 수 있습니다. 청중이 생각만큼 고양이 사진에 관심이 없을 수도 있고 개와 함께 더 많은 전환을 얻을 수 있습니다.

우승 기준 결정

모든 경쟁과 마찬가지로 A/B 테스트에는 승자를 결정하는 특정 기준이 필요합니다. 웹사이트 A/B 테스트의 경우 승자를 판단하기 위해 다음 기준 중 일부를 선택할 수 있습니다.

  • 클릭률 : CTR은 총 노출수당 받은 클릭수입니다. 예를 들어 Google에서 실행 중인 PPC 광고가 5,000회 노출되고 200회 클릭된 경우 CTR은 4%입니다. 광고를 A/B 테스트하는 경우 CTR이 더 높은 광고가 낙찰됩니다.
  • 리드: 리드 마그넷에 대한 랜딩 페이지를 A/B 테스트한다고 가정해 보겠습니다. 이 페이지의 목표는 방문자가 전환하도록 하는 것입니다. 귀하의 성공적인 랜딩 페이지는 더 많은 리드를 생성하는 페이지가 될 것입니다.
  • 세션 시간: 세션 시간은 사용자가 웹사이트에서 보내는 시간입니다. 당연히 기간이 길수록 좋습니다! 세션 시간을 개선하려면 A/B 테스트 변수가 이에 어떤 영향을 미치는지 테스트할 수 있습니다.
  • 전환: 전환은 웹사이트 방문자가 원하는 작업을 수행할 때마다 발생합니다. 고객이 무언가를 구매하거나 특정 버튼을 클릭하거나 이메일 주소를 제공하기를 원할 수 있습니다. 변수를 변경하면 전환에 어떤 영향을 미치는지 확인하십시오!
  • 반송률: 반송률은 한 페이지만 보고 사이트를 떠나는 사람의 수입니다. 이탈률을 낮추는 요소를 확인하기 위해 변수를 테스트할 수 있습니다. 글꼴을 변경하면 사람들이 페이지를 떠나는 것을 막을 수 있습니다.

테스트 페이지 만들기

"제어" 페이지에서 시작하십시오. 이것은 웹 페이지의 원래 버전입니다. 이미 웹사이트에 있는 페이지이거나 새로운 목적으로 만드는 새 페이지일 수 있습니다. 다음으로 테스트 페이지를 만들 수 있습니다. 이 페이지는 기본적으로 제어 페이지의 복사본이지만 선택한 테스트 변수라는 한 가지 차이점이 있습니다.

대표적인 예: 어떤 것이 더 많은 클릭을 유도하는지 확인하기 위해 두 가지 다른 클릭 유도 문안을 테스트하기로 결정했습니다. 먼저 두 개의 유사한 페이지를 만들고 한 가지 차이점은 클릭 유도 문안입니다.

웹사이트 CTA를 A/B 테스트합니다.

테스트 구성

이제 A/B 테스트를 위한 두 페이지가 있으므로 테스트를 구성해야 합니다. 여기에는 웹 사이트 방문자가 각 페이지, 샘플 크기, 테스트 기간 및 통계 임계값을 보는 방법을 결정하는 것이 포함됩니다.

웹 사이트를 구축한 방법에 따라 테스트를 설정하는 데 사용할 수 있는 많은 도구가 있습니다. 제어 페이지에 정기적으로 방문하는 웹사이트 방문자 수를 알아야 하므로 이를 반으로 나누면 페이지의 서로 다른 버전을 각각 얼마나 많은 웹사이트 방문자가 보게 될지 알 수 있습니다.

이 지식을 사용하면 각 페이지를 보고 싶은 사람의 수에 따라 테스트를 실행할 기간을 결정할 수 있습니다.

예를 들어 하루 평균 20명이 방문 페이지를 방문한다고 가정해 보겠습니다. 반으로 나누면 매일 10명이 테스트 중에 두 페이지를 각각 보게 됩니다. 100명이 각 페이지를 보도록 하려면 테스트에 10일이 소요됩니다.

통계 학적으로 유의

다음 부분에는 약간의 수학이 필요합니다. 결과가 얼마나 중요한지 결정해야 합니다. 한 페이지의 전환율이 20%이고 두 번째 페이지의 전환율이 60%라면 작업이 훨씬 쉬워질 것입니다. 귀하의 테스트는 매우 확실한 승자를 보여줄 것입니다. 그러나 특히 글꼴이나 CTA와 같은 작은 변수를 테스트할 때 테스트 결과가 크게 다르지 않을 것입니다. 아마도 한 페이지는 전환율이 45%이고 다른 페이지는 전환율이 55%인 것을 볼 수 있습니다. 이것이 중요한 것인지 아니면 우연의 산물인지 어떻게 알 수 있습니까?

통계적 유의성을 이해하려면 데이터의 표준 편차와 p-값을 계산해야 합니다. 길을 잃은 느낌? 다음과 같은 웹사이트 A/B 테스트 도구를 사용할 수 있습니다.

  • A/B 테스트 가이드
  • A/B 테스트 계산기

테스트 중인 페이지를 선택할 때 정확한 결과를 얻기 위해 상당한 트래픽을 얻는 페이지나 콘텐츠를 선택하는 것이 중요합니다.

통계적으로 유의하다는 것은 테스트에서 생성된 데이터의 결과가 우연이 아니라 실험에 의해 발생했을 가능성이 높다는 것을 의미합니다.

결과 측정 및 분석

결과가 나왔습니다! 테스트가 끝나면 결과를 분석해야 합니다. Google 애널리틱스와 같은 도구를 사용하여 여러 페이지의 측정항목을 가져와 우승자를 결정할 수 있습니다. 사이트가 WordPress에서 실행되는 경우 Altis A/B 테스트 블록과 같은 도구는 가능성의 세계를 열어 다양한 대상 세그먼트에 대해 단일 콘텐츠의 여러 변형을 자동으로 실행할 수 있도록 합니다.

Altis에서 A/B 테스트의 예.

거품내기, 헹구기, 반복

귀하는 귀하의 웹사이트에서 전환을 향상시키는 것에 대한 몇 가지 귀중한 정보를 발견했습니다. 왜 거기서 멈춰? 이제 새 A/B 테스트를 생성하여 두 번째 변수를 테스트하고 전환을 더욱 개선할 수 있습니다. 어떤 CTA가 더 나은지 알고 있다면 다른 헤드라인을 테스트하는 것은 어떻습니까?

익숙해지면 추가 테스트 페이지 생성을 시작할 수도 있습니다. 예를 들어 제어 페이지가 있지만 두 개의 다른 클릭 유도 문안을 테스트하기 위해 두 개의 테스트 페이지를 만듭니다. 또는 두 개의 다른 헤드라인. A/B 테스트가 더 복잡해짐에 따라 동일한 변수에 대해 여러 옵션을 테스트할 수 있습니다.

A/B 테스트 웹사이트 예시

웹사이트에서 A/B 테스트를 할 수 있는 것은 무궁무진합니다. 다음은 시도해야 할 몇 가지 A/B 테스트입니다.

타이포그래피

타이포그래피는 콘텐츠와 관련하여 웹사이트에서 가장 중요한 요소 중 하나입니다. 사람들은 읽기 쉽고 두통을 주지 않는 콘텐츠를 찾고 있습니다. 무엇을 쓰느냐도 중요하지만 어떻게 쓰느냐도 중요합니다.

수백 가지의 다양한 글꼴을 사용할 수 있습니다. 아마도 각 글꼴에 대해 A/B 테스트를 수행하지는 않겠지만 다양한 유형의 글꼴을 테스트할 수 있습니다(예: Serif 대 San Serif).

A/B 테스트 웹사이트 타이포그래피.

impactplus.com의 사진 크레디트

Serif 글꼴은 보다 전통적인 것으로 간주되는 반면 Sans Serif는 보다 현대적입니다. 어떤 유형이 청중에게 말을 걸고 있습니까? 이를 A/B 테스트한 다음 선호하는 유형 내에서 다른 글꼴 테스트를 시작할 수 있습니다.

타이포그래피 내에서 글꼴 색상과 크기를 테스트할 수도 있습니다. 일반적으로 콘텐츠가 길면 검은색 글꼴을 사용하고 싶지만 헤드라인이 다른 색상에서 더 잘 작동한다는 것을 알 수 있습니다. 크기가 클수록 읽기 쉬운 경향이 있지만 클수록 항상 좋은 것은 아닙니다. 아직도 나와 함꼐?

클릭 유도 문안

이미 CTA의 텍스트 테스트에 대해 언급했지만 위치와 디자인은 어떻습니까? 이는 페이지의 참여 지표에 큰 영향을 미칠 수 있습니다.

페이지 상단에 CTA를 배치해야 합니까? 플로팅 버튼을 사용해 보셨습니까? 왼쪽, 오른쪽 또는 중앙에 배치하는 것은 어떻습니까?

버튼의 위치와 페이지의 나머지 부분과의 관계는 클릭에 큰 영향을 미칠 수 있습니다.

디자인을 테스트할 수도 있습니다. 빨간색 또는 녹색 버튼이 더 많은 클릭을 유도합니까? 또는 평면이 아닌 3D로 보이도록 버튼을 디자인할 수도 있습니다. 알아낼 수 있는 방법은 하나뿐…

배경

웹사이트의 배경은 방문자에게 잠재적인 영향을 미칩니다. 다양한 이미지, 색상 및 패턴을 시도하여 청중이 선호하는 것을 확인하십시오.

이미지

제품이나 제안이 표시되는 방식은 웹 사이트 방문자가 귀하의 콘텐츠에 계속 참여하거나 이탈할지 여부를 결정하는 중요한 요소 중 하나일 수 있습니다. 전 세계 여러 지역의 방문자가 공감할 수 있도록 다양한 스타일의 이미지를 시도하는 것은 어떻습니까? 아니면 스톡 사진과 같은 다양한 이미지 스타일을 삽화와 비교하는 실험을 해보시겠습니까?

고객 세그먼트 전체에서 다양한 이미지를 테스트하여 무엇이 클릭률과 페이지에 머문 시간을 개선하는지 확인할 수 있습니다.

텍스트 및 톤

다양한 텍스트 길이(짧고 간결한 텍스트와 더 길고 이야기 같은 형식)를 테스트하여 무엇이 세션 시간 또는 전환을 개선하는지 확인합니다.

당신은 또한 톤을 전환 시도해야합니다. 느낌표를 많이 사용하거나 좀 더 형식적인 다른 버전을 시도해 볼 수 있습니다.

가입 양식

당신은 아직 갈고리에서 벗어나지 않았습니다. 방문자가 웹사이트를 전환하거나 떠날 때까지 끝난 것이 아닙니다. 그래서 남은 것은 무엇입니까? A/B 테스트 다양한 양식. 다양한 수의 필드(일반적으로 적은 것이 더 좋지만 테스트를 해봐야 알 수 있습니다!) 및 다양한 유형의 입력 양식(개방형, 드롭다운, 라디오 버튼 또는 확인란)을 테스트할 수 있습니다.

사람들은 양식을 작성하는 도중에 프로세스를 중단하는 경우가 많기 때문에 제출 버튼을 쉽게 누르도록 할 수 있는 모든 것이 큰 도움이 될 것입니다.

물에 몸을 담그고 A/B 테스트를 할 준비가 되셨습니까?

종종 청중에게 가장 잘 반응하는 것이 당신을 놀라게 할 것입니다. 귀하의 상식과 경험에 따라 더 나은 것이 있다고 말할 수 있지만 콘텐츠 마케팅 전략에 대해 이러한 감정에 의존하지 않는 것이 좋습니다. 데이터는 직감보다 무언가를 해야 하는 훨씬 더 나은 이유입니다.

당신은 당신이 무엇을 찾을 수 있을지 모릅니다. 그러나 웹사이트 지표와 궁극적으로 매출을 향상시킬 수 있다는 것은 확신할 수 있습니다.

추측 중지, 분석 시작

Similarweb으로 디지털 세상을 측정하세요.

무료로 Similarweb 사용해보기