บทความวิกิฮาวนี้จะแนะนำวิธีการจัดโครงสร้างหน้าแรกของเว็บไซต์ของคุณ หน้าแรกหรือที่เรียกว่าหน้า Landing Page มักจะเป็นหน้าแรกที่ผู้คนจะเห็นเมื่อเข้าชมเว็บไซต์ของคุณ ดังนั้นการตั้งค่าเพื่อความสะดวกจึงเป็นสิ่งสำคัญหากคุณต้องการกระตุ้นให้ผู้ใช้อยู่ในเว็บไซต์ของคุณ
ขั้นตอน
ขั้นตอนที่ 1 ตรวจสอบหน้า Landing Page ยอดนิยม
ก่อนที่คุณจะเริ่มสร้างหน้า Landing Page ของคุณเอง ให้ดูหน้าแรกที่ใช้สำหรับเว็บไซต์ทั่วไป เพื่อดูว่าพวกเขานำเสนอข้อมูลของตนอย่างไรเพื่อดึงดูดผู้ชมเป้าหมาย ตัวอย่างที่ดีของไซต์ที่มีโฮมเพจที่กระชับและชัดเจน ได้แก่
- Spotify
- วิกิพีเดีย
ขั้นตอนที่ 2 กำหนดวัตถุประสงค์ของหน้า Landing Page
แม้ว่าหน้า Landing Page จำนวนมากจะสนับสนุนให้ผู้ใช้สมัครใช้บริการหรือทำการซื้อ (เช่น Spotify) แต่หน้าของคุณอาจมีเพียงเพื่อนำผู้ใช้ไปยังส่วนต่างๆ ของเว็บไซต์ (เช่น Wikipedia) การรู้ว่าหน้าที่ของแลนดิ้งเพจคืออะไร จะช่วยให้คุณเป็นแนวทางในการเลือกการออกแบบของคุณ
ขั้นตอนที่ 3 พิจารณาใช้เทมเพลตหน้า Landing Page
แม้ว่าบริการเว็บโฮสติ้งเกือบทั้งหมดจะอนุญาตให้คุณเปลี่ยนหน้าว่างเป็นหน้าแรกของคุณ แต่บริการส่วนใหญ่ยังรวมถึงเทมเพลตหน้า Landing Page เฉพาะซึ่งสามารถปรับแต่งตามความต้องการของคุณได้
เนื่องจากโดยปกติแล้วเทมเพลตจะได้รับการทดสอบก่อนที่จะพร้อมใช้งาน การใช้เทมเพลตจึงเป็นวิธีที่รวดเร็วในการรับประกันว่าหน้าเว็บของคุณจะใช้งานง่าย
ขั้นตอนที่ 4 อย่าลืมใช้การออกแบบเว็บทั่วไป
การนำเสนอที่ไม่เหมือนใครสร้างความประทับใจอย่างมากในด้านการออกแบบหน้า Landing Page ส่วนใหญ่ แต่รูปแบบโดยรวมของหน้าไม่ใช่รูปแบบใดรูปแบบหนึ่ง เมื่อสร้างหน้า Landing Page ให้คำนึงถึงอนุสัญญาต่อไปนี้:
- วางแถบค้นหา (ถ้ามี) ที่ด้านขวาบนของหน้า
- เก็บรายการเมนูไว้ที่ด้านบนสุดของหน้า
- วางโลโก้หรือลิงค์โฮมเพจของคุณที่ด้านซ้ายบนของหน้า
- วางลิงก์ไปยังเนื้อหาขั้นสูงที่สำคัญ (เช่น the ติดต่อเรา ลิงค์) ที่ด้านล่างของหน้า
ขั้นตอนที่ 5. ใช้รูปภาพและข้อความเพื่อสนับสนุนวัตถุประสงค์
ขึ้นอยู่กับวัตถุประสงค์ของคุณเอง สิ่งนี้จะแตกต่างกันไป ตัวอย่างเช่น หากคุณกำลังพยายามสนับสนุนให้ผู้ใช้สมัครใช้บริการ ข้อความของหน้า Landing Page ควรเน้นที่แง่มุมและประโยชน์ของบริการ ในขณะที่รูปภาพควรแสดงสิทธิประโยชน์เหล่านั้น
คุณยังสามารถใช้พื้นที่นี้เพื่อวางคำรับรองจากลูกค้า ข่าวสารเกี่ยวกับไซต์ของคุณ หรือข้อมูลอื่นๆ ที่เกี่ยวข้องกับผู้ใช้
ขั้นตอนที่ 6 ตอบคำถามของผู้ฟังของคุณ
ผู้ใช้ที่ลงเอยที่หน้า Landing Page ของคุณจะมีคำถามว่าพวกเขากำลังไตร่ตรองอย่างจริงจังหรือไม่ และความล้มเหลวในการนำเสนอคำตอบบางรูปแบบในหน้า Landing Page ของคุณมักจะส่งผลให้ผู้ใช้ออกไป มีคำถามหลักสี่ข้อที่หน้า Landing Page ของคุณควรตอบโดยใช้ความพยายามเพียงเล็กน้อย:
- จุดประสงค์ของเว็บไซต์คืออะไร? - วัตถุประสงค์ ผลิตภัณฑ์ หรือบริการของเว็บไซต์ควรแสดงให้เห็นอย่างชัดเจนและอธิบายโดยใช้คำไม่กี่คำที่ด้านบนของเว็บไซต์
- วัตถุประสงค์นำไปใช้กับผู้ใช้อย่างไร? - การโน้มน้าวผู้ใช้ว่าพวกเขาต้องการบริการหรือเว็บไซต์ของคุณอาจเป็นเรื่องยาก แต่การอธิบายความเกี่ยวข้องของเว็บไซต์ผ่านหัวเรื่องด้วยข้อความตัดเป็นวิธีการที่ดีเพื่อให้แน่ใจว่าผู้ใช้มีข้อมูลที่จำเป็นในการตัดสินใจ
- เหตุใดผู้ใช้จึงควรอยู่ในไซต์ - การแสดงโปรโมชัน (เช่น "ใช้งานฟรีเดือนแรก") หรือแสดงผลิตภัณฑ์ บริการ หรือไซต์ที่ใช้งานบ่อยเพียงพอที่จะชักชวนผู้ใช้ที่กำลังพิจารณาข้อเสนอของคุณอยู่แล้ว
-
ผู้ใช้จะได้รับประโยชน์จากเว็บไซต์ได้อย่างไร? - การวางปุ่มเรียกร้องให้ดำเนินการ (เช่น สมัครเลย!) ในหน้า Landing Page ของคุณตอบคำถามนี้
ขั้นตอนที่ 7 เพิ่มปุ่มเรียกร้องให้ดำเนินการที่ชัดเจน
หากเป้าหมายของคุณคือการให้ผู้ใช้สมัครรับการแจ้งเตือน เช่น ปุ่มเรียกร้องให้ดำเนินการควรพูดบางอย่างเช่น "แจ้งให้ฉันทราบ" แทนที่จะเป็น "ส่งที่อยู่อีเมล"
การวางหัวข้อย่อยไว้ใต้คำกระตุ้นการตัดสินใจของคุณ (เช่น "ไม่พลาดข้อตกลงอีกต่อไป") สามารถช่วยเสริมข้อความของปุ่มได้
ขั้นตอนที่ 8 อย่าใช้รูปแบบข้อความมากเกินไป
หากเว็บไซต์ของคุณกำหนดให้ผู้ใช้ต้องลงชื่อสมัครใช้ด้วยที่อยู่อีเมลหรือสร้างบัญชี ให้รักษาจำนวนกล่องข้อความที่ผู้ใช้ต้องกรอกให้น้อยที่สุด ยิ่งผู้คนต้องกรอกข้อความในกล่องข้อความมากเท่าใด ก็ยิ่งมีโอกาสที่พวกเขาจะต้องละทิ้งกระบวนการลงชื่อสมัครใช้ก่อนที่จะเสร็จสิ้น
ที่อยู่อีเมล ชื่อและนามสกุล และรหัสผ่านโดยปกติควรอยู่ในขอบเขตของข้อมูลที่คุณร้องขอ
ขั้นตอนที่ 9 ระบุตัวเลือกการนำทางที่ชัดเจน
ตัวเลือกการนำทางมักจะอยู่ที่มุมบนขวาของหน้า Landing Page และเกี่ยวข้องกับลิงก์เช่น เก็บ, เกี่ยวกับ และอื่นๆ ตรวจสอบให้แน่ใจว่าตัวเลือกเหล่านี้มีทั้งที่มองเห็นได้และมีชื่อที่ถูกต้องจะทำให้ผู้ใช้ได้รับประสบการณ์การนำทางที่ปราศจากความยุ่งยาก
คุณอาจต้องการเพิ่มแถบค้นหาที่มุมบนขวาหากเว็บไซต์ของคุณมีสินค้าคงคลังจำนวนมากหรือมีตัวเลือกการค้นหาสูงเช่นเดียวกัน
ขั้นตอนที่ 10. ลดความยุ่งเหยิงบนหน้าจอให้เหลือน้อยที่สุด
นอกเหนือจากความจำเป็นของหน้า Landing Page แล้ว คุณไม่ควรบรรจุหน้าจอด้วยแถบลอย หน้าต่างป๊อปอัป หรือตัวเลือกเมนูเพิ่มเติม เว้นแต่จำเป็นอย่างยิ่งสำหรับการนำทางไซต์
ทางเลือกหนึ่งสำหรับหน้า Landing Page ที่มีเนื้อหาจำนวนมากคือการใส่รายการที่ไม่จำเป็นลงในเมนูที่ยุบได้ซึ่งแสดงโดยไอคอนเมนู (☰) ที่ด้านซ้ายบนของหน้า เมนูสามารถใช้เป็นสารบัญได้
ขั้นตอนที่ 11 แสดงการแจ้งเตือนด่วนที่ด้านบนของหน้า
หากไซต์ของคุณกำลังจะได้รับการบำรุงรักษา คุณกำลังเสนอส่วนลดส่งเสริมการขาย มีผลิตภัณฑ์ใหม่อยู่ในสต็อก หรือสิ่งที่สำคัญในทำนองเดียวกันสำหรับการเข้าชมไซต์ของคุณที่กำลังจะเกิดขึ้น ตรวจสอบให้แน่ใจว่าคุณได้วางข้อมูลอ้างอิงที่น่าดึงดูดใจไว้ที่ ที่ด้านบนสุดของหน้าของคุณ
ขั้นตอนที่ 12. คำนึงถึงผู้ใช้มือถือ
แม้ว่าเบราว์เซอร์มือถือส่วนใหญ่จะสามารถดูไซต์เดสก์ท็อปได้ แต่คุณจะได้รับการตอบสนองในเชิงบวกมากขึ้น หากคุณสร้างหน้า Landing Page ของไซต์เวอร์ชันแยกต่างหากและเหมาะกับอุปกรณ์เคลื่อนที่
- การเข้าชมออนไลน์จำนวนมากมาจากผู้ใช้อุปกรณ์เคลื่อนที่ ดังนั้นให้ลองลดการใช้กราฟิกแบบแฟลชหรือวิดีโอที่เล่นอัตโนมัติประเภทใดก็ได้
- หากคุณกำลังใช้เทมเพลตหน้า Landing Page ของบริการโฮสติ้ง เทมเพลตนั้นอาจมีเวอร์ชันสำหรับมือถือซึ่งจะแสดงโดยอัตโนมัติเมื่อตรวจพบเบราว์เซอร์บนมือถือ
ขั้นตอนที่ 13 หลีกเลี่ยงข้อผิดพลาดของหน้า Landing Page ทั่วไป
สิ่งใดก็ตามที่อาจดูไม่น่าสนใจหรือไม่น่าสนใจสำหรับผู้ชมของคุณควรลบออกจากหน้า Landing Page ก่อนเปิดตัว ตัวอย่างทั่วไป ได้แก่:
- ป๊อปอัพ
- พื้นที่โฆษณาขนาดใหญ่ที่ป้องกันไม่ให้ผู้ใช้มองเห็นทั้งหน้า
- สีสันสดใส เข้ากันสุดๆ
- องค์ประกอบแบบไดนามิกมากเกินไป (การเคลื่อนไหวมากเกินไปบนหน้าเว็บอาจทำให้ผู้ใช้บางคนมีอาการเมารถ)
- รูปภาพหรือวิดีโอมากเกินไป (อาจทำให้หน้าโหลดช้าได้)