การแบ่งหน้า vs การโหลดแบบขี้เกียจ vs การโหลดเพิ่มเติม : อธิบายในรายละเอียด

เผยแพร่แล้ว: 2022-11-23

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

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

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

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

ซ่อน เนื้อหา
การแบ่งหน้าคืออะไร?
ตัวอย่างการแบ่งหน้า:
เหตุผลบางประการในการใช้การแบ่งหน้า:
ด้านลบของการใช้เลขหน้า:
Lazy Loading หรือ Infinite scrolling คืออะไร?
ตัวอย่างของ Lazy Loading:
เหตุผลบางประการในการใช้ Lazy Loading:
ด้านลบของการใช้การเลื่อนไม่สิ้นสุดหรือการโหลดแบบขี้เกียจ:
โหลดเพิ่มเติมคืออะไร?
ตัวอย่างการโหลดเพิ่มเติม:
เหตุผลบางประการในการใช้ Load More:
ด้านลบของการใช้ Load More:
ความแตกต่างระหว่างการแบ่งหน้ากับการโหลดแบบขี้เกียจเทียบกับการโหลดเพิ่มเติม
การใช้งานและการมีส่วนร่วมของผู้ใช้
การปรับแต่งเว็บไซต์ให้ติดอันดับบนเครื่องมือการค้นหา (SEO)
การแบ่งหน้า vs การโหลดแบบ Lazy Loading เทียบกับการโหลดเพิ่มเติม : ที่ Quick Look
คำถามที่พบบ่อย
เลขหน้าใช้สำหรับอะไร?
ทำไมเลขหน้าจึงสำคัญ?
การแบ่งหน้าดีกว่าการเลื่อนไม่รู้จบหรือไม่?
การแบ่งหน้าหรือการโหลดแบบขี้เกียจอย่างไหนดีกว่ากัน?
เลขหน้าช่วยเพิ่มประสิทธิภาพได้อย่างไร
คำสุดท้าย

การแบ่งหน้าคืออะไร?

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

ตัวอย่างการแบ่งหน้า:

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

การแบ่งหน้า Xpeedstudio กับการโหลดแบบขี้เกียจ

บางครั้ง คุณยังสามารถเห็นปุ่มถัดไปและปุ่มก่อนหน้าพร้อมตัวเลขดังตัวอย่างด้านล่าง:

อีกตัวอย่างหนึ่งก็คือ Google

เลขหน้า Google

เหตุผลบางประการในการใช้การแบ่งหน้า:

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

ด้านลบของการใช้เลขหน้า:

  • เนื่องจากต้องดำเนินการเพิ่มเติมเพื่อไปยังหน้าถัดไป บางคนอาจพบว่ามันน่ารำคาญ
  • สิ่งนี้อาจทำให้เกิดปัญหาในการเข้าถึงได้ในบางครั้งด้วยการดำเนินการเพิ่มเติมสำหรับการนำทาง

คุณยังสามารถตรวจสอบบล็อกของเรา แนวโน้ม UI ที่ดีที่สุดที่จะติดตาม

Lazy Loading หรือ Infinite scrolling คืออะไร?

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

ตัวอย่างของ Lazy Loading:

ในตัวอย่างด้านล่าง คุณจะเห็นเนื้อหาโหลดเมื่อผู้ใช้เลื่อนลง:

ขี้เกียจโหลด

อีกตัวอย่างหนึ่งก็คือ Pinterest

เหตุผลบางประการในการใช้ Lazy Loading:

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

ด้านลบของการใช้การเลื่อนไม่สิ้นสุดหรือการโหลดแบบขี้เกียจ:

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

โหลดเพิ่มเติมคืออะไร?

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

ตัวอย่างการโหลดเพิ่มเติม:

ในตัวอย่างนี้ คุณจะเห็นปุ่ม Load more ทำงานในหน้า WooCommerce Archive ที่สร้างขึ้นด้วย   ShopEngine .

อีกตัวอย่างหนึ่งคือ Skechers

สเกชเชอร์

เหตุผลบางประการในการใช้ Load More:

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

ด้านลบของการใช้ Load More:

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

คุณยังสามารถดูบล็อกของเรา ได้ ค่าใช้จ่ายเท่าไหร่ในการสร้าง NFT: อธิบาย

ความแตกต่างระหว่างการแบ่งหน้ากับการโหลดแบบขี้เกียจเทียบกับการโหลดเพิ่มเติม

การใช้งานและการมีส่วนร่วมของผู้ใช้

การโหลดแบบขี้เกียจเทียบกับการแบ่งหน้าระหว่างการมีส่วนร่วมของผู้ใช้

การแบ่งหน้า

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

เลื่อนไม่สิ้นสุด

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

โหลดเพิ่มเติม

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

ความคิดเห็น:

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

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

การปรับแต่งเว็บไซต์ให้ติดอันดับบนเครื่องมือการค้นหา (SEO)

การแบ่งหน้า

การแบ่งหน้าไม่มีผลกระทบด้านลบในแง่ของ SEO เว้นแต่คุณจะมีหน้ามากกว่า 1,000 หน้าในการแบ่งหน้า (ซึ่งหายาก) เหตุผลที่การแบ่งหน้าไม่สร้างปัญหากับการรวบรวมข้อมูลของ Search Engine ก็คือระบบจะถือว่าหน้าที่มีการแบ่งหน้าแต่ละหน้าเป็นหน้าเดียว นอกจากนี้ ทุกหน้าต้องมี Meta Title ที่ไม่ซ้ำกันซึ่งมีหมายเลขของหน้านั้นๆ

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

เลื่อนไม่สิ้นสุด

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

ตราบใดที่ URL ของเว็บไซต์ของคุณเปลี่ยนแปลงด้วยการเลื่อน เว็บไซต์ของคุณจะไม่มีปัญหาเกี่ยวกับ SEO เพื่อความแน่ใจ 100% ให้ตรวจสอบว่า URL ของคุณเปลี่ยนแปลงด้วยการเลื่อนหรือไม่

website.com/blog/?page-2

website.com/blog/?page-3

โหลดเพิ่มเติม

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

ความคิดเห็น

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

คุณยังสามารถอ่าน หลักการออกแบบ UX ที่สำคัญ 7 ประการเพื่อการเดินทางของผู้ใช้ที่ราบรื่น

การแบ่งหน้า vs การโหลดแบบ Lazy Loading เทียบกับการโหลดเพิ่มเติม : ที่ Quick Look

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

คุณยังสามารถตรวจสอบบล็อกของเรา 11 เว็บไซต์ WordPress ยอดนิยมที่คุณไม่รู้จัก

คำถามที่พบบ่อย

มาดูคำถามที่พบบ่อยเกี่ยวกับการแบ่งหน้า การโหลดแบบสันหลังยาว และการโหลดเพิ่มเติม:

เลขหน้าใช้สำหรับอะไร?

การแบ่งหน้าใช้เพื่อแยกรายการข้อมูลที่ยาวเป็นหน้าเล็กๆ เพื่อให้ผู้ใช้สามารถนำทางเพื่อค้นหาข้อมูลที่ต้องการได้อย่างง่ายดาย

ทำไมเลขหน้าจึงสำคัญ?

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

การแบ่งหน้าดีกว่าการเลื่อนไม่รู้จบหรือไม่?

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

การแบ่งหน้าหรือการโหลดแบบขี้เกียจอย่างไหนดีกว่ากัน?

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

เลขหน้าช่วยเพิ่มประสิทธิภาพได้อย่างไร

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

คำสุดท้าย

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

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

หากคุณมีคำถามหรือความคิดเห็นเกี่ยวกับบล็อก โปรดฝากไว้ในช่องแสดงความคิดเห็น