สร้างการทดสอบ A/B อย่างรวดเร็วด้วย WordPress Block Patterns

เผยแพร่แล้ว: 2021-09-02

ดังที่เราได้กล่าวไปแล้วในบทความก่อนหน้านี้ ด้วย WordPress 5.8 และไดเร็กทอรีรูปแบบที่กำลังจะมีขึ้น รูปแบบบล็อกของ WordPress กำลังได้รับโมเมนตัม สิ่งที่เราชอบมากที่สุดเกี่ยวกับรูปแบบบล็อกก็คือ จากมุมมองของการออกแบบ พวกเขาเหมาะสมที่จะเป็นหน่วยเดียวสำหรับการเพิ่มส่วนต่างๆ ในหน้าหรือโพสต์ใดๆ

ตัวอย่างเช่น เพื่อเพิ่มความน่าเชื่อถือและได้รับความเชื่อถือจากผู้เยี่ยมชมเว็บไซต์ของคุณ คุณอาจต้องการรวมส่วนที่คุณเน้นคุณลักษณะหลักของผลิตภัณฑ์ของคุณ ส่วนอื่นที่มีโลโก้ของลูกค้าของคุณ อีกส่วนที่มีคำรับรองอย่างน้อยหนึ่งรายการ หรือ ความคิดเห็นเกี่ยวกับบริการของคุณ ฯลฯ และการมีรูปแบบที่หลากหลายให้เลือกสำหรับการออกแบบของแต่ละส่วนก็สมบูรณ์แบบ

ส่วนของหน้าแรกของเรา
ส่วนต่าง ๆ ของหน้าแรกของเรา

รูปแบบ ซึ่งเข้าใจว่าเป็นหน่วยเค้าโครงหน้า เป็นตัวเลือกที่เหมาะสำหรับการทดสอบ A/B มาดูวิธีที่พวกเขาสามารถช่วยคุณสร้างการทดสอบ A/B และปรับปรุงการแปลงบนเว็บไซต์ของคุณได้อย่างไร

ปรับปรุงการแปลงเว็บด้วยการทดสอบ A/B

การแปลงเว็บหมายถึงการกระทำใดๆ ที่ใครก็ตามที่เข้ามาในเว็บไซต์ของคุณคาดว่าจะทำ: พวกเขาอาจไปที่หน้ารายละเอียดผลิตภัณฑ์หรือราคา สมัครรับจดหมายข่าว ติดต่อเรา อ่านบทความ ซื้อผลิตภัณฑ์ของฉัน ฯลฯ ในบริบทนี้ อัตรา Conversion คือจำนวน Conversion ที่ได้รับเมื่อเทียบกับจำนวนการเข้าชม กล่าวคือ หากเว็บไซต์ของคุณมีการเข้าชม 100 ครั้งต่อวัน โดย 2 ในนั้น จบลงด้วยการซื้อสินค้า อัตราการแปลงในเว็บไซต์ของคุณคือ 2%

เครื่องมือที่ช่วยให้คุณปรับปรุงอัตราการแปลงคือการทดสอบ A/B การทดสอบ A/B ประกอบด้วย บนพื้นฐานของสมมติฐานของการปรับปรุง การเสนอการเปลี่ยนแปลงบนเว็บและการตรวจสอบว่าทำงานได้ดีขึ้นหรือไม่ ตัวอย่างเช่น เปลี่ยนบล็อกแรกของหน้า Landing Page ด้วยข้อความที่สร้างความอยากรู้มากขึ้น เปลี่ยนลำดับการแสดงผลิตภัณฑ์ต่างๆ ในหน้าการกำหนดราคาของคุณ เพิ่มโปรโมชันของผลิตภัณฑ์ที่ส่วนท้ายของโพสต์ ฯลฯ

จากมุมมองทางเทคนิค การทดสอบ A/B ประกอบด้วยการแสดงเวอร์ชันหรือรูปแบบต่างๆ สองเวอร์ชันขึ้นไปของหน้าเว็บเดียวกัน (อาจเป็นเมนูหรือธีม เป็นต้น) ให้กับผู้เข้าชมเว็บไซต์กลุ่มต่างๆ และเปรียบเทียบว่ารูปแบบใดที่สร้าง การแปลงมากขึ้น

รูปภาพที่แสดงให้เห็นว่าการทดสอบ A/B ทำงานอย่างไร: การเข้าชมถูกแบ่งออก และแต่ละกลุ่มเห็นรูปแบบเดียว จากนั้นเราจะตรวจสอบว่ารูปแบบใดได้รับ Conversion มากกว่า
ในรูปแบบที่ง่ายที่สุด การทดสอบ A/B เสนอให้สุ่มแบ่งการเข้าชมไซต์ออกเป็นสองกลุ่ม เพื่อให้ 50% ของผู้เข้าชมเห็นการออกแบบ A ในขณะที่อีก 50% เห็นการออกแบบ B โดยการตรวจสอบว่าผู้ใช้ในแต่ละกลุ่มตอบสนองอย่างไร เราสามารถคำนวณอัตราการแปลงของแต่ละกลุ่ม และในกรณีที่มีความแตกต่างที่มีนัยสำคัญทางสถิติระหว่างทั้งสอง ให้ประกาศการออกแบบผู้ชนะ

ดังที่คุณอาจสังเกตเห็นแล้วในตัวอย่างที่กล่าวถึงข้างต้น ในหลายๆ ครั้ง ตัวแปรที่คุณสร้างประกอบด้วยการเพิ่ม แก้ไข หรือลบส่วนในหน้าทดสอบของคุณ ด้วยเหตุนี้ เราจึงพบว่าแนวคิดของรูปแบบบล็อกมีประโยชน์อย่างยิ่งในกระบวนการสร้าง การทดสอบ A/B

สร้าง การทดสอบ A/B ด้วยรูปแบบ

แม้ว่าคุณจะสามารถสร้าง an การทดสอบ A/B บนเว็บไซต์ WordPress ด้วยตนเอง คำแนะนำของเราคือคุณใช้หนึ่งในเครื่องมือที่มีในตลาด และโดยเฉพาะอย่างยิ่ง หากคุณต้องการได้รับประโยชน์สูงสุดจากรูปแบบบล็อก เครื่องมือที่ดีที่สุดในการสร้าง การทดสอบ A/B คือการใช้ Nelio การทดสอบ A/B (ฟรีและพรีเมียม (€ 29/เดือน)) เนื่องจากเป็นปลั๊กอิน WordPress ดั้งเดิม ดังนั้นจึงรวมเข้ากับตัวแก้ไขบล็อกของ WordPress ได้อย่างสมบูรณ์

เพื่อสร้าง การทดสอบ A/B กับ Nelio การทดสอบ A/B ด้วยตัวแก้ไขบล็อก WordPress มีขั้นตอนดังนี้:

  • เลือกประเภทการทดสอบที่จะสร้าง
  • กำหนดรูปแบบการทดสอบ
  • กำหนดเป้าหมายและการกระทำของ Conversion
  • หรือกำหนดว่าคุณต้องการใช้การแบ่งส่วนหรือไม่
  • ทำการทดสอบและวิเคราะห์ความคืบหน้าของคุณ
  • ใช้ทางเลือกที่ชนะเป็นที่สิ้นสุด

ในคู่มือนี้ เราจะอธิบายรายละเอียดทั้งหมดของแต่ละขั้นตอนก่อนหน้าในการสร้าง การทดสอบ A/B กับ Nelio การทดสอบ A/B ในตัวแก้ไขบล็อก

มาดูตัวอย่างกัน ว่ารูปแบบบล็อกช่วยให้เราสร้างได้อย่างมีประสิทธิภาพมากขึ้นได้อย่างไร การทดสอบ A/B; โดยเฉพาะในคำจำกัดความของตัวแปรทดสอบ

ตัวอย่าง

สมมติตัวอย่างการทดสอบที่แตกต่างกันสามตัวอย่างที่เราต้องการแสดงบนเว็บไซต์ของเรา

ตัวอย่างที่ 1 : ในแง่หนึ่ง ฉันต้องการทดสอบการออกแบบทางเลือกในหน้า Nelio ของเราโดยเปลี่ยนส่วนที่เราแสดงประโยชน์ของบริการของเรา

ส่วนหน้าแสดงประโยชน์ของผลิตภัณฑ์ของเรา
ส่วนหน้าแสดงประโยชน์ของผลิตภัณฑ์ของเรา

ตัวอย่างที่ 2 : ในทำนองเดียวกัน ฉันยังต้องการทดสอบการออกแบบทางเลือกของส่วนคำรับรองในหน้าเดียวกันและดูว่าแบบใดน่าสนใจกว่า

ส่วนรับรองหน้าแรกของ Nelio
ข้อความรับรองจากหน้าแรกของ Nelio

ตัวอย่างที่ 3 : ฉันต้องการทดสอบว่าการเพิ่มส่วนเรียกร้องให้ดำเนินการหรือแบนเนอร์ที่ส่วนท้ายของโพสต์ทั้งหมดจะทำให้มีผู้ติดตามจดหมายข่าวของเรามากขึ้นหรือไม่ ดังที่คุณเห็นในตอนท้ายของโพสต์นี้ ขณะนี้ในบล็อกของเรา ในตอนท้าย คุณจะพบเฉพาะส่วนสำหรับเพิ่มความคิดเห็น

เราจะสร้างสิ่งเหล่านี้ได้อย่างไร การทดสอบ A/B? ด้วยเครื่องมืออย่าง Nelio มันง่ายพอๆ กับการเปลี่ยนการออกแบบของหน้านั้นด้วยขั้นตอนเพิ่มเติม มาดูกันว่ามีตัวไหนบ้าง…

การเลือกประเภทการทดสอบที่คุณต้องการสร้าง

การสร้าง an . ไม่เหมือนกัน การทดสอบ A/B ของหน้ามากกว่าเทมเพลต การสร้างตัวแปรจะแตกต่างกัน แต่ข้อดีที่ดีของการใช้เครื่องมือเช่น Nelio การทดสอบ A/B ซึ่งมาจาก WordPress โดยเริ่มต้นคือการเลือกประเภทการทดสอบที่คุณจะสร้าง ขั้นตอนต่อไปนี้จะใช้งานได้ง่ายในบริบทของ WordPress

กับเนลิโอ การทดสอบ A/B สิ่งแรกที่คุณต้องทำคือเลือกประเภทของ การทดสอบ A/B ที่คุณต้องการสร้าง:

ตัวเลือกการทดสอบในการทดสอบ Nelio A/B
ตัวเลือกการทดสอบในการทดสอบ Nelio A/B

เมื่อคุณเลือกประเภทการทดสอบแล้ว คุณจะเห็นว่าการสร้างรูปแบบการทดสอบนั้นเหมือนกับเมื่อคุณสร้างองค์ประกอบ WordPress ใดๆ

ในตัวอย่างที่ 1 และ 2 ด้านบน เนื่องจากเราต้องการเปลี่ยนส่วนของหน้า เราจะเลือกสร้างการทดสอบหน้า ในตัวอย่างที่ 3 เนื่องจากสิ่งที่เราต้องการคือตัวเลือกในการเพิ่มส่วนท้ายของโพสต์ สิ่งที่เหมาะสมกว่าคือการสร้างการทดสอบเทมเพลต

คำจำกัดความของรูปแบบการทดสอบ

ตัวอย่างที่ 1 : หลังจากเลือกว่าเราต้องการทดสอบหน้า คุณต้องตั้งชื่อประเภทการทดสอบและเลือกหน้า หรือที่เรียกว่าหน้าควบคุม ซึ่งคุณต้องการทำการทดสอบ คุณสามารถเลือกได้จากรายการเพจที่คุณได้เผยแพร่บนเว็บไซต์ของคุณ ในกรณีของเราคือหน้าหลักของเว็บไซต์ของเรา

การสร้างตัวแปรของหน้าการทดสอบ A/B
การสร้างตัวแปรของเพจ การทดสอบ A/B กับ Nelio การทดสอบ A/B

จากนั้นคุณสามารถสร้างตัวแปรใหม่ได้ โดยค่าเริ่มต้น จะเป็นสำเนาที่ถูกต้องของหน้าควบคุมของคุณ คลิกที่ลิงก์ แก้ไข ของตัวแปร และคุณจะเห็นว่าคุณจะมีตัวแก้ไขบล็อกของ WordPress ที่คุณรู้อยู่แล้วว่าจะทำการเปลี่ยนแปลงทั้งหมดที่คุณต้องการพร้อมกับคุณสมบัติเพิ่มเติมบางอย่างของการสร้างการทดสอบ

การแก้ไขตัวแปรของการทดสอบหน้า
รุ่นของตัวแปรของการทดสอบหน้าด้วย Nelio การทดสอบ A/B

คุณสามารถเพิ่ม แก้ไข และลบบล็อคที่คุณต้องการเปลี่ยนการออกแบบของตัวแปรตามที่คุณต้องการ แต่ข้อดีหลักของรูปแบบบล็อกคืออะไร? ในตอนนี้ การเปลี่ยนตัวอย่างเช่น การออกแบบของส่วนที่แสดงในรูปภาพนั้นง่ายกว่าการสร้างและแก้ไขแต่ละบล็อคทีละอัน เพียงแค่คลิกปุ่มเพิ่มรูปแบบ ฉันสามารถเลือกการออกแบบที่ฉันชอบมากที่สุดได้

เพิ่มลายใหม่
การเพิ่มรูปแบบใหม่

ด้วยวิธีนี้ เมื่อฉันมีชุดการออกแบบในคลิกเดียว ฉันแค่ต้องแทนที่รูปภาพด้วยรูปภาพที่มีอยู่แล้วในไลบรารีสื่อ แล้วคัดลอกและวางข้อความของต้นฉบับเพื่อเปลี่ยนรูปลักษณ์ของส่วนนี้

ส่วนการออกแบบใหม่โดยใช้รูปแบบ
ส่วนการออกแบบใหม่โดยใช้รูปแบบ

ตัวอย่างที่ 2 : ในกรณีนี้ ขั้นตอนการเลือกประเภทการทดสอบจะเหมือนกับในตัวอย่างก่อนหน้าทุกประการ หลังจากเลือกว่าเราต้องการสร้างการทดสอบหน้า เราจะเพิ่มชื่อในการทดสอบ เลือกหน้าหลัก และสร้างตัวแปรใหม่

การทดสอบ A/B ใหม่จากส่วนคำรับรองของหน้าหลัก
ใหม่ การทดสอบ A/B จากส่วนคำรับรองของหน้าหลัก

เมื่อแก้ไข เราพบว่ามีการออกแบบส่วนคำรับรองที่หลากหลายซึ่งเราสามารถเลือกได้ดังเช่นเมื่อก่อน

การเลือกรูปแบบการรับรอง
การเลือกรูปแบบการรับรอง

และเช่นเดียวกับเมื่อก่อน ตอนนี้เราได้เปลี่ยนเค้าโครงของส่วนนี้อย่างรวดเร็วด้วยการแทนที่รูปภาพและการคัดลอกและวางข้อความอย่างง่าย

ส่วนคำรับรองที่แสดงด้วยการ์ด
ส่วนคำรับรองที่แสดงด้วยการ์ด

ตัวอย่างที่ 3 ในตัวอย่างที่แล้ว เราต้องการให้โพสต์ทั้งหมดมีส่วนท้ายที่ผู้อ่านได้รับเชิญให้สมัครรับจดหมายข่าวของเรา ในการทำเช่นนี้ วิธีที่ง่ายที่สุดคือสร้างการทดสอบเทมเพลตและใช้เทมเพลตรูปแบบใหม่ที่มีส่วนที่เราต้องการ ในกรณีของการทดสอบเทมเพลต ก่อนสร้างการทดสอบ จะต้องสร้างเทมเพลตที่แตกต่างกัน

โปรดจำไว้ว่า ตามที่ฉันบอกคุณเมื่ออธิบายคุณลักษณะใหม่ของการแก้ไขไซต์แบบเต็มใน WordPress 5.8 ตอนนี้ คุณสามารถสร้างเทมเพลตใหม่หรือแก้ไขเทมเพลตที่มีอยู่ในเครื่องมือแก้ไขเทมเพลตจากโพสต์หรือหน้า ดังนั้น คุณสามารถสร้างเทมเพลตใหม่และโดยตรงจากเครื่องมือแก้ไขเทมเพลต คุณสามารถเลือกและเพิ่มรูปแบบที่คล้ายกับที่เราได้ทำไว้ด้านบน

เพิ่มรูปแบบในตัวแก้ไขเทมเพลต
เพิ่มรูปแบบในตัวแก้ไขเทมเพลต

การเปลี่ยนแปลงรูปแบบที่แทรกจะเร็วกว่าที่เราได้สร้างส่วนใหม่นี้ตั้งแต่เริ่มต้น

การออกแบบเทมเพลตใหม่
การออกแบบเทมเพลตใหม่

ตอนนี้เราสามารถสร้างการทดสอบเทมเพลตใหม่ได้แล้ว อันดับแรก เราเลือกว่าเราต้องการสร้างการทดสอบเทมเพลต จากนั้นเราเลือกตัวแปร A และ B ว่าเราต้องการแสดงเทมเพลตใด

การเลือกเทมเพลตที่ประกอบขึ้นเป็นการทดสอบ A/B
การเลือกเทมเพลตที่ประกอบขึ้นเป็น การทดสอบ A/B

และนั่นคือทั้งหมด เราได้สร้างเวอร์ชันควบคุมและตัวแปรสำหรับแต่ละตัวอย่างแล้ว จากนี้ไป ขั้นตอนต่อไปนี้จะเหมือนกันสำหรับการทดสอบประเภทต่างๆ

กำหนดเป้าหมายและการกระทำของ Conversion

หลังจากกำหนดรูปแบบต่างๆ ของการทดสอบแล้ว ขั้นตอนต่อไปคือการกำหนดเป้าหมายการแปลง คุณกำลังสร้างการทดสอบนี้เพื่อจุดประสงค์อะไร หากต้องการเพิ่มยอดขาย สมาชิกเพิ่มขึ้น หรือเข้าชมหน้าการกำหนดราคามากขึ้น จะบรรลุวัตถุประสงค์เหล่านี้เมื่อผู้เยี่ยมชมดำเนินการบางอย่าง

กับเนลิโอ การทดสอบ A/B ในส่วน "เป้าหมายและการกระทำของ Conversion" คุณสามารถเพิ่มเป้าหมายได้มากเท่าที่คุณต้องการโดยคลิกที่ลิงก์ + ใหม่ และคุณสามารถเพิ่มชื่อให้กับเป้าหมายเหล่านั้นได้ เนลิโอ การทดสอบ A/B จะแสดงข้อมูลเกี่ยวกับประสิทธิภาพของตัวแปรแต่ละตัวสำหรับวัตถุประสงค์แต่ละอย่างที่คุณกำหนดไว้

คำจำกัดความของวัตถุประสงค์การแปลงในการทดสอบ A/B ของเนื้อหาส่วนบุคคลด้วยการทดสอบ Nelio A / B
คำจำกัดความของวัตถุประสงค์การแปลงใน an การทดสอบ A/B กับ Nelio การทดสอบ A/B

สำหรับแต่ละเป้าหมายที่คุณกำหนดไว้ คุณมีการกระทำที่ถือเป็น Conversion ประเภทต่างๆ เพื่อติดตามผู้เยี่ยมชมของคุณ ตัวอย่างเช่น คุณสามารถตรวจสอบได้ว่าพวกเขาเข้าถึงหน้าบางหน้าเมื่อใด เมื่อพวกเขาคลิกองค์ประกอบบางอย่างบนเว็บไซต์ของคุณ หรือเมื่อพวกเขาส่งแบบฟอร์มการติดต่อ คลิกที่ปุ่มการกระทำที่คุณสนใจ และสำหรับการกระทำแต่ละประเภท คุณสามารถกำหนดการตั้งค่าของตัวเองได้

แบ่งกลุ่มการเข้าชมของคุณ

คุณลักษณะที่น่าสนใจอย่างหนึ่งของเครื่องมือทดสอบ A/B คือช่วยให้คุณสามารถแบ่งกลุ่มการเข้าชมได้ นั่นคือ คุณสามารถพิสูจน์ได้ว่ามีเพียงผู้เยี่ยมชมบางส่วนเท่านั้นที่เข้าร่วมการทดสอบ ตัวอย่างเช่น ตามประเทศ เวลา ภาษา เบราว์เซอร์ อุปกรณ์ ฯลฯ หากคุณต้องการรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการใช้งานการแบ่งกลุ่มการเข้าชมด้วย Nelio การทดสอบ A/B ในบทความนี้ อันโตนิโอจะอธิบายโดยละเอียด

เรียกใช้การทดสอบที่สร้างขึ้นและวิเคราะห์ความคืบหน้า

และเพียงเท่านั้น ตอนนี้สิ่งที่คุณต้องทำคือกดปุ่มเพื่อเริ่มการทดสอบและวิเคราะห์ความคืบหน้า เนลิโอ การทดสอบ A/B จะดูแลการแบ่งการเข้าชมของคุณออกเป็นสองกลุ่ม เพื่อให้แต่ละกลุ่มเห็นตัวแปรอย่างใดอย่างหนึ่ง เมื่อใช้ Nelio การทดสอบ A/B คุณไม่ต้องกังวลว่าต้องดำเนินการทดสอบนานแค่ไหนหรือเพื่อควบคุมความมั่นใจทางสถิติของข้อมูล คุณจะสามารถดูจำนวนรวมของการแปลงและการดูหน้าเว็บสำหรับแต่ละรูปแบบ คุณยังดูเปอร์เซ็นต์ของการปรับปรุงแต่ละรุ่นเทียบกับเวอร์ชันดั้งเดิมได้

กราฟที่มีอัตราส่วนการแปลงของแต่ละตัวแปรในการทดสอบ A/B
อัตราการแปลงของแต่ละตัวแปรในan การทดสอบ A/B

ใช้ทางเลือกที่ชนะ

สุดท้ายนี้ หากคุณได้รับการทดสอบที่หลากหลาย Nelio การทดสอบ A/B ช่วยให้คุณสามารถใช้ตัวแปรนั้นเป็นเวอร์ชันสุดท้ายบนเว็บไซต์ของคุณได้ในคลิกเดียว

ใช้ทางเลือกที่ชนะในการทดสอบ A/B
ใช้ทางเลือกที่ชนะในan การทดสอบ A/B

นั่นคือ สำหรับสองตัวอย่างแรกของการทดสอบหน้าเว็บ หากตัวแปรที่เราทดสอบเป็นผู้ชนะ โดยแทนที่เนื้อหาดั้งเดิมด้วยเวอร์ชันของผู้ชนะ ในกรณีของการทดสอบเทมเพลต เมื่อสิ้นสุดการทดสอบ คุณจะต้องสลับเทมเพลตในหน้า/โพสต์ที่คุณต้องการ

บทสรุป

การทดสอบ A/B เป็นเครื่องมือที่ดีที่สุดในการเพิ่มประสิทธิภาพการแปลงบนเว็บไซต์ WordPress มีการพัฒนาอย่างรวดเร็วและด้วยคุณสมบัติและฟังก์ชันใหม่ที่มาถึงใน WordPress 5.8 การสร้างการทดสอบ A/B จะง่ายยิ่งขึ้นหากคุณใช้เครื่องมือ WordPress ดั้งเดิมที่ผสานรวมกับตัวแก้ไขบล็อกอย่างเต็มรูปแบบ เช่นเดียวกับกรณีของ Nelio A/B การทดสอบ

โปรดจำไว้ว่ารูปแบบต่างๆ ที่ออกแบบมาเพื่อสร้างและออกแบบส่วนต่างๆ ไม่เพียงแต่อำนวยความสะดวกให้คุณสามารถเพิ่มและเปลี่ยนส่วนต่างๆ ของหน้าและโพสต์เท่านั้น แต่ยังรวมถึงเทมเพลตดังที่คุณเห็นในโพสต์นี้ รอคอยที่จะเห็นคุณสมบัติใหม่ต่อไปของ WordPress!

ภาพเด่นโดย Raimond Klavins บน Unsplash