ไม่ทราบรหัส? คุณยังต้องรู้จัก Core Web Vitals ของ Google

วิธีทำให้อัลกอริทึมของ Google ทำงานให้คุณ

รายงานนี้แสดงกรณีการใช้งานสองกรณี – มือถือและเดสก์ท็อป แม้ว่า Google ไม่ได้บอกว่าอันไหนมีน้ำหนักมากกว่า แต่การจัดวางรายงานบนมือถือเหนือรายงานเดสก์ท็อปอาจเป็นตัวบ่งชี้ที่ละเอียดอ่อน นอกจากนี้ แม้ว่าจะไม่ใช่ปัจจัยในการจัดอันดับ แต่ Google ก็สนใจอย่างยิ่ง AMP – เร่งหน้ามือถือ.

โดยคำนึงถึงสิ่งนั้น

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

เรียนรู้ศัพท์แสง

การวิเคราะห์หน้ามีตัวชี้วัดที่สำคัญสี่ตัว: First Contentful Paint (FCP), Large Contentful Paint (LCP), First Input Delay (FID) และการเปลี่ยนแปลงรูปแบบสะสม (CLS) นอกจากนี้ยังแสดงประสิทธิภาพของเมตริกได้อย่างสะดวก จำเป็นต้องปรับปรุง หรือแย่

ลงสีครั้งแรกอย่างพอใจ

first contentful paint (FCP) วัดเวลา ตั้งแต่เมื่อหน้าเริ่มโหลดจนถึงเมื่อส่วนใดของเนื้อหาปรากฏบนหน้าจอ

สีที่มีเนื้อหาที่ใหญ่ที่สุด ใหญ่ที่สุด พอใจ paint (LCP) วัดความเร็วในการโหลดหน้า – เวลาระหว่างการคลิกที่ลิงค์และ มุมมองแรกขององค์ประกอบเนื้อหาที่ใหญ่ที่สุดในหน้า ไม่เหมือน FCP เพราะ LCP เป็นตัวบ่งชี้ที่ดีกว่าของความเร็วในการโหลดหน้าเว็บทั้งหมด เนื่องจากองค์ประกอบที่ใหญ่ที่สุดมักจะเป็นหนึ่งในองค์ประกอบสุดท้ายที่จะโหลด

ความล่าช้าในการป้อนข้อมูลครั้งแรก

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

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

คุณสามารถดูรายงาน Core Web Vitals ของคุณใน Google Search Console หรือป้อน URL เครื่องมือ PageSpeed ​​Insights เพื่อดูการวิเคราะห์นี้

นี่คือบทวิเคราะห์ของโฮมเพจสากลของ CNN รุ่นมือถือ (http://edition.cnn.com):

รายงาน @Google PageSpeed ​​Insights ของคุณระบุโอกาสและการวินิจฉัยพร้อมการแก้ไขที่แนะนำ @ab กล่าว ทาง @CMIContent #SEO คลิกเพื่อทวีต การวิเคราะห์ยังให้รายงานการวินิจฉัยอีกด้วย เช่นเดียวกับรายงานโอกาส เมื่อคุณคลิกที่สัญลักษณ์ลูกศรลง รายละเอียดและคำแนะนำเพิ่มเติมจะปรากฏขึ้น:

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

แหล่งที่มาของภาพ

อ่านสิ่งนี้ หากคุณเป็นผู้ดูแลเว็บ (มิฉะนั้น ให้ข้ามไปจนจบ)

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

เพิ่มประสิทธิภาพสำหรับ LCP

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

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

ย่อขนาด JavaScript และ CSS ให้น้อยที่สุดเท่าที่จะทำได้ ทำให้หน้าเว็บช้าลง ทำการลดหรือกำจัดสคริปต์ของบุคคลที่สามที่คล้ายกัน ( สคริปต์บุคคลที่สามแต่ละอันทำให้หน้าช้าลง 23 นางสาว.)

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

เพิ่มประสิทธิภาพสำหรับ FID JavaScript จำนวนมากเป็นอุปสรรค์ที่พบบ่อยที่สุดในคะแนน FID ที่ดี กำจัด JavaScript ที่มากเกินไป ท่ามกลางตัวเลือกอื่นๆ:

แบ่งรหัสที่ใช้เวลานานเป็นงานเล็ก ๆ แบบอะซิงโครนัส

• เพิ่มประสิทธิภาพหน้าสำหรับ ความพร้อมในการโต้ตอบ.
• กำจัดส่วนเกิน สคริปต์บุคคลที่สาม ใช้ Web Worker.

เปิดใช้งานการแคชหน้าเพื่อการตอบสนองที่รวดเร็วยิ่งขึ้น

เพิ่มประสิทธิภาพ CLS

CLS น่าจะเป็น Core Web Vital ที่เกี่ยวข้องกับเนื้อหามากที่สุด วิธีลดคะแนน CLS:

ตั้งค่าขนาดแอตทริบิวต์ขนาดสำหรับสื่อใดๆ (รูปภาพ, GIF, วิดีโอ ฯลฯ) เพื่อบอกเบราว์เซอร์ของผู้ใช้ แต่ละองค์ประกอบควรใช้พื้นที่เท่าใด/ จองที่สำหรับโฆษณาในหน้าเพื่อไม่ให้ปรากฏอย่างกะทันหันระหว่างหน้าโหลด

ใส่องค์ประกอบ UI ใหม่ไว้ครึ่งหน้าล่างเพื่อไม่ให้ส่วนที่โหลดแล้วของหน้าเปลี่ยนแปลง

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

เนื้อหาที่เกี่ยวข้อง: เหตุใดทีมการตลาดเนื้อหาของคุณจึงต้องการนักพัฒนา

เพิ่มประสิทธิภาพจากตำแหน่งที่แข็งแกร่ง

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

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

เนื้อหาที่เกี่ยวข้อง: ลิงก์ย้อนกลับ 3 ประเภทที่คุณต้องการให้เนื้อหาของคุณได้รับ (และวิธีรับ)

พบปะกับนักการตลาดเนื้อหาและพูดคุยเรื่องเทคโนโลยี 8 มิถุนายนนี้ถึง 11 สำหรับการประชุมสุดยอด ContentTECH เสมือนจริง ลงทะเบียนวันนี้.

ภาพหน้าปกโดย Joseph Kalinowski/Content Marketing Institute

• หน้าแรก

2 weeks ago
0 2 minutes read
Facebook Twitter LinkedIn Pinterest Reddit
Share
Facebook Twitter LinkedIn Pinterest