4 สิ่งที่ควรทราบก่อนเริ่มเว็บไซต์ WordPress แบบเลื่อนยาว

เผยแพร่แล้ว: 2021-03-27

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

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

เลื่อนเว็บไซต์

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

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

สี่วิธีง่ายๆ ในการปรับปรุงการออกแบบเว็บไซต์แบบเลื่อนยาว

คำถามที่ต้องถามคือ คุณจะปรับปรุงการออกแบบเว็บไซต์ของคุณได้อย่างไรถ้าคุณมีเว็บไซต์แบบเลื่อนยาว นี่คือเคล็ดลับที่เป็นประโยชน์บางประการ

1.เพิ่มเมนูหนึบ

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

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

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

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

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

2. วางตำแหน่งปุ่มคำกระตุ้นการตัดสินใจของคุณอย่างเหมาะสม

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

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

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

แน่นอน คุณไม่ควรลืมเกี่ยวกับการปรับปุ่มเหล่านี้สำหรับอุปกรณ์มือถือ เนื่องจากมีการเข้าชมจำนวนมากในทุกวันนี้

3. ทำสิ่งที่คุณสามารถทำได้เพื่อลดเวลาในการโหลด

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

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

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

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

4. เพิ่มประสิทธิภาพทุกอย่างสำหรับอุปกรณ์มือถือ

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

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

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

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

บทสรุป

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

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

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