ประสบการณ์ Google Page: อัปเดตอันดับ

บทความนี้เผยแพร่ครั้งแรกในเดือนพฤษภาคม 2020 และได้รับการอัปเดตในเดือนเมษายน 2021

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

ประสบการณ์หน้าและ Core Web Vitals

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

มีการแนะนำสัญญาณใหม่ว่า Google กล่าวว่า 'รวม Core Web Vitals เข้ากับสัญญาณที่มีอยู่ของเราสำหรับประสบการณ์ใช้งานหน้าเว็บเพื่อให้ภาพรวมคุณภาพของประสบการณ์ของผู้ใช้บนหน้าเว็บ'

การเปลี่ยนแปลงเหล่านี้จะเปิดตัวในเดือนมิถุนายน 2021

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

การจัดอันดับประสบการณ์หน้า

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

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

เมตริกเพจระดับบนสุด

องค์ประกอบหลักสามประการของประสบการณ์หน้าเว็บคือ:

• หน้าโหลดเร็วแค่ไหน?
• หน้าเว็บตอบสนองต่อผู้ใช้ได้เร็วแค่ไหน?
• หน้ามีความเสถียรเพียงใด (องค์ประกอบกระโดดไปมาขณะโหลด)

ตอนนี้ เราสามารถเรียกใช้เมตริกระดับบนสุดบางตัวเพื่อถอดรหัสความหมายได้ (3 รายการแรกคือสิ่งที่เรียกว่า 'Core Web Vitals')

Core Web Vitals

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

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

• ความล่าช้าในการป้อนข้อมูลครั้งแรก (FID) - หมายถึงความเร็วที่หน้าเว็บตอบสนองต่อผู้ใช้ (เช่นหลังจากการคลิกปุ่ม) น้อยกว่าหรือเท่ากับ 100ms เหมาะอย่างยิ่งสำหรับสิ่งนี้

ตัวชี้วัดต่อไปนี้ควรค่าแก่การคำนึงถึงเป็นการวัดผลประสิทธิภาพของหน้า:

• First Contentful Paint (FCP) - เมตริกนี้จะวัดระยะเวลาที่ใช้ในการโหลดข้อความในครึ่งหน้าบน นี่คือเนื้อหาที่คุณเห็นโดยไม่ต้องเลื่อน แบบอักษรและไฟล์แบบอักษรขนาดใหญ่มากเกินไปจะส่งผลต่อคะแนนนี้ เนื่องจากจะทำให้การโหลดแบบอักษรจากแหล่งข้อมูลภายนอกช้าลง

• ดัชนีความเร็ว (SI) - ตัวชี้วัดนี้บันทึกเมื่อการเปลี่ยนแปลงทางสายตาหยุดครึ่งหน้าบน นั่นหมายถึงวิดีโอและภาพฮีโร่ทั้งหมดส่งผลต่อคะแนนดัชนีความเร็ว

• เวลาในการโต้ตอบ (TTI) - เมตริกนี้วัดระยะเวลาที่หน้าเว็บจะพร้อมสำหรับการป้อนข้อมูลของผู้ใช้ แอปที่โหลดช้าและสคริปต์การติดตามหรือการวิเคราะห์จะส่งผลต่อเมตริกนี้

• เวลาในการบล็อกทั้งหมด (TBT) - เมตริกนี้เหมือนกับ TTI แต่จะวัดจำนวนเวลาในการบล็อกทั้งหมดบนหน้าเว็บ หมายถึงผู้ใช้ไม่สามารถคลิกองค์ประกอบหรือเลื่อนหน้าได้

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

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

อัปเดตคอนโซลการค้นหา

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

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

วิธีเตรียมตัวสำหรับ Core Web Vitals (ใช้ไม่ได้กับร้านค้า Shopify ทั้งหมด)

1 สีที่ใหญ่ที่สุด (LCP)

ปัญหาที่อาจเกิดขึ้น: เวลาตอบสนองของเซิร์ฟเวอร์ช้า

โซลูชั่น

ก) สินทรัพย์แคช - หาก HTML ของคุณเป็นแบบสแตติก การแคชสามารถป้องกันไม่ให้มีการสร้างใหม่เมื่อไม่ต้องการ เป็นการลดการใช้ทรัพยากร

ข) กำหนดเส้นทางผู้ใช้ไปยัง CDN - เครือข่ายการจัดส่งเนื้อหาใช้เซิร์ฟเวอร์ในหลายพื้นที่ทั่วโลก ซึ่งช่วยขจัดปัญหาของผู้ใช้ที่ประสบปัญหาไซต์ที่ช้ากว่าเนื่องจากอยู่ห่างจากเซิร์ฟเวอร์เดียว

ปัญหาที่อาจเกิดขึ้น: เวลาในการโหลดทรัพยากรช้า

โซลูชั่น

ก) ปรับแต่งและบีบอัดรูปภาพของคุณโดยใช้ Tinypng - มันลดขนาดไฟล์โดยไม่ลดทอนคุณภาพลง ดังนั้นจึงโหลดได้เร็วกว่าแต่ก็ยังดูดี

b) ใช้ CDN ของรูปภาพ - สิ่งนี้จะลด payload ของรูปภาพ ส่งรูปภาพที่ปรับแต่งให้เหมาะกับแต่ละอุปกรณ์ที่ร้องขอ และส่งรูปภาพจากขอบของเครือข่าย

ปัญหาที่อาจเกิดขึ้น: การแสดงผลฝั่งไคลเอ็นต์

โซลูชั่น

ก) ลดขนาด JavaScript ของคุณและเลื่อน JavaScript ที่ไม่ได้ใช้

b) ใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์หากเป็นไปได้

ปัญหาที่อาจเกิดขึ้น: JavaScript และ CSS

โซลูชั่น

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

b) ดาวน์โหลดและให้บริการ JavaScript จำนวนน้อยที่สุดที่จำเป็นแก่ผู้ใช้ การลดจำนวนการบล็อก JavaScript หมายถึงการเรนเดอร์ที่เร็วขึ้น ดังนั้นจึงเป็น LCP ที่ดีขึ้น

2 กะเค้าโครงสะสม (CLS)

ปัญหาที่อาจเกิดขึ้น: กะเค้าโครงที่ไม่คาดคิด

โซลูชั่น

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

ข) ตรวจสอบให้แน่ใจว่าแทรกเนื้อหาที่ฉีดแบบไดนามิกไว้ด้านล่างเนื้อหาที่มีอยู่เท่านั้น จึงไม่ทริกเกอร์การเปลี่ยนแปลงรูปแบบที่ไม่คาดคิด

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

ปัญหาที่อาจเกิดขึ้น: เบราว์เซอร์ไม่ตอบสนองต่อผู้ใช้อย่างรวดเร็ว (อาจเป็นเพราะยังใช้งาน JavaScript อยู่)

โซลูชั่น

ก) แบ่งโค้ดที่ใช้เวลานานออกเป็นงานย่อยๆ งานที่ยาวนานทำให้หน้าไม่ตอบสนองในขณะที่จัดการกับงาน การแยกส่วนเหล่านี้ออกเป็นส่วนๆ ที่จัดการได้มากขึ้นสามารถช่วยลดความล่าช้าในการป้อนข้อมูลได้

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

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