6 วิธีสำหรับผู้ใช้ HubSpot ในการเอาชนะ Core Web Vitals Update

เผยแพร่แล้ว: 2021-08-20

ผู้ใช้ HubSpot: คุณตรวจสอบความเร็วหน้าเว็บครั้งล่าสุดเมื่อใด ถ้านานแล้วก็มีงานต้องทำ นี่คือเหตุผล:

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

มีเครื่องมือมากมายที่จะช่วยคุณวัด Core Web Vitals เหล่านี้และเคล็ดลับมากมายที่จะช่วยคุณปรับปรุง แต่ในฐานะผู้ใช้ HubSpot คำแนะนำบางส่วนอาจไม่เหมาะที่สุด นั่นเป็นเหตุผลที่เรารวบรวมคู่มือเฉพาะ HubSpot นี้เพื่อเอาชนะการอัปเดต Page Experience ต่อไปนี้คือ 6 วิธีสำหรับผู้ใช้ HubSpot ในการเอาชนะการอัปเดต Core Web Vitals

1. ทำความเข้าใจว่า Core Web Vitals คืออะไร

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

ตัวชี้วัดสามตัวที่ประกอบขึ้นเป็น Core Web Vitals ของ Google ได้แก่:

  • Largest Contentful Paint (LCP) - วัดความเร็วไซต์ของคุณ เมตริกหมายถึงเวลาที่ใช้ในการโหลดเนื้อหาหลักในหน้าเว็บบนหน้าจอของผู้ใช้ คิดว่าเป็นระยะเวลาที่ใช้ในการโหลดเนื้อหาหลังจากคลิกลิงก์
  • First Input Display (FID) - วัดค่าการโต้ตอบบนเพจ โดยจะวัดเวลาที่ผู้ใช้โต้ตอบกับไซต์ของคุณ ตัวอย่างเช่น เมื่อมีคนคลิกที่ปุ่ม FID จะวัดระยะเวลาที่ใช้ในการประมวลผลคำขอนั้นจริงๆ
  • Cumulative Layout Shift (CLS) - วัดความเสถียรของหน้าเว็บขณะโหลด หรือ "ความเสถียรของภาพ" CLS ที่สูงหมายความว่าองค์ประกอบต่างๆ ในหน้าเว็บของคุณจะเคลื่อนที่ไปมาในขณะที่โหลด ซึ่งไม่ใช่ประสบการณ์ที่ดีของผู้ใช้

นอกจากเมตริกเหล่านี้แล้ว Google ยังได้กำหนดเกณฑ์มาตรฐานซึ่งกำหนดว่าหน้าใดตรงกับ Core Web Vitals หรือไม่ นี่คือเป้าหมาย:

  • LCP - หน้าควรโหลดเนื้อหาหลักภายใน 2.5 วินาทีหลังจากเชื่อมโยงไปถึง
  • FID - ผู้ใช้ควรโต้ตอบกับหน้าเว็บภายใน 100 มิลลิวินาทีหลังจากเชื่อมโยงไปถึง
  • CLS - คะแนนการเปลี่ยนแปลงของเลย์เอาต์สะสมควรน้อยกว่า .1 ซึ่งหมายความว่าเลย์เอาต์ของหน้ามีการกระโดดน้อยหรือไม่มีเลย

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

Web Vitals หลักของ Google

2. ใช้เครื่องมือแนะนำ SEO ของ HubSpot

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

เครื่องมือ SEO ฮับสปอต คุณใช้เครื่องมือนี้อย่างไร? HubSpot ทำให้มันค่อนข้างง่ายสำหรับผู้ใช้:

  1. ในบัญชีของคุณ ตรงไปที่ฮับการตลาดของคุณ
  2. ไปที่ "เว็บไซต์" และคลิก "SEO"
  3. คุณจะเห็นตัวเลือกในการสแกนโดเมนใหม่เพื่อรับคำแนะนำ
  4. ป้อนโดเมนเว็บไซต์ของคุณแล้วคลิก "สแกน URL"
  5. เมื่อการสแกนเสร็จสิ้น ให้คลิก "ดูคำแนะนำ"
  6. คุณจะสังเกตเห็น HubSpot ให้คุณเจ็ดหมวดหมู่ เพิ่มประสิทธิภาพ ความปลอดภัย และประสบการณ์ผู้ใช้ในแง่ของการอัปเดตประสบการณ์ใช้งานเพจ

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

3. ขี้เกียจโหลดรูปภาพขนาดใหญ่

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

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

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

ยังไง? เพียงเพิ่มโมดูลรูปภาพในหน้าและเลือก "Lazy Loading" ภายในปุ่มสลับ "Image Loading" มันง่ายมาก

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

4. ตรวจสอบเนื้อหาอัจฉริยะอีกครั้ง

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

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

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

5. หน่วงเวลาเครื่องมือแชทของคุณ

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

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

  1. ไปที่การสนทนา -> แชทโฟลว์
  2. คลิก "แก้ไข" ในการแชทที่คุณต้องการเปลี่ยน
  3. ใต้ "การแสดงผล" และ "พฤติกรรมการแสดงแชท" คุณจะเห็นข้อความแจ้งให้แก้ไขเวลาบนหน้า

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

6. ระมัดระวังกับฟอร์ม HubSpot

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

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

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

ฉันปรับปรุง Core Web Vitals ของไซต์ HubSpot ฉันจะเห็นผลลัพธ์เมื่อใด

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

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

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