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

게시 됨: 2023-02-12

웹 사이트에서 작업할 때 어떤 디자인이 가장 잘 작동하는지 결정하기 위해 종종 직관과 경험에 의존할 수 있습니다. 그러나 데이터를 사용하여 정보에 입각한 결정을 내리는 것이 훨씬 더 나은 접근 방식입니다. 문제는 사용자가 어떤 디자인을 선호할지 어떻게 알 수 있습니까?

답은 방문자에게 웹 페이지의 두 가지 버전을 제시하고 그들이 선호하는 것에 대한 데이터를 수집하는 프로세스인 A/B 테스트에 있습니다. 이 정보를 사용하면 구체적인 데이터를 기반으로 사용자가 좋아할 페이지를 만들 수 있습니다.

이 기사에서는 A/B 테스트 집중 과정을 제공하고 웹 사이트에서 테스트 수행을 고려해야 하는 이유를 설명합니다. 그런 다음 사이트를 A/B 테스트하는 방법을 알려주고 도움이 될 수 있는 몇 가지 WordPress 플러그인을 소개합니다. 연구실로 이동합시다!

목차
1. A/B 테스팅이란?
2. 왜 A/B 테스트를 해야 합니까?
3. 무엇을 A/B 테스트할 수 있습니까?
4. A/B 테스트 실행 방법
4.1. 1단계: 잠재적 테스트 대상 식별
4.2. 2단계: 목표 결정
4.3. 3단계: 가설 선택
4.4. 4단계: 테스트 실행 및 결과 분석
5. 워드프레스 웹사이트 A/B 테스트 도구
5.1. Nelio AB 테스트
5.2. Supsystic의 팝업
5.3. WordPress 랜딩 페이지
5.4. 인스타그램
5.5. 구글 최적화
5.6. 스플릿 히어로
6. A/B 테스트 및 WordPress 디지털 경험

A/B 테스트란?

A/B(또는 '분할') 테스트는 요소의 두 가지 버전을 가져와 임의의 방문자 샘플에 각각 표시하는 프로세스입니다. 목표는 샘플 크기가 충분히 크면 사용자가 선호하는 버전에 대한 통찰력을 얻을 수 있다는 것입니다.

예를 들어 랜딩 페이지에 새로운 CTA(Call To Action)를 추가한다고 가정해 보겠습니다. 어떤 디자인이 가장 잘 작동할지 확신할 수 없지만 선택 항목을 두 가지 옵션으로 좁혔습니다. A/B 테스트를 설정하면 각 버전의 클릭 수를 측정하여 방문자가 어떤 CTA에 더 잘 반응하는지 추적할 수 있습니다.

그것은 단지 기본적인 예입니다. 실제로 A/B 테스트를 사용하여 모든 종류의 변수를 측정할 수 있습니다. 실제로 A/B 테스트는 웹사이트, 제품 디자인, 이메일 캠페인 또는 완전히 다른 어떤 것이든 광범위한 상황에서 이점을 얻을 수 있는 것입니다.

왜 A/B 테스트를 해야 합니까?

경험이 풍부한 개발자나 디자이너라면 자신의 직관에 따라 가장 적합한 디자인을 결정할 수 있습니다. 그러나 사용자가 원하는 것이 무엇인지 정말 알고 싶다면 몇 가지 테스트를 실행하는 것이 현명한 생각입니다.

A/B 테스트가 어떤 이점을 줄 수 있는지 정확히 분석해 보겠습니다.

  • 방문자가 선호하는 것에 대한 고도로 타겟팅된 데이터를 제공할 수 있습니다.
  • 연속적인 A/B 테스트를 실행하여 웹 사이트의 거의 모든 측면을 미세 조정할 수 있습니다.
  • 이 테스트 결과를 구현하면 전반적으로 전환을 개선하는 데 도움이 될 수 있습니다.

또한 모든 종류의 변수에 대해 A/B 테스트를 사용할 수 있습니다. 그러나 A/B 테스트를 수행할 수 있는 항목에는 몇 가지 제한 사항 이 있으며 이에 대해서는 잠시 후에 자세히 설명하겠습니다.

무엇을 A/B 테스트할 수 있습니까?

좋은 소식은 웹사이트의 거의 모든 요소를 ​​테스트하여 유익한 결과를 얻을 수 있다는 것입니다. 다음과 같은 변형을 만들 수 있습니다.

  • 복사
  • 색 구성표
  • 광고
  • 웹사이트 레이아웃
  • 이메일 제목
  • 제목
  • 양식
  • 제도법
  • 글꼴
  • CTA
  • 위젯
  • 메뉴

가능성은 끝이 없습니다. 그러나 새로운 A/B 테스터가 테스트 대상을 선택할 때 가끔 저지르는 몇 가지 실수가 있습니다.

첫째, 한 번에 하나의 특정 요소만 테스트해야 합니다. 예를 들어, 버튼의 텍스트와 색상을 변경하지 말고 변경할 측면 하나만 선택하십시오. 여러 변수를 변경하면 어떤 요인이 사용자의 행동에 영향을 미쳤는지 확신할 수 없기 때문에 데이터 분석이 더 어려워집니다.

여러 요소를 서로 조합하여 테스트하려는 경우 사용할 수 있는 다변량 테스트라는 대체 테스트 전략이 있습니다 . 그러나 A/B 테스트는 가장 명확하고 구체적인 결과를 제공합니다.

사람들이 때때로 저지르는 두 번째 실수는 큰 요소에만 집중하고 작은 세부 사항은 무시하는 것입니다. 예를 들어 버튼의 텍스트와 색상을 테스트하는 것이 도움이 될 수 있다는 것은 분명합니다. 그러나 단추 스타일, 모양 및 크기를 테스트하여 흥미로운 결과를 얻을 수도 있습니다.

마지막으로 사이트에 방금 추가한 새 콘텐츠를 테스트하지 않는 것이 가장 좋습니다. 어제 새 사본을 게시한 경우 A/B 테스트에서 사용하여 정확한 결과를 얻지 못할 것입니다. 사용자의 행동이 새 요소의 존재 때문인지 아니면 변형의 변경 때문인지 설명할 방법이 없습니다.

A/B 테스트 실행 방법

A/B 테스트를 실행할 때 웹 사이트를 실험실로 생각하면 도움이 됩니다. 정확한 결과를 얻으려면 수집한 데이터가 정확한지 확인하기 위해 엄격한 절차를 따라야 합니다. 다음은 귀하가 따르도록 제안하는 접근 방식입니다.

1단계: 잠재적 테스트 대상 식별

기술적으로 원하는 거의 모든 변수에 대해 A/B 테스트를 실행할 수 있습니다. 그러나 이상적인 테스트 대상은 몇 가지 기준을 충족해야 합니다.

  • 페이지 또는 요소는 상당한 양의 트래픽을 수신해야 합니다.
  • 테스트 결과를 측정할 수 있도록 개선의 여지가 있어야 합니다.
  • 테스트 대상의 변형을 생성할 수 있어야 합니다.

특히 트래픽이 충분하지 않으면 얻은 결과가 통계적으로 중요하지 않습니다. 수십 번의 방문은 신뢰할 수 있는 샘플 크기를 만들지 못합니다.

2단계: 목표 결정

주제를 염두에 두고 나면 시험 목표를 설정해야 합니다. 다음을 포함하여 목표로 사용할 수 있는 몇 가지 메트릭이 있습니다.

  1. 클릭수
  2. 페이지 노출수
  3. 마우스 오버
  4. 반송률

예를 들어 CTA에 대한 A/B 테스트를 실행하려고 한다고 가정해 보겠습니다. 이 경우 추적할 적절한 측정항목은 클릭수입니다. 다시 말해서 시험의 목표는 시험의 주제가 무엇인지에 따라 달라집니다.

3단계: 가설 선택

이 시점에서 테스트할 변수와 메트릭이 있습니다. 이제 실험을 실행하기 위해 가설을 세워야 합니다.

이전 CTA 예를 자세히 설명하기 위해 테스트할 수 있는 몇 가지 잠재적인 가설은 다음과 같습니다.

  • 내 CTA의 텍스트를 변경하면 전환율이 향상됩니다.
  • 내 CTA에 다른 색상을 사용하면 더 많은 클릭이 발생합니다.
  • 내 CTA의 위치를 ​​변경하면 클릭률(CTR)이 증가합니다.

이 세 가지 모두 완벽하게 훌륭한 가설입니다. 그러나 한 번에 하나만 테스트할 수 있다는 점을 기억하는 것이 중요합니다.

4단계: 테스트 실행 및 결과 분석

이제 드디어 테스트를 실행할 수 있습니다. 이렇게 하려면 방문자에게 테스트 주제의 두 가지 버전을 모두 보여줄 수 있는 A/B 테스트 도구를 사용해야 합니다(잠시 후에 몇 가지 옵션을 소개하겠습니다).

우리의 경험에 따르면 성공적인 A/B 테스트를 위해서는 최소 수천 명의 방문자에 대한 표본 크기가 필요합니다. 샘플 풀이 작을수록 결과의 신뢰성이 떨어지므로 프로세스를 서두르고 싶지 않습니다.

데이터가 충분하면 테스트를 종료하고 설정한 목표에 따라 어떤 버전이 더 잘 수행되었는지 확인할 수 있습니다. 그런 다음 라이브 웹사이트에 해당 버전을 구현하고 보상을 거두는 문제입니다!

WordPress 웹사이트를 A/B 테스트하는 도구

웹사이트 A/B 테스트에 사용할 수 있는 타사 플러그인 및 기타 도구가 많이 있습니다. 다음은 사용 가능한 최상의 옵션 중 일부입니다.

Nelio AB 테스트

가장 먼저 알아야 할 것은 Nelio AB Testing을 사용하려면 플랜에 가입해야 한다는 것입니다. 플러그인 비용을 지불하기로 결정하면 페이지, 게시물 및 사용자 지정 게시물 유형에 대한 실험을 실행할 수 있는 A/B 테스트 도구에 액세스할 수 있습니다.

Nelio AB Testing을 사용하면 헤드라인, 위젯, CSS 및 전체 테마를 비교할 수 있습니다. 또한 매우 정확한 히트맵 기능에 액세스할 수 있습니다.

Supsystic의 팝업

이전 선택을 통해 원하는 거의 모든 요소를 ​​테스트할 수 있는 반면 Popup by Supsystic은 팝업에만 집중합니다. 이 플러그인을 사용하면 전환을 유도하는 팝업을 만들고 A/B 테스트할 수 있습니다. 이 플러그인은 무료이며 무제한 팝업을 지원합니다.

WordPress 랜딩 페이지

이것은 또 다른 전문 A/B 테스트 플러그인입니다. WordPress Landing Pages는 효과적인 랜딩 페이지를 구축하는 데 도움이 되는 템플릿을 제공하며 테스트용 변형을 쉽게 만들 수 있도록 복제 기능도 내장되어 있습니다. 단일 요소 및 다변량 테스트를 모두 지원하므로 사이트에 가장 적합한 경로를 선택할 수 있습니다.

인스타그램

Instapage를 사용하면 랜딩 페이지와 A/B 테스트 기능을 구축하는 도구를 얻을 수 있습니다. 이 플러그인의 직관적인 빌더를 사용하여 사이트의 멋진 페이지를 구성한 다음 Instapage 대시보드에서 테스트를 실행하고 데이터를 수집할 수 있습니다. 또한 히트맵을 제공하여 방문자의 관심을 끄는 위치를 확인할 수 있고 다양한 목표를 추적할 수 있습니다.

구글 최적화

Google Optimize는 Google의 공식 A/B 테스트 플랫폼입니다. Analytics, Search Console, Adwords 및/또는 PageSpeed ​​Insights를 이미 사용하고 있다면 최적화 도구는 웹사이트 관리 도구 상자에 자연스럽게 추가됩니다.

최적화 도구는 무료로 사용할 수 있으며 애널리틱스 및 애드워즈와 통합되어 테스트를 위한 사용자 데이터를 수집합니다. 이해하기 쉬운 방식으로 이러한 테스트를 설정하는 과정을 안내합니다. 또한 Google Site Kit 플러그인 덕분에 최적화 도구를 웹사이트와 더 빠르게 통합할 수 있습니다.

스플릿 히어로

마지막으로 Split Hero는 WordPress 전용 A/B 테스트 서비스입니다. 여기에는 플러그인을 설치할 필요가 없으며 가입할 수 있는 다양한 요금제만 있습니다. 이 도구를 사용하면 친숙한 WordPress 편집기 또는 선호하는 페이지 빌더를 사용하여 최대 4개의 변형을 만들 수 있습니다.

Optimize와 마찬가지로 Split Hero는 경험이 적은 사용자도 기능에 쉽게 익숙해질 수 있도록 테스트 프로세스를 안내합니다. 또한 이 플랫폼은 데이터를 읽기 쉬운 대시보드로 컴파일합니다. 전반적으로 매우 포괄적인 솔루션입니다.

A/B 테스트 및 WordPress 디지털 경험

A/B 테스트를 사용하면 잠재고객이 알지 못하는 사이에 '설문조사'를 수행할 수 있습니다. 이렇게 하면 페이지를 개선하고 사용자에게 더 나은 디지털 경험을 제공하는 데 사용할 수 있는 정량화 가능한 데이터에 액세스할 수 있습니다.

성공적인 A/B 테스트를 실행하려면 문제가 발생할 경우 안정적인 성능과 지원을 제공하는 WordPress 웹 호스트가 필요합니다. 그것은 우리가 모든 계획에서 약속할 수 있는 것입니다. 오늘 확인해보세요!