Core Web Vitals ของ Google และสิ่งที่คุณต้องทำเพื่อหลีกเลี่ยงการสูญเสียการรับส่งข้อมูล

เห็นการเข้าชมเว็บไซต์ลดลงอย่างกะทันหันในปีที่ผ่านมาหรือไม่? การอัปเดต Core Web Vitals ของ Google อาจเป็นสาเหตุของปัญหา

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

เสียงคุ้นเคย? โปรดอ่านต่อไปหากข้อมูลนี้อธิบายประสบการณ์ของคุณ หรือหากคุณต้องการปกป้องการเข้าชมเว็บของคุณจากการถูกลงโทษโดยการอัปเดต Core Web Vitals (CWV) ในอนาคต

บทความนี้อิงจากการสัมมนาผ่านเว็บยอดนิยมของเรา ดูวิดีโอและดาวน์โหลดสไลด์:

การอัปเดต Core Web Vitals ของ Google เปลี่ยนแปลงเกม SEO อย่างไร

เมื่อพูดถึง SEO มีหลายสิ่งที่คุณควบคุมไม่ได้ คุณไม่สามารถควบคุม Google คุณไม่สามารถควบคุมได้ว่าใครมาที่เว็บไซต์ของคุณหรือไปที่หน้าใด

แต่คุณสามารถควบคุมสถาปัตยกรรม วิศวกรรม และความเร็วของเว็บไซต์ของคุณได้

Core Web Vitals คืออะไร?

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

1. Largest Contentful Paint (LCP) - ใช้เวลานานเท่าใดในการโหลดหน้า? โดยปกติวัดเป็นวินาที หรือหากไซต์ของคุณช้าเป็นพิเศษ ให้นับสิบวินาที
2. ความล่าช้าในการป้อนข้อมูลครั้งแรก (FID) - ใช้เวลานานเท่าใดก่อนที่เว็บไซต์จะตอบสนองต่อการคลิกของผู้ใช้หรือการโต้ตอบ มักจะวัดเป็นมิลลิวินาที
3. Cumulative Layout Shift (CLS) - ไซต์เปลี่ยนแปลงไปมากเพียงใดขณะโหลด โดยปกติวัดเป็นวินาที

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

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

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

นี่คือตัวอย่างของไซต์ที่ได้รับผลกระทบจากการอัปเดต CWV และสูญเสีย การเข้าชมไปครึ่งหนึ่งในสามเดือน อุ๊ย ข้อมูลนี้มาจาก Google Search Console (เพิ่มเติมในภายหลัง)

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

การอัปเดต Core Web Vitals ได้จัดลำดับความสำคัญของปัจจัยเหล่านี้อย่างง่ายๆ เมื่อพูดถึงเกม SEO ถ้าอยากเล่นต่อก็ต้องยอมรับว่ากฎกติกามีการเปลี่ยนแปลง แล้วปรับตัว

วิธีวัด Core Web Vitals ของเว็บไซต์ของคุณ

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

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

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

1. Google Search Console

Google Search Console ****เป็นเครื่องมือฟรีที่คุณต้องใช้หากคุณต้องการ ข้อมูลจริงเกี่ยวกับ CWV ในเว็บไซต์ของคุณโดยรวม กี่หน้าทำคะแนนได้ดี? ต้องปรับปรุงมากแค่ไหน? กี่คะแนนไม่ดี? เขียว เหลือง แดง. เป็นที่เดียวที่คุณจะได้รับรายงานของ Google ในระดับนี้

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

ใช่คุณได้ยินถูกต้อง ข้อมูลใช้เวลาหนึ่งเดือนในการรีเฟรช นั่นเป็นการวนรอบความคิดเห็นที่ช้ามาก

2. Clickio

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

Clickio จะให้คำติชมเกี่ยวกับการเปลี่ยนแปลงเมื่อเวลาผ่านไป Cumulative Layout Shift ในหน้าเว็บไซต์ของเราทั้งหมดที่ให้บริการกับอุปกรณ์มือถือในประเทศใดประเทศหนึ่งในเดือนที่ผ่านมาคืออะไร? ผู้ใช้กี่เปอร์เซ็นต์ที่ได้รับ Largest Contentful Paint มากกว่าสี่วินาทีจากหน้าบล็อกของเราบนอุปกรณ์เดสก์ท็อปในไตรมาสนี้ คุณสามารถแบ่งและแบ่งข้อมูลได้หลายวิธีเพื่อให้ได้ข้อมูลที่คุณต้องการ

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

3. Google Analytics

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

4. Google Data Studio

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

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

5. Web.dev - ประภาคาร

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

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

6. Web.dev - PageSpeed ​​Insights

Google PageSpeed ​​Insights เป็นที่ที่คุณจะได้รับ ข้อมูลฟิลด์ระดับหน้า อีกครั้ง คุณป้อน URL และจะให้ข้อมูลฟิลด์สำหรับ LCP, CLS, FID และอื่นๆ อย่างไรก็ตาม คุณต้องมีปริมาณการเข้าชมหน้าเว็บหนึ่งๆ เพื่อให้ได้ข้อมูลภาคสนามที่เหมาะสม

7. GTmetrix

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

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

8. DebugBear

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

วิธีเพิ่มประสิทธิภาพเว็บไซต์ของคุณเพื่อปรับปรุง Core Web Vitals

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

1. โฮสต์เว็บไซต์ของคุณใหม่

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

หากคุณยังคงใช้ WordPress การย้ายไซต์ของคุณไปยังบริษัทโฮสติ้งเฉพาะอย่าง WP Engine ที่รู้เกี่ยวกับประสิทธิภาพจริงๆ สามารถสร้างความแตกต่างได้อย่างมาก

การโฮสต์ไซต์ของคุณใหม่บน HubSpot (หรือ WP Engine) คุณจะได้รับประโยชน์จาก:

• การแคช - ทำให้ไซต์โหลดเร็วขึ้นหลังจากการเข้าชมครั้งแรก ไซต์ WordPress ทั่วไปจะต้องมีปลั๊กอินแคช แต่ HubSpot มีอยู่แล้ว
• เครือข่ายการส่งเนื้อหา (CDN) เช่น Akamai - ส่งไฟล์ไปยังผู้ใช้จากเซิร์ฟเวอร์ในพื้นที่ แม้ว่าเว็บไซต์ของคุณจะโฮสต์อยู่ที่อื่น
• CloudFlare DNS - โดยพื้นฐานแล้วสิ่งนี้จะช่วยเร่งความเร็วด้านเซิร์ฟเวอร์ชื่อโดเมนของสิ่งต่าง ๆ

2. ปิดรหัสแชร์โซเชียลของ HubSpot

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

ทำภาพก่อนและหลังของความเร็วหน้าเว็บและเวลาในการโหลดใน GTmetrix และ web.dev มันน่าพอใจจริงๆ

3. บีบอัดภาพ

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

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

บีบอัดรูปภาพเป็น <250KB, <100KB. แปลงรูปภาพเป็น jpg หรือใช้ svgs เมื่อทำได้ โปรดใช้ความระมัดระวังเป็นพิเศษกับโลโก้ โดยเฉพาะโลโก้ในส่วนท้าย เนื่องจากโลโก้เหล่านี้อยู่ทุกหน้าในเว็บไซต์ของคุณ

อีกครั้ง หากคุณมี HubSpot Articulate ได้สร้างเครื่องมือที่เรียกว่า Fizz+Ginger เพื่อบีบอัดรูปภาพในบล็อกโพสต์และหน้าเว็บไซต์ใน HubSpot

4. หลีกเลี่ยงการฝัง

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

5. ลดความซับซ้อนของเครื่องมือทางการตลาดของคุณ

เครื่องมือทางการตลาดเพิ่มน้ำหนักหน้า สิ่งต่างๆ เช่น Hot Jar หรือ Lucky Orange ที่ตรวจสอบการใช้หน้าเว็บ หรือติดตามคำกระตุ้นการตัดสินใจ หรือ Google Tag Manager การมีเครื่องมือเหล่านี้ในไซต์ของคุณนั้นมีประโยชน์ แต่ก็มีค่าใช้จ่าย ต้นทุนคือประสิทธิภาพ ดังนั้นคุณต้องใช้อย่างระมัดระวังและรอบคอบ

6. เปิด AMP

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

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

7. เพิ่มประสิทธิภาพโค้ดของคุณ

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

• การย่อขนาด Javascript และ CSS
• การโหลด Javascript . ล่าช้า
• ขี้เกียจโหลดโดยค่าเริ่มต้น
• Self-AMPification (เช่น ไม่แสดงภาพเด่นของบล็อกบนมือถือ)
• แนวปฏิบัติการเข้ารหัสที่ดีภายในไปป์ไลน์การพัฒนา
• ใช้ปลั๊กอินและโค้ดภายนอกน้อยที่สุด

ประสบการณ์ของผู้ใช้คือตัวชี้วัดเว็บไซต์แห่งอนาคต

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

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

ติดต่อเราเพื่อรับเว็บไซต์ที่ผู้ใช้ของคุณต้องการ