การประเมิน Core Web Vitals เป็นปัจจัย SEO ที่สำคัญสำหรับความเร็วเว็บไซต์

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

บทนำอย่างรวดเร็วในเรื่อง

รายงานความเร็วใน Google Search Console ซึ่งขณะนี้เปลี่ยนชื่อเป็น Core Web Vitals เสนอเมตริกประสิทธิภาพใหม่สองรายการ:
1. เลื่อนเค้าโครงสะสม
2. ระบายสีเนื้อหาที่ใหญ่ที่สุดเพิ่มเติมจากความล่าช้าในการป้อนข้อมูลครั้งแรก

Core Web Vitals ได้รับการปรับใช้ในเครื่องมือต่างๆ เช่น Page Speed ​​Insight หรือ Lighthouse

Google ได้ประกาศการเปลี่ยนแปลงครั้งใหญ่ที่กำลังจะเกิดขึ้น โดยจะปล่อยสัญญาณ Page Experience ใหม่เป็นปัจจัยการจัดอันดับในปี 2564 ซึ่งจะเน้นที่ Core Web Vitals เป็นหลัก

ถึงตอนนี้ คุณอาจเข้าใจแรงจูงใจเบื้องหลังการสนทนาของเราในวันนี้แล้ว เจ๋ง มาเจาะลึกกันตอนนี้เลย

Google ให้ความสำคัญกับความเร็วเว็บไซต์และ UX – ประสบการณ์หน้า

Google สรุปประสบการณ์การใช้หน้าในลักษณะต่อไปนี้:

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

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

• HTTPS
• ไม่มีป๊อปอัปมากเกินไป
• เป็นมิตรกับมือถือ
• ท่องเว็บอย่างปลอดภัย

ขณะนี้ สิ่งเหล่านี้ได้รับการบันทึกไว้แล้วว่าเป็นสัญญาณการค้นหาที่สำคัญ ดังนั้นจุดสนใจหลักในตอนนี้คือการเปิดตัว Core Web Vitals

กังวลเกี่ยวกับการจัดอันดับ SEO ของคุณหรือไม่? อย่าเครียด บล็อก Google Webmaster Central ยืนยันว่าการเปลี่ยนแปลงจะไม่มีผลก่อนปี 2021 และ Google จะแจ้งให้ทราบล่วงหน้าอย่างน้อย 6 เดือนก่อนเปิดตัวสัญญาณ ข่าวดีก็คือ แม้ว่าเว็บไซต์ของคุณจะยังไม่เป็นไปตามหลักเกณฑ์ แต่คุณยังมีเวลาที่จะเพิ่มประสิทธิภาพหน้าเว็บ

อ่านข้อความต่อไปนี้เพื่อเรียนรู้ทั้งหมดและเริ่มนำไปใช้

ภาพรวมเกี่ยวกับ Core Web Vitals

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

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

ตัวชี้วัดของ Core Web Vitals คือ Contentful Paint หรือ LCP ที่ใหญ่ที่สุด (จะวัดประสบการณ์ผู้ใช้แบบเรียลไทม์สำหรับประสิทธิภาพการโหลดไซต์), First Input Delay หรือ FID (วัด UX สำหรับการโต้ตอบกับไซต์) และ Cumulative Layout Shift หรือ CLS (มันวัด UX เพื่อความเสถียรทางสายตาของเพจ)

โดยไม่ต้องกังวลใจใดๆ ต่อไป เรามาแยกย่อยตัวชี้วัด Core Web Vital ทั้งสามนี้ และหารือเกี่ยวกับกลยุทธ์ที่มีประสิทธิภาพเพื่อปรับปรุงสิ่งเหล่านี้

• LCP หรือ Paint ที่มีเนื้อหาใหญ่ที่สุด

Largest Contentful Paint วัดเวลาการแสดงผลขององค์ประกอบเนื้อหาที่ใหญ่ที่สุดที่มองเห็นได้บนวิวพอร์ต พูดง่ายๆ ก็คือ เป็นเวลาที่ใช้เวลาตั้งแต่การคลิกลิงก์ไปจนถึงการดูเนื้อหาส่วนใหญ่บนหน้าจอ LCP แตกต่างจากเมตริกความเร็วหน้าเว็บอื่นๆ ตัวอย่างเช่น เมตริกอย่าง First Contextual Paint และ Time to First Byte (TTFB) ไม่ได้สะท้อนถึงสิ่งที่ผู้ใช้เปิดหน้าเว็บจริงๆ ว่าเป็นอย่างไร LCP มุ่งเน้นไปที่สิ่งที่สำคัญจริงๆ เมื่อพูดถึงความเร็วของหน้า – การมองเห็นและการโต้ตอบกับหน้าเว็บ

คะแนน LCP ของคุณเป็นเท่าไหร่? ค้นหาได้ใน PageSpeed ​​Insights

ตามหลักเกณฑ์ LCP ของ Google ประสิทธิภาพของเว็บไซต์ของคุณแบ่งออกเป็นสามประเภท: ดี (สูงสุด 2.5 วินาที) ต้องปรับปรุง (สูงสุด 4 วินาที) และแย่ (เกิน 4 วินาที)

ต่อไปนี้คือสองสามวิธีในการปรับปรุงคะแนน LCP ของคุณ:

#Minimize CSS – ไฟล์ CSS อาจมีอักขระเช่นการเยื้อง การเว้นวรรค และความคิดเห็น อักขระเหล่านี้ไม่จำเป็นสำหรับเบราว์เซอร์ การลดจำนวนการบล็อก CSS จะช่วยปรับปรุงเวลาในการแสดงเนื้อหาหลักของหน้า (LCP) ในท้ายที่สุด

#Remove Large Page Elements – คอยดู Google PageSpeed ​​Insights เพื่อเรียนรู้ว่าเพจของคุณมีองค์ประกอบใดๆ ที่ทำให้ LCP ช้าลงหรือไม่

#อัพเกรดโฮสต์เว็บ – โฮสติ้งที่ดีขึ้นจะช่วยปรับปรุงเวลาในการโหลดโดยรวม

#Take Advantage of Lazy Loading – การโหลดแบบ Lazy ขัดขวางการโหลดองค์ประกอบของหน้าจนกว่าผู้ใช้จะเลื่อนลงมาที่หน้า สิ่งนี้จะช่วยให้คุณบรรลุ LCP ที่เร็วขึ้น

การทำงานอย่างหนัก? เราเห็นด้วย. คุ้มไหม? แน่นอน เนื่องจาก 40% ของการเข้าชมเว็บจะตีกลับหากหน้าเว็บไม่โหลดภายใน 3 วินาที (ที่มา: Hobo-web)!

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

• FID หรือ First Input Delay

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

FID หรือ First Input Delay คือความล่าช้าที่ผู้ใช้ประสบขณะโต้ตอบกับเพจเป็นครั้งแรก กล่าวคือ ความล่าช้าในการรับคำติชมจากหน้าเว็บเมื่อคลิกองค์ประกอบ

ต่อไปนี้คือตัวอย่างเพิ่มเติมบางประการของการโต้ตอบเพื่อความเข้าใจที่ดีขึ้นของคุณ:

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

เช่นเดียวกับ LCP ในที่นี้ Google มีช่วงเฉพาะสำหรับสิ่งที่ถือเป็น FID ที่ยอมรับได้ Fid สูงถึง 100 ms – ดี, สูงถึง 300 ms – ต้องการการปรับปรุง และสูงถึง 500 ms – แย่

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

ต่อไปนี้คือสิ่งที่ต้องทำเพื่อปรับปรุงคะแนน FID ของไซต์:

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

#Use Browser Cache – แคชช่วยโหลดเนื้อหาของหน้าได้เร็วจริง การใช้ประโยชน์จากสิ่งนี้จะช่วยให้ผู้ใช้โต้ตอบกับเพจได้อย่างรวดเร็ว

#Remove สคริปต์บุคคลที่สามที่ไม่สำคัญ – เช่นเดียวกับ LCP สคริปต์บุคคลที่สาม เช่น แผนที่ความหนาแน่น Google Analytics ฯลฯ ส่งผลเสียต่อ FID

• CLS หรือการเปลี่ยนแปลงเค้าโครงสะสม

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

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

หากคุณกำลังตรวจสอบหน้าเว็บของคุณ CLS อย่าลืมเช็คอินบนอุปกรณ์มือถือด้วย

ต่อไปนี้คือสองสามวิธีในการปรับปรุง CLS:

#เพิ่มองค์ประกอบ UI ใหม่ครึ่งหน้าล่าง – วิธีนี้จะไม่ลดเนื้อหาที่ผู้ใช้คาดหวังว่าจะเห็นว่าอยู่ที่ใดเมื่อหน้าเว็บโหลด

# Reserve Space for Ads – มิฉะนั้น โฆษณาอาจปรากฏขึ้นบนหน้าเว็บและกดเนื้อหาลงกะทันหัน

# ใช้ Set Size Attribute Dimension สำหรับสื่อ – วิธีนี้จะช่วยให้เบราว์เซอร์ของผู้ใช้ทราบว่าสื่อเช่นวิดีโอ รูปภาพ อินโฟกราฟิก หรือ GIF จะใช้พื้นที่เท่าใด และจะไม่เปลี่ยนแปลงเมื่อหน้าเว็บโหลดจนเต็ม

การอัปเดตความเร็วเทียบกับประสบการณ์หน้าเว็บ – สิ่งที่เปลี่ยนแปลงไปจริงๆ

เป็นครั้งแรกสำหรับเมตริกประสบการณ์หน้าเว็บ Google ไม่ได้ส่งเสริมเฉพาะความเร็วของหน้าเว็บ แต่ประกาศประสิทธิภาพโดยรวมเป็นสัญญาณการจัดอันดับ นอกจากนี้ยังกำหนดตัวชี้วัดที่แม่นยำ (LCP, FID และ CLS) พร้อมกับเป้าหมายโดยละเอียดสำหรับแต่ละรายการ ดังนั้น ยิ่ง UX โดยรวมของคุณดีขึ้นเท่าใด คุณก็จะได้รับคะแนนประสบการณ์การใช้งานหน้าเว็บที่ดีขึ้นเท่านั้น

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