WordPress의 기존 페이지에 대한 A/B 테스트를 만드는 방법

A/B 테스트는 웹사이트의 전환을 향상시키는 최고의 도구입니다. 페이지 A/B 테스트는 동일한 페이지의 변형을 수행하여 사용자 행동을 비교하고 어떤 변형이 최상의 결과를 얻는지 평가할 수 있는 디자인 테스트입니다.

일반적으로 특정 페이지의 전환을 개선하기 위해 A/B 테스트("대조 변형" 또는 "변이 A"라고 함)를 만들 때 해당 페이지의 복사본인 버전("대체 변형" 또는 "변종 B"). 그런 다음 복사본에 대한 디자인 또는 콘텐츠 변경을 수행하여 두 버전 중 어느 버전이 더 많은 전환(더 많은 구매, 구독 또는 계산하려는 기타 액션)을 생성하는지 분석합니다.

원본 페이지로 오는 트래픽은 분할되어 방문의 절반은 여전히 ​​원본 페이지를 보고 나머지 절반은 새로 생성된 변형 페이지를 보게 됩니다. 이렇게 하면 전환율이 가장 높은 버전을 분석할 수 있습니다.

예를 들어 Nelio A/B Testing 가격 책정 페이지에서 버튼 색상과 여백, 배경 이미지를 변경하여 A/B 테스트를 수행하고자 했습니다. 더 많은 구독자를 확보할 수 있는지 확인하고 싶었습니다. 다음 비교에서 첫 번째 블록의 원본 버전(왼쪽)과 대체 버전(오른쪽)을 볼 수 있습니다.

그러나 변경하려는 내용이 더 급진적이거나 완전히 새로운 페이지를 디자인하는 경우 웹사이트의 기존 페이지를 테스트하는 데 관심이 있을 수 있습니다.

두 개의 다른 기존 페이지를 테스트하는 이유는 무엇입니까?

게시된 페이지가 두 개 있고 Google Analytics에서 비교할 방문 및 전환 데이터가 이미 있는 경우 이 컨텍스트에서 A/B 테스트를 만드는 의미가 무엇입니까? 대답은 이러한 수치만으로는 한 페이지가 다른 페이지보다 나은지 이해하기에 충분하지 않다는 것입니다. 예를 들어 보겠습니다.

당사 웹사이트에서 Nelio A/B Testing에 대한 다양한 페이지를 정의했으며, 여기에서 플러그인이 다양한 분야 및 웹사이트 유형에 적용 가능한 솔루션을 보여줍니다. 예를 들어, 게시자를 위한 Nelio A/B 테스팅과 마케터를 위한 Nelio A/B 테스팅이 있습니다.

Google Analytics에서 각 페이지에 발생한 방문수와 전환수(예: "지금 시작" 버튼을 클릭한 방문자)를 볼 수 있습니다. 그런 다음 전환율 또는 (전환수를 방문수로 나눈 값)이 가장 높은 페이지가 가장 좋은 페이지라는 결론을 내릴 수 있습니다. 그러나 이것은 틀릴 수 있습니다.

한편으로는 각 페이지에 대한 방문이 매우 다를 수 있고 통계적으로 비교할 수 없을 수도 있다는 점을 고려해야 합니다. 또한 한 페이지에서 전환한 방문자는 이전에 (동일한 세션에서 또는 다른 시간에) 다른 페이지를 본 적이 있을 수 있습니다. 두 페이지 중 방문자가 제품을 사용해 보라고 설득한 페이지를 어떻게 알 수 있습니까?

귀하의 웹사이트에 있는 두 개의 기존 페이지에 대한 A/B 테스트는 두 페이지 중 하나로 들어오는 트래픽이 두 개로 나누어지는지 확인합니다. 이러한 방식으로 테스트의 일부로 두 페이지 중 하나에 도착하는 각 방문자는 그 중 하나만 볼 수 있습니다. 그리고 그들은 계속해서 방문할 때 항상 같은 것을 보게 될 것입니다.

따라서 얻은 데이터는 통계적으로 비교할 수 있습니다. 따라서 전환율이 가장 높은 페이지를 확실하게 알 수 있습니다. WordPress 웹 사이트에서 이러한 유형의 A/B 테스트를 만드는 방법을 아래에서 살펴보겠습니다.

블록 편집기에서 A/B 테스트를 생성하는 단계

WordPress 웹사이트에서 A/B 테스트를 생성하려면 시중에 나와 있는 도구 중 하나를 사용하는 것이 좋습니다. 특히 Nelio A/B Testing(무료 및 프리미엄 버전은 월 29유로부터)은 기본 WordPress 플러그인으로 완전히 생성된 유일한 도구이기 때문에 사용을 권장합니다. 블록 편집기와 100% 호환되므로 작업을 위해 다른 외부 도구를 배우거나 사용할 필요가 없습니다. 또한 Gutenberg 편집기(또는 사용 중인 다른 페이지 빌더)가 이미 제공하는 모든 기능을 최대한 활용할 수 있습니다.

Nelio A/B 테스트 플러그인 설치 및 활성화

Nelio A/B Testing을 사용한 적이 없다면 먼저 WordPress 대시보드에서 직접 플러그인(무료 버전 사용 가능)을 설치하고 활성화해야 합니다. 그리고 여기에서 첫 번째 테스트를 생성할 수 있는 대시보드 메뉴에 이미 Nelio A/B Testing 탭이 있습니다.

생성할 테스트 유형 정의

Nelio A/B Testing을 사용하면 페이지 테스트를 생성할 수 있을 뿐만 아니라 게시물, 사용자 정의 게시물 유형, 메뉴, 템플릿, 위젯 등 다른 유형의 테스트를 생성할 수도 있습니다. 따라서 "테스트 추가"를 클릭한 후 페이지 테스트 생성을 선택할 수 있습니다.

나중에 식별할 수 있도록 설명이 포함된 이름 을 지정합니다.

오른쪽 사이드바에는 몇 가지 추가 탭이 있습니다.

• 상태 및 관리 , 테스트의 현재 상태( Draft , Ready , Scheduled 또는 Paused )와 시작 및 종료 시점에 대한 옵션을 볼 수 있습니다.
• 테스트에 대한 설명 : 테스트 중인 내용과 이를 통해 달성하려는 목표를 나타낼 수 있습니다.
• 테스트 범위 : 이 테스트의 영향을 받는 웹사이트 페이지를 지정합니다.

테스트할 페이지 선택

테스트에 참여하려는 둘 이상의 페이지를 비교하려면 먼저 사용 가능한 선택기가 있는 페이지 중 하나("컨트롤 버전" 또는 일반적으로 "버전 A")를 선택합니다. 제목, URL 또는 식별자를 입력하여 검색할 수 있습니다.

다음으로, 생성 중인 페이지 테스트의 대안이 이 테스트를 위해 명시적으로 생성하는 변형인지(대부분의 A/B 테스트에서 일반적으로) 또는 기존 페이지를 선택할지 여부를 나타낼 수 있습니다.

제공된 확인란에서 페이지의 테스트가 이미 존재하는 페이지에 대한 것임을 표시합니다. 이제 이전에 원본 페이지에서 했던 것처럼 테스트의 일부가 될 페이지를 "변형 B"로 선택할 수 있습니다.

다중 변형 테스트를 생성하려는 경우 더 많은 변형을 추가할 수 있습니다. 또한 필요한 변경을 위해 페이지를 편집할 수도 있습니다.

테스트 전환 목표 및 작업 정의

A/B 테스트의 일부가 될 페이지를 선택한 후에는 테스트의 전환 목표와 방문자가 이러한 목표를 달성하기 위해 수행해야 하는 작업을 정의해야 합니다. 예를 들어 방문자는 버튼을 클릭하거나 페이지를 방문하여 귀하의 제품에 관심을 보일 수 있습니다. Nelio A/B 테스트를 사용하면 방문자를 추적하기 위한 다양한 유형의 전환 액션이 있습니다.

세그먼트 테스트 트래픽

귀하의 웹사이트 방문자는 모두 동일하지 않습니다. 그들은 다른 나라에서 왔고, 다른 언어를 사용하고, 다른 브라우저를 사용하고, 다른 웹사이트에서 사이트에 액세스하고, 다른 장치를 사용하고, 기타 미묘하고 큰 차이점을 많이 사용합니다.

웹사이트로 들어오는 모든 트래픽이 생성된 테스트의 일부가 되도록 하려면 이 지점을 무시하고 바로 다음 지점으로 이동하십시오. 그러나 웹사이트 유형과 트래픽에 따라 도달하려는 잠재고객을 세분화할 수 있습니다.

Nelio A/B 테스트를 사용하면 세그먼트를 만들 수 있습니다. 즉, 규칙을 통해 테스트에 참여하려는 일련의 공통 특성을 가진 방문자 집합을 정의할 수 있습니다.

여기에서 테스트에서 세그먼트를 생성하는 방법에 대한 자세한 정보를 찾을 수 있습니다.

테스트 실행

그것이 마지막 단계입니다! 기존의 2페이지 테스트가 이미 생성되어 있으므로 이제 편집기의 오른쪽 상단에 있는 테스트에서 "시작" 버튼을 클릭하기만 하면 됩니다. 그러면 방금 만든 테스트의 결과를 볼 수 있습니다.

테스트 진행 상황 분석

테스트가 시작되면 위 이미지와 같이 테스트 상태를 항시 확인할 수 있습니다. 한편으로는 오른쪽 사이드바에 있는 상태 아이콘 이 아직 방문수가 충분하지 않아 우승자가 될 수 없는지, 승리했지만 신뢰도가 낮은 변형이 있는지, 또는 이미 테스트의 승리 변형 .

또한 테스트의 총 전환 수와 페이지 조회수를 볼 수 있는 그래픽 세트가 있습니다. 또는 각 대안의 전환율과 개선 정도를 각각 확인할 수 있습니다. 또한 컨트롤 버전에 대한 방문, 전환 및 개선(또는 악화)의 세부 정보와 함께 테스트 중인 페이지의 썸네일 이미지를 볼 수 있습니다.

아래는 이 게시물의 시작 부분에서 언급한 가격 페이지 테스트의 결과 이미지입니다. 이 경우 원본 버전이 다른 버전보다 우수함을 확인할 수 있었습니다.

또한 Nelio A/B Testing으로 페이지의 A/B 테스트를 생성할 때 방문자의 행동에 대한 추가 정보와 함께 각 대안의 히트맵, 스크롤맵 및 색종이 조각 맵을 볼 수 있는 옵션이 있습니다.

요약하자면

웹사이트의 SEO를 높이기 위한 마케팅 노력을 최대한 활용하려면 포기율을 최소화하고 페이지 전환율을 높이십시오. A/B 테스트는 통계적으로 유의미한 데이터를 통해 둘 또는 여러 대안 중에서 어느 것이 더 많이 전환되는지 알 수 있기 때문에 전환율을 최적화하는 최고의 도구입니다.

페이지의 A/B 테스트를 만드는 가장 일반적인 방법은 마찰을 일으킬 수 있는 측면을 개선하기 위해 페이지의 변형을 만드는 것입니다. 검증된 데이터를 통해 해당 페이지의 변경 사항이 전환 개선에 영향을 미칠 것이라는 확신을 갖게 됩니다.

이미 생성된 여러 페이지 간의 전환을 비교하면 방문자에게 가장 큰 영향을 미치는 디자인과 콘텐츠를 이해하는 데 도움이 됩니다. 이렇게 하면 SEO 전략에 더 집중할 수 있습니다.

Nelio A/B Testing을 사용하여 기존 페이지의 테스트를 생성할 때의 가장 큰 장점은 WordPress 편집기와의 통합 덕분에 프로그래밍 지식이 필요하지 않다는 것입니다. 몇 분 안에 웹사이트에서 테스트를 실행할 수 있습니다.

Unsplash에서 NeONBRAND의 추천 이미지.