ฉันเรียนรู้ที่จะหยุดกังวลและรักหน้า Landing Page ได้อย่างไร (และแนวทางปฏิบัติที่ดีที่สุดของพวกเขา)

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

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

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

รับคำแนะนำที่ดาวน์โหลดได้สำหรับแนวทางปฏิบัติที่ดีที่สุดของหน้า Landing Page!

สารบัญ

แลนดิ้งเพจ 101

แลนดิ้งเพจคืออะไร?

มีหน้า Landing Page ประเภทใดบ้าง

ขั้นตอนการทำงานของแลนดิ้งเพจ

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

รายละเอียด "แนวปฏิบัติที่ดีที่สุด" ของหน้า Landing Page

แนวทางปฏิบัติที่ดีที่สุดสำหรับเนื้อหาของหน้า Landing Page

แนวทางปฏิบัติที่ดีที่สุดสำหรับแบบฟอร์ม Landing Page

แนวทางปฏิบัติที่ดีที่สุดสำหรับปุ่มหน้า Landing Page

แนวทางปฏิบัติที่ดีที่สุดสำหรับกราฟิกหน้า Landing Page

สรุปแนวทางปฏิบัติที่ดีที่สุดของ TL; DR

แลนดิ้งเพจ 101

แลนดิ้งเพจคืออะไร?

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

มีหน้า Landing Page ประเภทใดบ้าง

มีสองประเภทหลักของแลนดิ้งเพจในการตลาด:

• หน้า Landing Page แบบคลิกผ่าน
• หน้า Landing Page ของการสร้างโอกาสในการขาย

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

หากคุณต้องการเพิ่มประสิทธิภาพไซต์อีคอมเมิร์ซของคุณสำหรับการแปลง ต่อไปนี้เป็นสองสามวิธีในการดำเนินการ

หน้า Landing Page ของ Lead Generation ใช้เพื่อเก็บข้อมูลผู้เยี่ยมชมเว็บไซต์ โดยทั่วไปจะทำเพื่อแลกเปลี่ยนกับ eBooks คู่มือ รายการตรวจสอบ หรือเนื้อหาที่ดาวน์โหลดได้อันมีค่าอื่นๆ

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

[tweet= "หากการออกแบบหน้า Landing Page ของคุณมีองค์ประกอบของหน้าน้อย และไม่มีวิดีโอ ให้ใช้การออกแบบหน้าตอบสนองแทนการสร้างการออกแบบหน้าอุปกรณ์ที่ไม่ซ้ำใคร"]

หน้า Landing Page ของไลบรารีเนื้อหาทั้งหมดของ Vendasta มีการตอบสนองโดยมีความแตกต่างเล็กน้อยหรือไม่มีเลยบนเบราว์เซอร์มือถือและเดสก์ท็อป

สร้างเว็บไซต์ของคุณเองตั้งแต่ต้นสำหรับลูกค้าด้วยเครื่องมือสร้างเว็บไซต์ในตลาดของ Vendasta!

ขั้นตอนการทำงานของแลนดิ้งเพจ

หน้า Landing Page แต่ละประเภทมีเวิร์กโฟลว์ของตัวเองสำหรับวิธีที่ผู้ใช้ย้ายจากแหล่งที่มาของโฆษณาไปยังหน้า Landing Page

ขั้นตอนการทำงานของหน้า Landing Page แบบคลิกผ่านมีลักษณะดังนี้:

เครื่องมือค้นหา → ผลลัพธ์ AdWords SERP → หน้า Landing Page

สำหรับหน้า Landing Page ของการสร้างความสนใจในตัวสินค้า จะมีลักษณะดังนี้:

บล็อกโพสต์ → บล็อกโฆษณา (ข้อความหรือรูปภาพ) → หน้า Landing Page

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

หน้า Landing Page พื้นฐานทุกหน้ามีองค์ประกอบหลักที่เหมือนกันในการเปลี่ยนโอกาสในการขาย:

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

รายละเอียด "แนวปฏิบัติที่ดีที่สุด" ของหน้า Landing Page

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

แนวทางปฏิบัติที่ดีที่สุดสำหรับเนื้อหาของหน้า Landing Page

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

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

การเขียนเนื้อหาที่ดีเป็นเรื่องส่วนตัว แต่มีการแบ่งโครงสร้างเพื่อตัดสินเนื้อหา โดยเฉพาะในหน้า Landing Page หรือเว็บ

การแบ่งเนื้อหา

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

หากคุณจำเป็นต้องใส่ข้อมูลจำนวนมากในหน้า Landing Page ของคุณ ให้แบ่งเป็นย่อหน้าและผสมผสานกับสัญลักษณ์แสดงหัวข้อย่อยและภาพ ทำให้ข้อมูลของคุณย่อยง่ายโดยผู้อ่าน!

โพสต์ในบล็อกนี้ยังมีเนื้อหาที่มีหัวข้อย่อยและภาพ

ความชัดเจน

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

ผู้คนไม่อ่าน ซึ่งเป็นอีกสาเหตุหนึ่งที่ทำให้บทความ Clickbait-y ได้รับการแบ่งปันมากขึ้น (ผู้คนเพียงแค่อ่านและแบ่งปันหากพวกเขาเปิดโพสต์ด้วยซ้ำ)

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

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

[clickToTweet tweet="คำหลักที่เน้น/ตัวหนา หัวข้อย่อย รายการหัวข้อย่อย และหนึ่งแนวคิดต่อย่อหน้าทำให้เนื้อหาของคุณย่อยง่ายขึ้น!" quote="คำหลักที่เน้นสี/ตัวหนา หัวข้อย่อย รายการหัวข้อย่อย และหนึ่งแนวคิดต่อย่อหน้าทำให้เนื้อหาของคุณย่อยง่ายขึ้น!"]

รูปแบบการเขียนแบบปิรามิดกลับหัว

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

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

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

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

เสียงจากลูกค้า

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

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

ลองนึกภาพการคัดลอกเป็นกระทุ้งของ Conor Mcgregor: ตรงประเด็นและส่งข้อความ

แนวทางปฏิบัติที่ดีที่สุดสำหรับแบบฟอร์ม Landing Page

เมื่อคุณให้ข้อมูลฟรีแก่กลุ่มเป้าหมายของคุณ แบบฟอร์มเป็นเพียงวิธีเดียว (ที่ไม่ใช่แบบ 1984-ian หรือแบบไม่ใช่แบบ Orwellian) เพื่อดึงข้อมูลผู้ใช้ สร้างเนื้อหาของคุณเพื่อรับโอกาสในการขาย!

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

คำแนะนำ: ยิ่งโหลดความรู้น้อยยิ่งดี!

ประเภทของแบบฟอร์มหน้า Landing Page

กายวิภาคของแบบฟอร์มหน้า Landing Page

แบบฟอร์มหน้า Landing Page ทุกรายการมีองค์ประกอบหลักบางประการ:

• ชื่อแบบฟอร์ม
• ป้ายกำกับ
• ข้อความตัวยึด
• ช่องป้อนข้อมูล
• พื้นที่ข้อความหรือกล่องข้อความ
• ปุ่มแปลง/CTA

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

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

แนวทางปฏิบัติที่ดีที่สุดสำหรับปุ่มหน้า Landing Page

ปุ่มสามารถสร้างหรือทำลายประสบการณ์หน้า Landing Page สำหรับผู้ใช้ นักออกแบบ/นักพัฒนาจำนวนมาก แม้แต่ตัวฉันเอง ก็รู้สึกผิดที่กดปุ่มผิด (ทำให้กว้างเกินไป สั้นเกินไป ฯลฯ)

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

ในหลาย ๆ ที่ที่มีสิ่งต่าง ๆ บนหน้าจอมากเกินไป ปุ่มจะดูเหมือนกราฟิกและหายไปในหน้า ด้วยเหตุนี้ ปุ่มต่างๆ จึงควรมีลักษณะเหมือนกับปุ่มที่ผู้คนเคยเห็นมาก่อน

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

[clickToTweet tweet="อย่าคิดค้นปุ่มขึ้นมาใหม่บนหน้า Landing Page ของคุณ! ยิ่งปุ่มดูเหมือนปุ่มมากเท่าไหร่ คนก็จะยิ่งคลิกมากขึ้นเท่านั้น" quote="อย่าคิดค้นปุ่มขึ้นมาใหม่บนหน้า Landing Page! ยิ่งปุ่มดูเหมือนปุ่มมากเท่าไหร่ คนก็จะยิ่งคลิกมากขึ้นเท่านั้น"]

มีปุ่ม: จะคลิก

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

การวางปุ่มรูปแบบ F

การศึกษาการติดตามการมองได้แสดงให้เห็นว่าผู้คนสแกนหน้าเว็บในรูปแบบ F-Pattern ดังนั้นหากคุณต้องการทำให้หน้าเว็บมีประสิทธิภาพ ให้วางปุ่มในตำแหน่งเหล่านั้น นั่นคือเหตุผลที่เราใช้แบบฟอร์มที่ด้านบนขวาและด้านล่างซ้ายของหน้าเว็บของเรา นี่เป็นรูปแบบทั่วไป เราเห็นใน Amazon, GAP หรือ Apple.com

ตรวจสอบการศึกษาการติดตามด้วยตัวคุณเองเพื่อทำความเข้าใจวิธีเขียนเนื้อหาและวาง CTA ที่แปลง!

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

แนวทางปฏิบัติที่ดีที่สุดสำหรับกราฟิกหน้า Landing Page

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

แนวทางปฏิบัติที่ดีที่สุดเกี่ยวกับกราฟิกนั้นแสดงให้เห็นได้ดีกว่าที่บอก ดังนั้นลองดูตัวอย่างเหล่านี้

แม้ว่ากราฟิกเหล่านี้จะไม่ใช่เฉพาะหน้า Landing Page ทั้งหมด แต่ก็มีความเกี่ยวข้องอย่างมากกับสิ่งที่ทำงานร่วมกับภาพบนเว็บ

จำกัด องค์ประกอบการแข่งขัน

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

ง่าย ๆ เข้าไว้!

ทำให้กราฟิกของคุณชัดเจนและมีสมาธิ และเลือกใช้ความเรียบง่ายแทนความซับซ้อนเพื่อช่วยถ่ายทอดข้อความของคุณ

สรุปแนวทางปฏิบัติที่ดีที่สุดของ TL; DR Landing Page

• หน้า Landing Page สองประเภท – การ คลิกผ่านและการสร้างโอกาสในการขาย
• กายวิภาคของ LP – ส่วนหัว, กล่องแบบฟอร์ม, FABs, ตัวสร้างความน่าเชื่อถือ (โลโก้หรือข้อความรับรอง)
• เมทริกซ์ข้อมูลสำหรับหน้า Landing Page - คุณต้องการให้ข้อมูลหนาแน่นแค่ไหน?
• เนื้อหา/สำเนา
  • การแบ่ง เนื้อหา – แบ่งย่อหน้ายาวๆ ออกเป็นย่อหน้าเล็กๆ และมีความคิดหลักหนึ่งข้อต่อย่อหน้า ช่วยในการจดจำและปรับปรุงความเข้าใจ
  • ความชัดเจน – ออกแบบเนื้อหาให้อ่านแบบอ่านไม่ออก ใช้คำสำคัญที่เน้นสีหรือเป็นตัวหนา หัวข้อย่อย รายการหัวข้อย่อย การจำกัดแนวคิดต่อย่อหน้า
  • รูปแบบการเขียนแบบปิรามิดหัวกลับ – เริ่มเนื้อหาของคุณด้วยสิ่งที่คุณต้องการบอกผู้คน
  • เสียงจากลูกค้า – ใช้ภาษาที่กลุ่มเป้าหมายของคุณใช้
• แบบฟอร์ม
  • โครงสร้างแบบฟอร์มมี ความสำคัญมาก การออกแบบแบบฟอร์มที่ทำให้สายตาของคุณเดินน้อยลงช่วยให้อ่านได้เร็วขึ้น ดูตัวอย่างของฉัน
  • การจัดตำแหน่งองค์ประกอบ — จัดตำแหน่งองค์ประกอบให้เหมาะสมและเว้นระยะห่างอย่างเหมาะสม แต่ให้เรียบง่าย
• ปุ่ม
  • F–Pattern – ลองนึกภาพรูปร่าง F ที่วางอยู่บนหน้าเว็บของคุณ ซึ่งเป็นการเคลื่อนไหวที่คนส่วนใหญ่มีขณะดูหน้าใหม่บนเบราว์เซอร์
  • คำง่ายๆ – ถ่ายทอดผลลัพธ์ ไม่ทำให้ผู้ใช้คิด
• กราฟิก
  • ทำให้เรียบง่าย ใช้ภาพที่มีองค์ประกอบน้อยที่สุด และแยกตัวแบบออกจากพื้นหลัง
  • หยุดใช้พารั ลแลกซ์ หรือใช้ไปเรื่อย ๆ ก็มีแต่จะทำให้เราดูดีขึ้น
• โบนัส: สำหรับการเพิ่มประสิทธิภาพหน้า Landing Page ฉันแนะนำให้ทำการทดสอบ A/B เปลี่ยนส่วนหัวของหน้า Landing Page ทำให้ปุ่มเรียบง่ายและเหมือนกับการควบคุม เว้นแต่สำเนาของปุ่มจะแปลกหรือมองเห็นไม่ชัดเจนบนหน้า มีความเป็นไปได้น้อยที่สุดที่จะเป็นปุ่มนั้น