Core Web Vitals: คำจำกัดความ บทนำเกี่ยวกับ LCP, FID & CLS และคำแนะนำในการเพิ่มประสิทธิภาพ Core Web Vitals

ปี 2564 มีความโดดเด่นในหลายด้าน เสิร์ชเอ็นจิ้นมีการพัฒนาและแข่งขันได้มากขึ้นกว่าที่เคย Google วางแผนที่จะเปิดตัวตัวชี้วัดที่เปลี่ยนเกมใหม่สำหรับการจัดอันดับเว็บไซต์ในเครื่องมือค้นหา UX และประสบการณ์หน้าเว็บที่ดีจะกลายเป็นปัจจัยสำคัญในการจัดอันดับ ทั้งหมดนี้ต้องขอบคุณ Web Vitals หลักที่เพิ่งเปิดตัวและจะเปิดตัวเร็วๆ นี้ของ Google

ด้วยการเปิดตัว Web Vitals หลักของ Google ที่คาดว่าจะเปิดตัวในปลายปีนี้ ทำให้บริษัทต่างๆ จำเป็นต้องติดตามและเพิ่มประสิทธิภาพเว็บไซต์ของตนมากขึ้นเรื่อยๆ ตามปัจจัยการจัดอันดับนี้

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

ในบล็อกนี้ เราจะพูดถึง AZ ของ core Web Vitals และช่วยคุณปรับแต่งหน้าเว็บของคุณให้เหมาะสม เอาล่ะ.

Core Web Vitals คืออะไร?

ที่มาของรูปภาพ: web.dev

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

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

ยิ่งเว็บไซต์ของคุณมีอันดับสูง การมองเห็นก็จะยิ่งสูงขึ้น เนื่องจากประสบการณ์ใช้งานหน้าเว็บกลายเป็นองค์ประกอบในการจัดอันดับที่สำคัญ คุณจึงควรใส่ใจกับประสบการณ์ดังกล่าวอย่างหลีกเลี่ยงไม่ได้ หากต้องการตรวจสอบข้อมูล Core Web Vitals ของเว็บไซต์ของคุณ ให้มองหาส่วน "การปรับปรุง" ของบัญชี Google Search Console

เหตุใด Core Web Vitals จึงมีความสำคัญ

Core Web Vitals เป็นสัญญาณการจัดอันดับที่เป็นส่วนหนึ่งของคะแนน "ประสบการณ์ใช้งานหน้าเว็บ" ของ Google เป็นสิ่งสำคัญเนื่องจาก Google กำลังทำให้ประสบการณ์ใช้งานหน้าเป็นปัจจัยในการจัดอันดับอย่างเป็นทางการใน Google
ที่มาของภาพ: backlinko.com

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

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

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

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

สามสัญญาณของ Core Web Vitals:

ที่มาของรูปภาพ: web.dev

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

• Largest Contentful Paint (LCP)
• ความล่าช้าในการป้อนข้อมูลครั้งแรก (FID)
• การเปลี่ยนแปลงเค้าโครงสะสม (CLS)

สัญญาณ 1: Largest Contentful Paint (LCP): ตรวจสอบประสิทธิภาพการโหลด

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

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

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

หากต้องการตรวจสอบคะแนน LCP ให้ใช้ Page Speed ​​Insights ของ Google สิ่งที่คุณต้องทำคือ:

• ไป ที่เครื่องมือ Page Speed ​​Insights ของ Google
• ป้อนเว็บไซต์ของคุณในช่องค้นหา
• คลิกวิเคราะห์

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

คุณยังสามารถดูข้อมูล LCP ของคุณได้โดยตรงใน Search Console (GSC) ของ Google เราขอแนะนำให้ใช้ Page Speed ​​Insights ของ Google มากกว่าเนื่องจากเหตุผลดังต่อไปนี้:

• ใน PageSpeed ​​Insights คุณจะได้รับรายงานของหน้าเว็บเดียวที่คุณป้อนบนแถบค้นหาเพื่อทำการวิเคราะห์ บนคอนโซลการค้นหา คุณจะเห็นข้อมูล LCP ของทั้งเว็บไซต์ของคุณ
• ผ่าน Search Console ของ Google คุณจะได้รับรายการ URL ทั้งหมดบนเว็บไซต์ของคุณที่ดี ไม่ดี หรืออยู่ที่ไหนสักแห่งในระหว่างนั้น
• หลักเกณฑ์ LCP ของ Google จัดหมวดหมู่ LCP ของเว็บไซต์ของคุณเป็น 'ดี', 'แย่' และ 'ต้องปรับปรุง'

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

สัญญาณ 2: First Input Delay (FID): ตรวจสอบการโต้ตอบ / การตอบสนอง

First Input Delay คือเว็บสำคัญอันดับสองของ Google มันวัดการโต้ตอบ

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

การวัด FID ในอุดมคติคือน้อยกว่า 100 ms

ต่อไปนี้คือตัวอย่างบางส่วนของการโต้ตอบบนหน้าที่คำนวณสำหรับการให้คะแนน FID:

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

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

สัญญาณ 3: การเปลี่ยนแปลงเค้าโครงสะสม (CLS): ตรวจสอบความเสถียรของภาพ

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

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

ยิ่ง CLS ของคุณต่ำเท่าไร ประสิทธิภาพการให้คะแนนหน้าเว็บของคุณก็จะยิ่งดีขึ้นเท่านั้น

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

วิธีเพิ่มประสิทธิภาพ Web Vitals ทั้งสาม (LCP, FID, CLS)

การเพิ่มประสิทธิภาพ Vitals หลักของเว็บทั้งสามเป็นสิ่งสำคัญในการปรับปรุงประสิทธิภาพของหน้าเว็บและประสบการณ์หน้าเว็บโดยรวมของหน้าเว็บของคุณ ต่อไปนี้คือบางวิธีที่คุณสามารถปรับปรุงได้
วิธีเพิ่มประสิทธิภาพ Largest Contentful Paint (LCP):

ต่อไปนี้คือรายการสิ่งที่คุณทำได้เพื่อปรับปรุง LCP ของเว็บไซต์ของคุณ:

• ลดขนาด CSS ของคุณ: ยิ่ง CSS มีขนาดเล็ก LCP ของคุณก็จะยิ่งเร็วขึ้น
• ลบองค์ประกอบของหน้าขนาดใหญ่: โชคดีที่ Page Speed ​​Insights ของ Google จะแสดงให้คุณเห็นว่ามีองค์ประกอบใดในเว็บไซต์ของคุณที่ทำให้ LCP ของหน้าเว็บของคุณช้าลง เมื่อคุณระบุได้ว่ามันคืออะไร คุณสามารถแก้ไขได้อย่างรวดเร็ว ตัวอย่างเช่น การวิเคราะห์คะแนน LCP ของ Techmagnate ใน Page Speed ​​Insights ของ Google แสดงว่าองค์ประกอบนี้มีข้อผิดพลาด:
• อัปเกรดโฮสต์เว็บของคุณ: โฮสติ้งที่ดีขึ้นมาพร้อมกับความเร็วในการโหลดที่เร็วขึ้น (รวมถึง LCP)
• ลบสคริปต์ของบุคคลที่สามที่ไม่จำเป็น: หลีกเลี่ยงสคริปต์ของบุคคลที่สามให้มากที่สุด
• ตั้งค่าการโหลดแบบ Lazy Loading หมายความว่ารูปภาพจะโหลดก็ต่อเมื่อผู้ใช้มาถึงจุดนั้นบนหน้าเว็บของคุณที่มีรูปภาพ การตั้งค่าการโหลดแบบ Lazy Loading ช่วยให้คุณบรรลุ LCP ได้เร็วขึ้น

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

วิธีเพิ่มประสิทธิภาพ First Input Delay (FID):

ต่อไปนี้คือขั้นตอนบางส่วนที่คุณสามารถทำได้เพื่อปรับปรุงคะแนน FID ของไซต์ของคุณ:

• ย่อ (หรือเลื่อน) Javascript: การย่อขนาดหรือเลื่อน JS บนหน้าเว็บของคุณสามารถช่วยให้คุณปรับปรุงความเร็ว FID ของหน้าเว็บของคุณได้ เนื่องจากเบราว์เซอร์ของคุณต้องการโหลด JS จะลดลงหรือหมดไป
• ลบสคริปต์บุคคลที่สามที่ไม่สำคัญ: สคริปต์ของบุคคล ที่สาม เช่น Google Analytics และแผนที่ความหนาแน่น อาจส่งผลเสียต่อ FID และความเร็วในการโหลดเนื้อหา ระบุสิ่งที่ไม่สำคัญสำหรับเว็บไซต์ของคุณและลบออกหากไม่สำคัญสำหรับหน้าเว็บของคุณ
• ให้จำนวนคำขอต่ำและขนาดการถ่ายโอนมีขนาดเล็ก: ปรับโค้ดให้เหมาะสมเพื่อจำกัดจำนวนคำขอและลดขนาดการถ่ายโอนของไฟล์ HTML สื่อ รูปภาพ ฯลฯ

วิธีเพิ่มประสิทธิภาพ Cumulative Layout Shift (CLS):

ต่อไปนี้คือการดำเนินการง่ายๆ ที่คุณสามารถทำได้เพื่อปรับปรุง CLS ของคุณ:

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

บริการออกแบบและพัฒนาเว็บไซต์ช่วยเพิ่มประสิทธิภาพ Core Web Vitals Score

วิธีวัดคะแนน Web Vitals:

เมื่อคุณทราบแล้วว่า Web Vitals หลักสามประการคืออะไร ต่อไปนี้เป็นเครื่องมือบางส่วนที่จะช่วยคุณวัดผล

• Search Console ของ Google: เครื่องมือที่มีประสิทธิภาพและสะดวกอีกอย่างสำหรับการวิเคราะห์ Web Vitals หลักของคุณคือ Google Search Console มาพร้อมกับรายงาน Core Web Vitals เฉพาะภายใต้ส่วนการปรับปรุงที่คุณสามารถตรวจสอบได้ทุกครั้งที่ทำการตรวจสอบเว็บไซต์ ส่วนที่ดีที่สุด: แทนที่จะแสดงประสิทธิภาพของหน้าเว็บของหน้าเว็บเดียว คอนโซลการค้นหาจะแสดงข้อมูลประสิทธิภาพของหน้าเว็บทั้งหมดในคราวเดียว
• PageSpeed ​​Insight: PageSpeed ​​Insight ของ Google เป็นเครื่องมือที่ทรงพลังที่แสดงแก่คุณเกี่ยวกับ Web Vitals หลักของหน้าเว็บของคุณ ควบคู่ไปกับคำแนะนำอันมีค่าเกี่ยวกับการปรับปรุงที่คุณสามารถทำได้
• Lighthouse: Lighthouse เป็นอีกเครื่องมือหนึ่งของ Google ที่คุณสามารถใช้วัด Web Vitals หลักของคุณได้ เดิมออกแบบมาเพื่อตรวจสอบการประปาส่วนภูมิภาค ปัจจุบันได้กลายเป็นเครื่องมือที่มีศักยภาพในการตรวจสอบประสิทธิภาพการทำงาน ด้วยคุณสมบัติพิเศษและการตรวจสอบ SEO ทำให้ lighthouse สามารถอธิบายได้อย่างเหมาะสมว่าเป็นเครื่องมือที่มีศักยภาพในการวิเคราะห์ข้อมูลความเร็วและประสบการณ์หน้าเว็บของคุณ
• GT Metrix: GT Metrix เป็นเว็บไซต์ทดสอบและติดตามประสิทธิภาพของเว็บไซต์ เป็นเครื่องมือฟรีที่คุณสามารถใช้เพื่อประเมินประสิทธิภาพ LCP, TBT และ CLS ของคุณ

วิธีตรวจสอบ Core Web Vitals โดยใช้ Screaming Frog:

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

นี่คือสิ่งที่คุณต้องการ:

• Screaming Frog รุ่นจ่าย
• คีย์ API ของ PageSpeed ​​Insights
• โดเมนของเว็บไซต์ที่คุณต้องการตรวจสอบ

เอาล่ะ.

ขั้นตอนที่ 1: เชื่อมต่อคีย์ API ของ PageSpeed ​​Insights กับ Screaming Frog

ขั้นตอนที่ 1 ในการใช้ Screaming Frog เพื่อเพิ่มประสิทธิภาพ Web Vitals หลักของคุณรวมถึงการเชื่อมต่อคีย์ PageSpeed ​​Insights API ของคุณ เมื่อคุณเชื่อมต่อ คุณจะสามารถเข้าถึงข้อมูล PageSpeed ​​Insights และคำแนะนำได้ทีละหน้าบนแดชบอร์ด Screaming Frog ของคุณ

นี่คือขั้นตอนที่คุณควรปฏิบัติตาม:

• เปิด Screaming Frog → การกำหนดค่า → การเข้าถึง API → PageSpeed ​​Insights
• เพจคีย์ API ของคุณจาก PageSpeed ​​Insights ลงในช่อง 'รหัสลับ'
• คลิก ' เชื่อมต่อ '
• หลังจากคลิก 'เชื่อมต่อ' ให้คลิกที่ ' ตัวชี้วัด '
• เลือกเมตริกที่คุณต้องการตรวจสอบ แล้วคลิก ' ตกลง '

ขั้นตอนที่ 2: รวบรวมข้อมูลเว็บไซต์

ขั้นตอนต่อไปคือการรวบรวมข้อมูลเว็บไซต์ของคุณ

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

เมื่อโหลดได้ถึง 100% คุณสามารถวิเคราะห์ข้อมูลของคุณได้

ขั้นตอนที่ 3: รายงานปัญหาไปยังหน่วยงานที่เกี่ยวข้อง

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

คุณสามารถปฏิบัติตามขั้นตอนต่อไปนี้:

• คลิกที่แถบนำทางด้านบน
• คลิกการ แบ่งหน้า
• คลิกที่ Page Speed ​​จากเมนูแบบเลื่อนลง
• คลิก ส่งออก

หลังจากที่คุณส่งออกข้อมูลแล้ว ให้กรอกข้อมูลในคอลัมน์ต่อไปนี้:

• เวลาระบายสีเนื้อหาที่ใหญ่ที่สุด (มิลลิวินาที): ใส่ฟิลเตอร์เพื่อค้นหาหน้าที่มี LCP 4000 มิลลิวินาทีขึ้นไป
• เวลาบล็อกทั้งหมด (มิลลิวินาที): ใส่ตัวกรองเพื่อค้นหาหน้าเว็บที่มี TBT 300 มิลลิวินาทีขึ้นไป
• การเปลี่ยนแปลงเค้าโครงสะสม: ใส่ตัวกรองเพื่อค้นหาหน้าที่มี 0.25 CLS ขึ้นไป

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

ขั้นตอนที่ 4: รายงานปัญหาตามหน้าพร้อมคำแนะนำ

นี่คือขั้นตอนที่น่าสนใจ ตอนนี้คุณทราบเปอร์เซ็นต์ของหน้าบนเว็บไซต์ของคุณที่ไม่ผ่านมาตรฐาน Core Google Web Vitals ขั้นต่ำแล้ว อะไรต่อไป?

รวบรวมปัญหาที่เกี่ยวข้องอย่างเรียบร้อยตามเมตริกที่คุณต้องการกำหนดเป้าหมาย นี่คือสิ่งที่คุณสามารถทำได้:

• ที่ด้านขวามือของแท็บ 'ภาพรวม' ให้เลื่อนลงไปที่ PageSpeed
• คุณจะพบปัญหาและคำแนะนำที่เกี่ยวข้องกับความเร็วหน้าเว็บของเว็บไซต์ของคุณ รวมถึงโซลูชันที่เป็นไปได้เพื่อปรับปรุง Web Vitals หลักของคุณ
• เมนูแบบเลื่อนลงของความเร็วหน้าเว็บจะรวมเมตริกต่างๆ เช่น:
  • กำจัดทรัพยากรการบล็อกการแสดงผล (ผลกระทบ LCP)
  • ลดขนาด CSS (ผลกระทบ LCP)
  • ลดขนาด JavaScript (ผลกระทบ FID)
  • ลบ CSS ที่ไม่ได้ใช้ (ผลกระทบ LCP)
  • ลบ Javascript ที่ไม่ได้ใช้ (ส่งผลกระทบ FID)
  • (และอื่น ๆ อีกมากมาย)
• คลิกที่ปัญหาเพื่อดูจำนวนหน้าที่ได้รับผลกระทบและส่งออกข้อมูลนี้ไปยังเวิร์กชีตของคุณ การทำเช่นนี้จะช่วยให้คุณส่งออก URL ทั้งหมดที่มีปัญหาที่เกี่ยวข้อง
• จากข้อมูล คุณสามารถตัดสินใจเกี่ยวกับการถอดหรือเลื่อนองค์ประกอบเหล่านี้ออกจากหน้าเว็บของคุณได้

อ่านเพิ่มเติม: Page Speed ​​SEO คืออะไร

ขั้นตอนที่ 5: หลังการตรวจสอบและการเพิ่มประสิทธิภาพ รวบรวมข้อมูลเว็บไซต์อีกครั้งและเปรียบเทียบ

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

เปรียบเทียบเปอร์เซ็นต์ของหน้าเว็บที่ไม่ตรงตามข้อกำหนด Web Vitals หลักขั้นต่ำหลังการเพิ่มประสิทธิภาพกับตัวเลขก่อนการเพิ่มประสิทธิภาพ

ปัจจัยประสบการณ์การใช้งานเพจอื่นๆ ที่คุณควรพิจารณา:

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

• การเรียกดูอย่างปลอดภัย: หากเว็บไซต์ของคุณไม่อนุญาตให้เรียกดูอย่างปลอดภัย จะถูกมองว่าเป็นการละเมิดมาตรฐานประสบการณ์หน้าเว็บ และคุณจะได้รับคะแนนประสบการณ์หน้าเว็บต่ำ ดังนั้น ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณไม่มีเนื้อหาที่เป็นอันตรายหรือหลอกลวง เช่น มัลแวร์ คุณสามารถตรวจสอบมาตรฐานการปฏิบัติตามความปลอดภัยของเว็บไซต์ของคุณได้ในรายงานปัญหาด้านความปลอดภัยของ Google
• HTTPS: เว็บไซต์ที่ขึ้นต้นด้วย HTTPS มักจะมีการเชื่อมต่อเว็บไซต์ที่ปลอดภัย หากคุณไม่มีเว็บไซต์ที่ขึ้นต้นด้วย HTTPS เรียนรู้วิธีรักษาความปลอดภัยเว็บไซต์ของคุณด้วย HTTPS ที่นี่
• ความเหมาะกับอุปกรณ์เคลื่อนที่: ตรวจสอบว่าหน้าเว็บของคุณเหมาะกับอุปกรณ์เคลื่อนที่หรือไม่โดยใช้การทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่ของ Google หากหน้าเว็บของคุณไม่ปรากฏว่า 'เหมาะกับอุปกรณ์เคลื่อนที่' ในการประเมินอย่างรวดเร็วนี้ ให้ดำเนินการตามกลยุทธ์เพื่อเพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับโทรศัพท์มือถือและแท็บเล็ต เหนือสิ่งอื่นใด การปรับปรุง UX & UI และการนำทางนอกผ้าใบที่สมบูรณ์แบบสามารถช่วยได้
• ไม่มีโฆษณาคั่นระหว่างหน้า: ผู้ใช้ควรเข้าถึงเนื้อหาบนหน้าเว็บของคุณได้อย่างง่ายดาย การขาดสิ่งนี้อาจทำให้คุณมีคะแนนประสบการณ์หน้าต่ำ ต่อไปนี้คือสิ่งสำคัญที่คุณควรหลีกเลี่ยงเพื่อให้ผู้ใช้สามารถเข้าถึงเนื้อหาหน้าเว็บได้มากขึ้น:
  • หลีกเลี่ยงการใช้ป๊อปอัปที่บล็อกเนื้อหาเว็บไซต์ของคุณส่วนใหญ่
  • หลีกเลี่ยงการแสดงโฆษณาคั่นระหว่างหน้าแบบสแตนด์อโลนที่ครอบคลุมทั้งหน้าจอ นี่เป็นการล่วงล้ำเนื่องจากผู้ใช้ต้องปิดก่อนที่จะสามารถเข้าถึงเนื้อหาหลักได้

บทสรุป:

Google พร้อมที่จะเปิดตัว Core Web Vitals หลักเป็นสัญญาณการจัดอันดับที่สำคัญในเดือนพฤษภาคม 2021 ความจำเป็นของชั่วโมงสำหรับบริษัทต่างๆ ในการเพิ่มประสิทธิภาพเว็บไซต์ของตนสำหรับเกณฑ์การจัดอันดับที่สำคัญนี้ล่วงหน้า

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

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

แจ้งให้เราทราบในส่วนความคิดเห็นหากคุณมีข้อสงสัยหรือข้อสงสัย

เราชอบที่จะได้ยินจากคุณ