หน้า Landing Page ที่แปลง ตอนที่ 1: พื้นฐานของการออกแบบ

เผยแพร่แล้ว: 2015-03-13

ออกแบบโครงร่างการพัฒนาเว็บไซต์ หน้า Landing Page ของคุณมีการแปลงเช่นเดียวกับที่คุณต้องการหรือไม่ หากคำตอบคือไม่ อาจถึงเวลาที่ต้องกลับไปสู่พื้นฐาน มาตรวจสอบองค์ประกอบพื้นฐานของหน้า Landing Page ที่ดี และดูแนวทางปฏิบัติที่ดีที่สุด 5 ข้อสำหรับการสร้างหน้า Landing Page ที่ได้ผลลัพธ์ที่ยอดเยี่ยม

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

พวกเราส่วนใหญ่ใช้หน้า Landing Page เป็นเครื่องมือในการแปลง และเป็นหนึ่งในหน้าที่มีศักยภาพมากที่สุดที่เรามี สำเนาที่อยู่รอบๆ ลิงก์ให้คำมั่นสัญญา (เช่น “เรียนรู้วิธีการ…”) และหน้า Landing Page จะตอบแทนด้วยการเสนอสิ่งที่มีค่า (eBook, วิดีโอ, พอดแคสต์ หรือเนื้อหาประเภทใดก็ตามที่ผู้ซื้อในอุดมคติของคุณจะประทับใจ) . ผู้เยี่ยมชมของคุณจะต้องต้องการเนื้อหามากพอที่จะแลกเปลี่ยนข้อมูลติดต่อของตนได้ พวกเขาได้รับข้อมูลที่มีค่าเป็นการตอบแทน และยิ่งข้อมูลนั้นดีเท่าไร ก็ยิ่งเป็นไปตามคำมั่นสัญญามากเท่านั้น คุณก็ยิ่งมองหาผู้ซื้อที่มีศักยภาพมากขึ้นเท่านั้น อย่างน้อยคุณจะได้รับชื่อและอีเมลของผู้ที่มีแรงจูงใจในการตรวจสอบผลิตภัณฑ์ บริการ หรืออุตสาหกรรมของคุณ นั่นเป็นการเริ่มต้นความสัมพันธ์ซึ่งกันและกันที่ดี

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

กายวิภาคของหน้า Landing Page

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

1. สร้างข้อเสนอที่น่าสนใจ

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

2. ปรับแต่งสำเนาอย่างละเอียด

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

3. พัฒนาแบบฟอร์มหน้า Landing Page ของคุณ

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

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

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

4. สร้างคำกระตุ้นการตัดสินใจที่ชัดเจน

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

5. ออกแบบโดยคำนึงถึงการเปลี่ยนแปลง

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

6. เพิ่มประสิทธิภาพการออกแบบสำหรับมือถือ

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

กรณีศึกษาหน้า Landing Page

ทีนี้มาดูการแปลงหน้าแลนดิ้งเพจด้วยคำจริง ในกรณีนี้ หน้าแลนดิ้งเพจแบบสำรวจ Act-On ที่มีโอกาสลุ้นรับ MacBook Pro

แลนดิ้งเพจ

หน้า Landing Page แบบสำรวจนี้แสดงแนวทางปฏิบัติที่ดีที่สุด 5 ข้อสำหรับแบบฟอร์ม และส่งผลให้อัตราการแปลงของเราดีขึ้นอย่างมาก เราได้ทดสอบองค์ประกอบต่างๆ เหล่านี้เพื่อเพิ่มประสิทธิภาพหน้า Landing Page ของเรา โปรดระลึกไว้เสมอเมื่อคุณออกแบบหน้า Landing Page

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

ข้อมูลที่กรอกไว้ล่วงหน้า : หากคุณมีข้อมูลใด ๆ เกี่ยวกับผู้ส่ง ให้กรอกข้อมูลให้พวกเขาล่วงหน้าเพื่อลดจำนวนข้อมูลที่ต้องป้อนเอง สิ่งนี้ช่วยประหยัดเวลา (ชื่นชมเสมอ) และยังเตือนพวกเขาอย่างละเอียดว่าคุณมีความสัมพันธ์แล้ว รวมเฉพาะฟิลด์ที่จำเป็นสำหรับทีมขายหรือ CRM ของคุณ

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

ปุ่มคำกระตุ้นการตัดสินใจ : ทดสอบคำกระตุ้นการตัดสินใจต่างๆ ไม่ "เข้าร่วมเพื่อชนะ" ฟังดูสนุกกว่า "ส่ง" หรือไม่

องค์ประกอบการออกแบบ: ลองเพิ่มภาพเคลื่อนไหวหรือองค์ประกอบเชิงโต้ตอบลงในหน้า Landing Page เพื่อดึงดูดความสนใจของผู้ดู เราได้เพิ่ม GIF แบบเคลื่อนไหวลงในหน้า Landing Page เพื่อเพิ่มการเคลื่อนไหวและเสริมสำเนา เพียงตรวจสอบให้แน่ใจว่าไม่ได้หันเหความสนใจจากแบบฟอร์ม แต่สนับสนุนคำกระตุ้นการตัดสินใจ

สร้างหน้า Landing Page ที่ดีขึ้น หน้า Landing Page ที่ได้รับการออกแบบมาอย่างดีควรรวมแนวทางปฏิบัติหลักบางประการสำหรับการสร้างหน้าเว็บที่เปลี่ยนผู้เยี่ยมชมไซต์ของคุณให้เป็นโอกาสในการขายที่มีคุณค่า คุณต้องการแปลงหน้า Landing Page มากขึ้นหรือไม่? หากคำตอบคือใช่ ลองดู eBook ของเรา – การสร้างหน้า Landing Page ที่ดีขึ้น และเรียนรู้แนวทางปฏิบัติที่ดีที่สุด 6 ข้อสำหรับการสร้างหน้า Landing Page ที่ได้ผลลัพธ์ที่ยอดเยี่ยม