ข้ามไปที่เนื้อหาหลัก
ไปที่หน้าแดชบอร์ด
หากไม่แน่ใจว่าจะเริ่มจากตรงไหน ลองทำแบบทดสอบสั้นๆ เพื่อรับคำแนะนำที่ปรับให้เหมาะกับคุณ
Welcome to the Google News Initiative
The Google News Initiative works with publishers and journalists to fight misinformation, share resources, and build a diverse and innovative news ecosystem.
บทเรียนที่ 3 จาก 5
ทำให้ผู้เข้าชมมีส่วนร่วมอยู่เสมอด้วย Core Web Vitals
5 นาที บทเรียนที่ต้องศึกษาต่อ

ทำให้ผู้เข้าชมมีส่วนร่วมอยู่เสมอด้วย Core Web Vitals

webdev

สร้างประสบการณ์ของผู้ใช้ที่มีคุณภาพบนเว็บไซต์ข่าวของคุณ

webdev

Core Web Vitals คืออะไร

GNI_Data_Presentation (1)

Web Vitals เป็นโครงการริเริ่มของ Google ในการให้คำแนะนำแบบครบวงจรเกี่ยวกับสิ่งที่จำเป็นต่อประสบการณ์อันยอดเยี่ยมของผู้ใช้บนเว็บ

Core Web Vitals คือ 3 ตัวชี้วัดจาก Web Vitals การวิจัยพบว่าเมื่อเว็บไซต์เป็นไปตาม Core Web Vitals ผู้ใช้จะมีโอกาสออกจากหน้าเว็บน้อยลง 24%

Core Web Vitals ให้ความสำคัญกับสิ่งต่อไปนี้

  • การโหลด
  • การโต้ตอบ
  • ความเสถียรของภาพ
GNI_Data_Presentation (1)

เริ่มต้นด้วยการวัด Core Web Vitals

GNI_Data_Analytics

การรวบรวมข้อมูลเป็นขั้นตอนแรกในการเพิ่มประสิทธิภาพ Core Web Vitals

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

  • Search Console จะวัดผลและรายงานว่าหน้าเว็บของคุณเป็นไปตาม Core Web Vitals อย่างไร โดยพิจารณาจากวิธีที่กลุ่มเป้าหมายใช้เว็บไซต์

  • ส่วนขยาย Chrome ของ Web Vitals จะวัดผลและรายงานประสิทธิภาพของ Core Web Vitals แบบเรียลไทม์สำหรับหน้าเว็บทุกหน้า และเป็นเครื่องมือที่เหมาะสำหรับนักพัฒนา

💡แนวทางปฏิบัติแนะนำ: แชร์คำแนะนำจากเครื่องมือเหล่านี้กับนักพัฒนาของคุณ

GNI_Data_Analytics

การโหลด

GNI_Audience_engagement_Blank

เวลาในการโหลดที่รวดเร็วทำให้กลุ่มเป้าหมายมั่นใจได้ว่าหน้าเว็บนี้มีประโยชน์

  • ผู้ใช้ 50% ตัดสินใจออกจากเว็บไซต์หากใช้เวลาโหลดนานกว่า 3 วินาที
  • ผู้ใช้ 47% คาดหวังว่าหน้าเว็บจะโหลดภายใน 2 วินาที
  • ผู้ใช้ 52% กล่าวว่าเวลาที่ใช้ในการโหลดมีส่วนสำคัญกับการภักดีต่อแบรนด์

การโหลดจะวัดจาก Largest Contentful Paint (LCP) ซึ่งคำนวณตามระยะเวลาที่ใช้ในการแสดงรูปภาพหรือบล็อกข้อความที่ใหญ่ที่สุด

ข้อมูล 75% ของหน้าเว็บควรโหลดภายใน 2.5 วินาที เพื่อให้เป็นไปตาม Core Web Vitals

💡แนวทางปฏิบัติแนะนำ

GNI_Audience_engagement_Blank

การโต้ตอบ

screenshot-2023-02-23-at-54241-pm

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

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

75% ของหน้าเว็บควรใช้เวลาไม่เกิน 0.1 วินาทีในการเริ่มประมวลผลการคลิกเพื่อให้เป็นไปตาม Core Web Vitals

💡แนวทางปฏิบัติแนะนำ

  • เปิดใช้การโหลดแบบ Lazy Loading ซึ่งแบ่งโค้ดออกเป็นงานย่อยๆ
  • โหลดโค้ดที่จำเป็นสำหรับหน้าเว็บก่อน
  • ลดการใช้โค้ดที่ดึงข้อมูล
screenshot-2023-02-23-at-54241-pm

ความเสถียรของภาพ

blue-data-screen

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

ในหลายๆ ครั้ง ปัญหานี้อาจเพียงแค่ก่อให้เกิดความรำคาญ แต่บางครั้งก็สามารถสร้างความเสียหายอย่างแท้จริงได้

ความเสถียรของภาพวัดจาก Cumulative Layout Shift (CLS) ซึ่งคำนวณจำนวนครั้งสูงสุดที่เกิดการเลื่อนเนื้อหาพร้อมกัน

75% ของหน้าเว็บควรมีค่าคะแนนไม่เกิน 0.1 เพื่อให้เป็นไปตาม Core Web Vitals

💡แนวทางปฏิบัติแนะนำ

  • กำหนดสัดส่วนภาพหรือขนาดของรูปภาพและวิดีโอ
  • เลือกขนาดโฆษณาที่เป็นไปได้มากที่สุดตามโฆษณาก่อนหน้า

หลีกเลี่ยงการแสดงโฆษณาที่ด้านบนสุดของหน้า

blue-data-screen
คุณจะให้คะแนนบทเรียนนี้อย่างไร
ความคิดเห็นของคุณจะช่วยให้เราปรับปรุงบทเรียนได้อย่างต่อเนื่อง
ตอบคำถามนี้เพื่อให้จบบทนี้
Core Web Vitals ให้ความสำคัญกับสิ่งใด
ส่ง
checklist (8)
ทำแบบทดสอบเสร็จเรียบร้อย
ยินดีด้วย คุณทำสำเร็จแล้ว Keep visitors engaged with Core Web Vitals
ทบทวนบทเรียนแล้วลองอีกครั้ง
Leave and lose progress?
By leaving this page you will lose all progress on your current lesson. Are you sure you want to continue and lose your progress?