วิธีเพิ่มประสิทธิภาพสำหรับ Google Core Web Vitals

วิธีเตรียมตัวสำหรับการเปิดตัว Core Web Vitals

อัปเดต 10.15.2021

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

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

Google Core Web Vitals คืออะไร

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

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

เมื่อวันที่ 5 ต.ค. 2021 Google ได้อัปโหลดคำแนะนำที่เป็นประโยชน์ในการนำเสนอของ YouTube ในหัวข้อ วิธีปรับปรุง Largest Contentful Paint เพื่อประสบการณ์การใช้งานเพจที่ดียิ่งขึ้น

เคล็ดลับจาก Google ในการได้รับคะแนน Largest Contentful Paint (LCP) ที่ดีขึ้น:

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

ประสบการณ์ Google Page คืออะไร?

ประสบการณ์หน้าเป็นส่วนย่อยของประสบการณ์ผู้ใช้

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

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

กลับมาอีกครั้งและทบทวนว่าเรามาที่นี่ได้อย่างไร

ประวัติความเร็วไซต์และ Google Core Web Vitals

ช่วงเวลาสำหรับการเปิดตัว Google Page Experience คืออะไร?

เมื่อวันที่ 10 พฤศจิกายน 2020 Google ประกาศว่า “สัญญาณประสบการณ์หน้าเว็บในการจัดอันดับจะเปิดตัวในเดือนพฤษภาคม 2021 สัญญาณประสบการณ์หน้าใหม่รวม Core Web Vitals กับสัญญาณการค้นหาที่มีอยู่ของเรารวมถึงความเป็นมิตรกับมือถือ การท่องเว็บอย่างปลอดภัย HTTPS- ความปลอดภัย และแนวทางโฆษณาคั่นระหว่างหน้าที่ล่วงล้ำ”

กลับมาดูภาพรวมกันชัดๆ ในปี 2010 Google เริ่มใช้ความเร็วในการโหลดหน้าเว็บบนคอมพิวเตอร์เดสก์ท็อปเป็นสัญญาณการจัดอันดับ

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

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

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

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

เมตริกพื้นฐานใดบ้างที่ประกอบเป็นประสบการณ์หน้าการค้นหาของ Google

ตัวชี้วัดประสบการณ์หน้าการค้นหาของ Google สามอันดับแรกอธิบายไว้:

• กำลังโหลด: LCP ประเมินว่าต้องใช้เวลานานแค่ไหนสำหรับองค์ประกอบเนื้อหาที่ใหญ่ที่สุด (เช่น รูปภาพเด่น รูปภาพฮีโร่ หรือข้อความส่วนหัว H1) บนหน้าเว็บเฉพาะเพื่อให้มองเห็นได้ในวิวพอร์ตของผู้เข้าชม พยายามรับ LCP 1.2 วินาทีหรือน้อยกว่า
• การโต้ตอบ: FID (การหน่วงเวลาอินพุตครั้งแรก): นาฬิกาเวลาทำงานตั้งแต่เมื่อผู้ใช้โต้ตอบกับหน้าเว็บของคุณเป็นครั้งแรก (เช่น เมื่อมีการคลิกลิงก์ ปุ่มเริ่มทำงาน เป็นต้น) จนถึงเวลาที่เบราว์เซอร์ตอบสนองต่อการโต้ตอบนั้น การวัดนี้มาจากองค์ประกอบเชิงโต้ตอบที่ผู้ใช้คลิกครั้งแรก นี่เป็นสิ่งสำคัญในหน้าที่ผู้เยี่ยมชมต้องทำอะไรบางอย่าง เนื่องจากเป็นช่วงที่หน้านั้นเป็นแบบโต้ตอบ เรียกอีกอย่างว่ารายงาน TBT (ใน GTmetrix); มันแสดงถึงเวลาที่ถูกบล็อกโดยสคริปต์ที่ถูกเรียกใช้ในระหว่างกระบวนการโหลดหน้า พยายามรับ TBT 150 มิลลิวินาทีหรือน้อยกว่า
• ความเสถียรของภาพ: CLS ระบุว่าเลย์เอาต์ของหน้าเปลี่ยนประสบการณ์ของผู้เยี่ยมชมมากเพียงใดเมื่อหน้าเว็บของคุณโหลด ขอคะแนน CLS 0.1 หรือน้อยกว่า

ในการตรวจสอบเนื้อหาของคุณเพื่อพิจารณาว่าตรงตามเกณฑ์ Core Web Vitals ที่จะติดป้าย Fast Page หรือไม่ ให้ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google เพื่อประเมินความเร็วในการโหลด เพื่อช่วยในงานเพิ่มประสิทธิภาพเหล่านี้ GTmetrix ได้เติบโตขึ้นอย่างซับซ้อน GTmetrix Reports ได้เพิ่มวิธีการให้คะแนนแบบใหม่ รายงาน PageSpeed ​​และ YSlow เดิมได้อัปเดตเป็นเกรด GTmetrix โดยรวมแล้ว ขับเคลื่อนโดย Lighthouse ผู้ใช้ GTmetrix จะได้รับคะแนนประสิทธิภาพและโครงสร้างแล้ว

First Input Delay (FID) คืออะไร?

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

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

วิธีปรับปรุง First Input Delay:

• ชะลอหรือกำจัดไฟล์ของบุคคลที่สามหรือพิกเซลการติดตาม
• เลื่อนสคริปต์ที่ไม่จำเป็นทั้งหมด
• ปรับปรุงการทำงานของ JavaScript

GTmetric และ Waterfalls อื่นๆ ดำเนินการติดตามประสิทธิภาพที่ยอดเยี่ยมเพื่อเปิดเผยว่าที่ใดใช้เวลาในการโหลดมากเกินไป สามารถตรวจสอบและแก้ไขได้

ตัวบ่งชี้ประสบการณ์หน้า Google ใหม่คืออะไร

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

แม้ว่าเมตริก Core Web Vitals จะให้ข้อมูลโดยละเอียดมากกว่าที่เราเคยมีในรายงาน Google Search Console แต่มีแนวโน้มว่าผลบวกที่ผิดพลาดจำนวนมากจะปรากฏขึ้นหลังจากการเปิดตัวเต็มรูปแบบ

วิธีการกำหนดภารกิจสำคัญของเว็บหลักที่สำคัญที่สุด

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

1. แก้ไขทุกอย่างที่ระบุว่า "แย่" ก่อน

2. ถัดไป จัดลำดับความสำคัญรายการงานของคุณโดยปัญหาที่ส่งผลเสียต่อ URL ส่วนใหญ่ หรือโดยปัญหาที่ส่งผลกระทบต่อ URL ที่สร้างรายได้ส่วนใหญ่ของคุณ

3. ปัญหา "ต้องปรับปรุง" อยู่ถัดจากรายการลำดับความสำคัญ

ความจำเป็นในการปรับปรุงอย่างมากใน Layout Content Shift ทำให้ฉันประหลาดใจมาก แต่มันก็เป็นปัจจัยที่ชัดเจนในการได้รับผลลัพธ์ SEO ที่ดีที่สุด หน้าเว็บไม่มีโฆษณาที่โหลดช้าเหนือเนื้อหา ไม่มีโฆษณาคั่นระหว่างหน้า และรูปภาพทั้งหมดกำหนดความกว้างและความสูงไว้อย่างเหมาะสม อย่างไรก็ตาม ขนาดของรูปภาพเด่นดั้งเดิมคือ 1280 x 860 พิกเซล สิ่งนี้ทำให้เกิดปัญหาการปรับขนาดรูปภาพ เมื่อเบราว์เซอร์กำลังโหลด พวกเขากำลังปรับขนาดเป็น 1200 x 800 พิกเซล สิ่งนี้ทำให้เกิดการเปลี่ยนเค้าโครงและความล่าช้าในการโหลดที่ตามมา ตรวจสอบให้แน่ใจว่ารูปภาพของคุณมีขนาดถูกต้องสำหรับมาร์กอัป JASON-LD Schema

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

คำถามที่พบบ่อยเกี่ยวกับ CVW

อาจต้องใช้เวลามากในการเรียนรู้ แก้ไขปัญหา และทดสอบ/ปรับแต่งตัวเลือกมากมายเพื่อปรับปรุงคะแนน CWV นี่คือคำตอบ:

วิธีการคำนวณคะแนน CLS?

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

สาเหตุทั่วไปที่ทำให้เกิดปัญหา Content Layout Shift คืออะไร

• ลบระยะขอบบนรูปภาพเด่น : การเรียกใช้เครื่องมือ Lighthouse ร่วมกับเครื่องมือ Chrome Dev บนเว็บไซต์เดียว รหัสฟิกเกอร์คลาส=”สื่อเด่น” ได้รับการพิสูจน์แล้วว่าเป็นปัญหา โดยการเพิ่มโค้ด CSS เพิ่มเติมนี้ .featured-media { img display: none; } .featured-media { img display: none; } คะแนนประสิทธิภาพของเดสก์ท็อปดีขึ้นทันทีสองคะแนนเต็ม
• แก้ไขปัญหาเกี่ยวกับการโหลดแบบอักษร : นักออกแบบเว็บไซต์บางคนชอบรูปลักษณ์ของแบบอักษรเว็บพาดหัวแฟนซี อย่างไรก็ตาม บ่อยครั้งที่การโหลดทำให้เกิดการเปลี่ยนเลย์เอาต์ ทดสอบเพื่อค้นหาว่ามีปัญหาที่อาจเกิดขึ้นจากการเจือจางแคชเพื่อแก้ไขหรือไม่ รวมทั้งวิธีการส่งขนาดแบบอักษรโดยรวม เราพบว่าโดยการระบุการแสดงแบบอักษรทางเลือก โดยการเพิ่ม { font-display: fallback;} เราสามารถปรับปรุงลักษณะการแสดงผลขององค์ประกอบโดยใช้คำสั่งหน้าแบบอักษร
• เนื้อหาที่ฉีดแบบไดนามิก : สิ่งนี้มักเกิดขึ้นเมื่อแบนเนอร์หรือแบบฟอร์มถูกเพิ่มลงในเพจแบบไดนามิก นอกจากนี้ ผู้ใช้ที่ไม่สามารถเห็น "x" สำหรับการเลือกไม่ใช้ป๊อปอัปอาจรู้สึกหงุดหงิด นอกจากนี้ เมื่อองค์ประกอบในหน้าใช้งานได้ องค์ประกอบเหล่านั้นยังคงเป็นสาเหตุของการจัดเรียงหน้าใหม่และ "เปลี่ยน"
• ขาดข้อกำหนดของรูปภาพ : เมื่อรูปภาพของหน้ามีขนาดที่ไม่ถูกต้อง ไม่ดี หรือไม่ได้ระบุขนาดรูปภาพ เบราว์เซอร์ได้เพิ่มงานและเวลาในการโหลดหน้าโดยไม่มีข้อมูลนี้แล้วจึงจำเป็นต้องเปลี่ยนในภายหลังเพื่อคำนวณ
• การฝังในหน้าเว็บ โฆษณา และ iframes ที่ไม่มีมิติ : ด้วยการแจ้งเบราว์เซอร์เกี่ยวกับพื้นที่การจัดวางที่จำเป็นสำหรับองค์ประกอบภาพบนหน้าเว็บเหล่านี้ คุณสามารถหลีกเลี่ยงไม่ให้เบราว์เซอร์ต้องเปลี่ยนเมื่อแต่ละส่วนเหล่านี้เข้าที่แล้ว

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

เมตริก Core Web Vitals ใดที่สามารถปรับปรุงได้โดยการโหลด CSS Async

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

ตามที่ Koray Tugberk เจ้าของ Holistic SEO ของ GUBUR กล่าวว่า “ในความสัมพันธ์ระหว่างการโหลดไฟล์ CSS เป็น Async และการเปิดหน้าเว็บสำหรับผู้ใช้ก่อนหน้านี้ ตัวชี้วัด Pagespeed บางตัวได้รับผลกระทบทางบวกมากกว่าตัวอื่นๆ การโหลดไฟล์ CSS ที่เร็วขึ้นช่วยปรับปรุงเมตริก First Paint, First Contentful Paint, Largest Contentful Paint และดัชนีความเร็วโดยเฉพาะ”

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

Google วัดความเร็วในการโหลดอย่างไร

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

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

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

การบีบอัดรูปภาพกับคะแนน CWV มีความสำคัญเพียงใด

คุณไม่จำเป็นต้องประนีประนอมคุณภาพของภาพเพื่อให้ได้คะแนน CWV ที่ดี

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

@Jamsession18 ถาม John Mueller ของ Google เมื่อวันที่ 26 มีนาคม 2021:

“ช่วยตอบคำถามของฉันเกี่ยวกับคุณภาพของภาพที่ใช้ได้ไหม? ฉันทำงานให้กับไซต์ข่าวซึ่งขณะนี้กำลังปรับให้เหมาะสมสำหรับ CWV และเพื่อให้เทคโนโลยีของเรากำลังบีบอัดรูปภาพให้อยู่ในระดับสูงสุดโดยเสียคุณภาพของรูปภาพ (ตอนนี้ภาพเบลอ) คุ้มกับที่จ่ายไปหรือเปล่า?”

“นั่นฟังดูเหมือนเป็นความคิดที่ไม่ดี ประสบการณ์การใช้งานเพจเป็นเพียงหนึ่งในหลายๆ สิ่งที่เรามองหาในการจัดอันดับ แต่ถ้าผู้ใช้ไม่ชอบเนื้อหาของคุณ พวกเขาก็ไม่น่าจะทำ Conversion (อย่างไรก็ตาม คุณต้องการ) และไม่น่าจะกลับมาอีก” -???? จอห์น ???? @JohnMu

ข้อมูลภาคสนามและห้องปฏิบัติการแตกต่างกันอย่างไร

ข้อแตกต่างประการหนึ่งคือข้อมูล Lab มีประโยชน์สำหรับการทดสอบ Field Data ดีกว่าสำหรับการจัดอันดับ

ข้อมูลห้องปฏิบัติการเป็นข้อมูลเกี่ยวกับข้อมูลประสิทธิภาพที่พบในสภาพแวดล้อมที่ไม่ซ้ำกัน โดยทั่วไปแล้วเครื่องมือ Chrome Dev และเครื่องมือหน้าเว็บtest.org จะใช้เพื่อรับข้อมูลแล็บ ข้อมูลภาคสนามครอบคลุมข้อมูลที่รวบรวมจากกลุ่มผู้ใช้ที่เข้าชมหน้าไซต์ของคุณโดยใช้เบราว์เซอร์ Chrome ข้อมูลภาคสนามคือสิ่งที่สร้างรายงาน Google Search Console ของคุณรวมถึง Google Page Speed ​​Insights (ซึ่งใช้ทั้งข้อมูล Lab และ Field สำหรับรายงานหน้าเว็บ)

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

เหตุใดการปรับปรุงเมตริก Web Core Vitals ทั้งสามจึงสำคัญ

เกณฑ์มาตรฐานทั้งสามของ Core Web Vitals (CWV) ส่งสัญญาณถึงองค์ประกอบสำคัญของสิ่งที่ต้องใช้เพื่อมอบประสบการณ์ผู้ใช้ที่ดี ต้องเป็นไปตามเมตริกทั้ง 3 รายการเพื่อให้มีคุณสมบัติสำหรับการเพิ่มสัญญาณการจัดอันดับ Google ที่เกี่ยวข้องซึ่งเปิดตัวในเดือนพฤษภาคม 2021 Google ให้ 6 วิธีในการวัด Core Web Vitals เหล่านี้แก่เรา ตามที่เราเรียนรู้จาก John Mueller นักวิเคราะห์แนวโน้มผู้ดูแลเว็บอาวุโสของ Google จะต้องปฏิบัติตามข้อกำหนดขั้นต่ำทั้งหมดจึงจะได้รับประโยชน์จากการอัปเดตอัลกอริทึมในไม่ช้านี้

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

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

ฉันไม่รู้ว่าวิธีการจะเป็นอย่างไรเมื่อมีบางสิ่งที่โอเคและบางสิ่งที่ไม่โอเคอย่างสมบูรณ์ เช่น สิ่งนั้นจะทำให้สมดุลได้อย่างไร” — จอห์น มูลเลอร์

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

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

บุคคลที่ทำการค้นหาจะสามารถบอกได้ว่าไซต์ใดผ่านการทดสอบ Core Web Vitals หรือไม่

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

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

เครื่องมือทดสอบ Core Web Vitals

เมื่อทดสอบ Core Web Vitals ของคุณ ให้ใช้หน้าต่างที่ไม่ระบุตัวตนเพื่อเลี่ยงปัญหาที่ไม่ต้องการ

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

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

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

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

สรุป

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

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

Hill Web Creations สามารถนำความพยายามในการเพิ่มประสิทธิภาพของคุณโดยเริ่มต้นด้วย การตรวจสอบ SEO ด้านเทคนิคที่ครอบคลุม