ออกแบบหน้าเว็บไซต์อย่างไร ให้ได้มาตรฐาน Core Web Vitals!

Core Web Vitals คืออะไร

สำหรับ Core Web Vitals นั้น คือฟีเจอร์ที่อยู่ในเครื่องมือ Google Search Console โดยหน้าที่ของเจ้าฟีเจอร์ตัวนี้นั้น จะคอยส่ง Bot ของ Google ไปตรวจสอบเว็บไซต์อยู่เป็นระยะ ๆ และเมื่อพบปัญหาที่เกี่ยวข้องกับประสิทธิภาพด้านการใช้งานของเว็บไซต์ หรือ UX (User Experience) ก็จะมีการแจ้งเตือนมายังเจ้าของเว็บไซต์เป็น Notification ภายใน Google Search Console ว่าคุณ หรือทีมออกแบบเว็บไซต์ของคุณนั้นได้มีการออกแบบหน้าเว็บไซต์ไปในทิศทางที่ไม่ถูกต้อง ควรปรับปรุงด่วน!

3 เกณฑ์การออกแบบหน้าเว็บไซต์ ที่ Core Web Vitals จะคอยวัดผล

จะมีอยู่ทั้ง 3 เกณฑ์ที่เป็นปัจจัยหลัก ที่ Core Web Vitals จะแจ้งเตือนเมื่อคุณออกแบบหน้าเว็บไซต์โดยไม่เหมาะสม หรือไม่สอดคล้องกับ UX ที่ดีดังนี้

• LCP
• FID
• CLS

1. Largest Contentful Paint (LCP)

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

ข้อแนะนำสำหรับการออกแบบหน้าเว็บไซต์ให้รองรับ LCP
หากเว็บไซต์ของคุณมีการแจ้งเตือน LCP ควรคุณตรวจสอบลิงก์ที่ Google Search Console แจ้งมา เพื่อนำไปวิเคราะห์ว่าจุดไหนที่สร้างปัญหาให้กับเว็บไซต์ โดยส่วนใหญ่แล้วในหัวข้อ LPC นั้น จะเกิดจากการใช้ไฟล์ภาพที่มีขนาดใหญ่เกินไป ทางที่ดีคุณควรจะเลือกใช้ไฟล์ภาพสกุล next gen อย่างเช่น .webp เพื่อทำให้ไฟล์มีขนาดเล็กลง รวมไปถึงปลั๊กอินส่วนเกิน script code ที่ไม่ได้ใช้ต่าง ๆ หากไม่จำเป็นแล้วควรนำออกเพื่อให้เว็บไซต์มีการดาวน์โหลดที่ไวขึ้น

2. First Input Delay (FID)

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

ข้อแนะนำสำหรับการออกแบบหน้าเว็บไซต์ให้รองรับ FID
ปัญหาการดีเลย์ของปุ่มต่าง ๆ นั้นอาจจะเกิดจากสาเหตุที่คล้ายกันกับ LCP คือทรัพยากร หรือองค์ประกอบอย่าง Scrip code ปลั๊กอิน มีมากเกินความจำเป็น ควรตรวจสอบเพื่อนำออก

3. Cumulative Layout Shift (CLS)

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

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

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

หากคุณต้องการเว็บไซต์ ที่ออกแบบหน้าเว็บไซต์ได้แบบไร้ปัญหาจาก Core Web Vitals ควรมองหาบริษัทรับทำเว็บไซต์มืออาขีพ เชี่ยวชาญ และมีผลงานเป็นตัวการันตีฝีมืออย่าง 1001 CLICK เราคือบริษัทรับออกแบบหน้าเว็บไซต์ และรับทำเว็บไซต์อย่างมืออาชีพ ผลิตผลงานเว็บไซต์มาแล้วหลากหลายรูปแบบ โดยเฉพาะเว็บไซต์ E-Commerce ที่เรามีความชำนาญเป็นพิเศษ เพื่อให้เว็บไซต์ของคุณเป็นเว็บไซต์ที่มีคุณภาพ ถูกใจ Google ส่งเสริมการตลาดไปในทิศทางที่ดีขึ้น อย่าลืมเข้ามาพูดคุย หรือใช้บริการจากเราได้ที่เว็บไซต์ 1001 CLICK

• สามารถติดต่อเพื่อขอคำปรึกษาได้ที่ 081 116 1001
• Line Id : 1001click
• Email : info@1001click.com