Core Web Vitals: มันคืออะไรและมีผลกระทบต่อ SEO ทนายความอย่างไร?

เนื้อหา. ลิงก์ย้อนกลับ อันดับสมอง. ปัจจัยเหล่านี้เป็นปัจจัยอันดับสามอันดับแรกเมื่อพูดถึง Google SERP - ตามเครื่องมือค้นหายักษ์ใหญ่

แต่ในเดือนพฤษภาคม 2020 Google ได้ประกาศว่าสัญญาณการจัดอันดับอื่นจะได้รับความสนใจอย่างมากจากเครื่องมือค้นหาในอนาคตอันใกล้: Core Web Vitals

โดยสรุป Google เริ่มให้ความสำคัญกับประสบการณ์ของผู้ใช้ (UX) มากขึ้น โดยเฉพาะอย่างยิ่งเมื่อพูดถึงประสบการณ์หน้า

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

Core Web Vitals คืออะไร?

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

ข้อมูลสำคัญทางเว็บสามประการของ SEO ทนายความ ได้แก่:

• Largest Contentful Paint (LCP)
• การแสดงอินพุตครั้งแรก (FID)
• การเปลี่ยนแปลงเค้าโครงสะสม (CLS)

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

ลองดูที่ web Vitals หลักเหล่านี้ในรายละเอียดเพิ่มเติม

Largest Contentful Paint (LCP)

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

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

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

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

วิธีนี้จะช่วยขจัด CSS ที่เป็นทรัพยากรบล็อกการแสดงผล ทำให้ความสามารถของเบราว์เซอร์ในการส่งเนื้อหาที่จำเป็นได้เร็วขึ้น และแสดงเนื้อหาครึ่งหน้าบนได้รวดเร็วยิ่งขึ้น

ฉันจะปรับปรุงคะแนน LCP ของฉันได้อย่างไร

เพื่อปรับปรุงคะแนน LCP ของคุณให้ดียิ่งขึ้น ต่อไปนี้คือสิ่งที่คุณควรทำ:

• ปรับภาพให้เหมาะสม: รูปภาพมักเป็นหมูแบนด์วิดธ์ที่ใหญ่ที่สุด ใช้ประเภทรูปภาพ ขนาด และการบีบอัดที่เหมาะสมเพื่อลดการขยายเพิ่มเติมที่เบราว์เซอร์จะต้องดาวน์โหลดเนื้อหา ซึ่งจะทำให้คะแนน LCP เร็วขึ้น
• ใช้รูปแบบไฟล์ที่ถูกต้อง: รูปแบบไฟล์รูปภาพทั่วไปสองรูปแบบคือ JPEG และ PNG ใช้ JPEG สำหรับรูปภาพที่มีหลายสี (หลายพันหรือหลายล้าน) และใช้ PNG สำหรับภาพลายเส้นและรูปภาพที่มีสีน้อยกว่า
• บีบอัดรูปภาพของคุณ: ใช้อัลกอริธึมการบีบอัดของรูปแบบรูปภาพเพื่อประหยัดค่าใช้จ่ายได้มากขึ้น โชคดีที่มีปลั๊กอินหลายตัวที่จะช่วยคุณบีบอัดรูปภาพจำนวนมาก
• ปรับขนาดรูปภาพ: หน้าเว็บและรูปภาพมีขนาด คุณสามารถกำหนดขนาดรูปภาพที่เหมาะสมโดยใช้ซอฟต์แวร์แก้ไขรูปภาพหรือกำหนดค่าแอตทริบิวต์ความกว้างและความสูงของแท็ก HTML IMG
• การลดเวลาตอบสนองของเซิร์ฟเวอร์: โดยปกติ เวลาตอบสนองของเซิร์ฟเวอร์จะถูกกำหนดโดยความเร็วเซิร์ฟเวอร์ของโฮสต์ของคุณ หรือเรียกว่า time to first byte (TTFB) เวลาตอบสนองของเซิร์ฟเวอร์คือเวลาที่เว็บเซิร์ฟเวอร์ของคุณใช้เพื่อตอบสนองต่อคำขอของผู้ใช้ ซึ่งรวมถึงไฟล์ HTML, JavaScript, CSS และฟอนต์ หากเวลาตอบสนองของเซิร์ฟเวอร์ช้ามาก ให้ลองเปลี่ยนโฮสต์หรืออัปเกรดแพ็คเกจของคุณเพื่อบริการ SEO ของสำนักงานกฎหมายที่ดีขึ้น

LCP เป็นเพียงส่วนหนึ่งของปริศนา First Input Display ยังเป็นองค์ประกอบที่สำคัญของ Core Web Vitals

การแสดงอินพุตครั้งแรก (FID)

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

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

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

ฉันจะปรับปรุงคะแนน FID ของฉันได้อย่างไร

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

ต่อไปนี้คือกลยุทธ์อื่นๆ ที่คุณสามารถใช้เพื่อลดเวลาในการแสดงผลข้อมูลแรกของไซต์ของคุณ:

• เลื่อนเวลา JavaScript ที่ไม่ได้ใช้: หากคุณใช้ JS สมัยใหม่ คุณสามารถกำหนดค่าโมดูล ES6 ให้โหลด JavaScript ได้ตามต้องการ
• ลดขนาด Polyfill ที่ไม่ได้ใช้: เบราว์เซอร์รุ่นเก่ามักต้องใช้ Polyfills ตรวจสอบให้แน่ใจว่าโพลีฟิลไม่ทำงานเมื่อไม่จำเป็น คุณสามารถนำส่งบันเดิลแยกกันโดยมีโมดูลหรือไม่มีโมดูลก็ได้

มีชิ้นสุดท้ายสำหรับปริศนา Core Web Vitals: Cumulative Layout Shift

การเปลี่ยนแปลงเค้าโครงสะสม (CLS)

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

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

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

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

ฉันจะปรับปรุงคะแนน CLS ของฉันได้อย่างไร

โชคดีที่คุณปรับแต่งได้เพื่อปรับปรุงการเปลี่ยนเลย์เอาต์แบบสะสม พวกเขารวมถึง:

• การใช้ลิงค์ rel=preload และ font:display ค่า: หากเว็บไซต์สำนักงานกฎหมายของคุณใช้แบบอักษรที่โฮสต์ออนไลน์ คุณอาจพบ FOUT (Flashes Of the Unstyled Text) และ FOIT (Flashes Of the Invisible Text) เมื่อเบราว์เซอร์ดาวน์โหลดแบบอักษรจากเซิร์ฟเวอร์ มักจะแสดงหน้าว่างจนกว่าแบบอักษรที่กำหนดเองจะโหลด เมื่อดาวน์โหลดแบบอักษรที่แสดงแล้ว เค้าโครงอาจย้ายค่อนข้างมาก การใช้ค่าลิงค์ rel=preload และ font:display ค่าสามารถช่วยให้เลย์เอาต์มีเสถียรภาพ
• รวมด้านความกว้างและความสูงสำหรับรูปภาพและวิดีโอ: เป็นการดีที่สุดเสมอที่จะปรับขนาดรูปภาพโดยใช้อัตราส่วนกว้างยาว อัตราส่วนความกว้างต่อความสูง (เช่น 16:9) ช่วยให้เบราว์เซอร์คำนวณพื้นที่ที่จำเป็นในการแสดงภาพ ลดความเสี่ยงของการเปลี่ยนเลย์เอาต์ ด้วยรูปภาพที่ตอบสนอง ให้ใช้แอตทริบิวต์ srcset เพื่อตั้งค่าขนาดรูปภาพต่างๆ เพื่อแสดงขนาดที่เหมาะสม

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

ฉันจะวัด Core Web Vitals ได้อย่างไร

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

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

เครื่องมือยอดนิยมสำหรับตรวจสอบ Core Web Vitals ได้แก่:

• Google Search Console
• Google PageSpeed ​​Insights
• รายงาน Chrome UX (CrUX)
• Google Lighthouse
• Chrome DevTools และ
• การทดสอบหน้าเว็บ

คุณควรใช้เครื่องมือใด? ใช้เวลาสักครู่เพื่อดูว่าเครื่องมือต่างๆ ทำงานอย่างไร ผู้เชี่ยวชาญด้าน SEO ของเราชื่นชอบ Lighthouse ซึ่งเป็นเครื่องมือชั้นนำในห้องปฏิบัติการและให้ความยืดหยุ่นในฐานะส่วนขยายของ Chrome

หากต้องการตรวจสอบคะแนนของเว็บไซต์ เพียงเรียกใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Lighthouse บนเบราว์เซอร์ Google Chrome ไปที่เว็บไซต์ที่คุณต้องการวัด และสร้างรายงาน Core Web Vitals

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

Core Web Vitals ส่งผลต่อทนายความ SEO อย่างไร

Core Web Vitals ที่รวมกับตัวแปรอื่นๆ ของไซต์สามารถสร้างคะแนนที่ยอดเยี่ยมสำหรับประสบการณ์ของผู้ใช้

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

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

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

LawRank สามารถช่วยคุณปรับปรุง Core Web Vitals ของคุณและบรรลุความสำเร็จ SEO

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

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

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

ติดต่อเราวันนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีที่ทีมของเราสามารถช่วยคุณปรับปรุง Core Web Vitals และแง่มุมอื่นๆ ของแคมเปญ SEO ของคุณ