รวบเคล็ดลับปรับเว็บให้ตรงตาม Core Web Vitals อัปเดตล่าสุด 2023

January 16, 2023Published By: Relevant Audience
Results Image

ไฮไลท์ในบทความ

  • Core Web Vitals เป็นอัลกอริทึมของ Google ที่จะช่วยวัดประสิทธิภาพของเว็บไซต์ ตั้งแต่เวลาในการโหลดหน้าเว็บ การโต้ตอบ และความเสถียร
  • Chrome Team จาก Google ใช้เวลา 1 ปีเพื่อรวบรวมเคล็ดลับในการปรับแต่งเว็บไซต์ให้ตรงตาม Core Web Vitals

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

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

ปรับปรุงเมตริก Largest Contentful Paint (LCP) 

Largest Content Paint หรือ LCP เป็นเมตริกที่เป็นส่วนหนึ่งของ Core Web Vitals โดยมีหน้าที่ตรวจวัดว่าเว็บไซต์มีอัตราการดาวน์โหลดเป็นอย่างไร ช้าหรือเร็ว โดยจะโฟกัสไปที่คอนเทนต์หรือส่วนต่างๆ ของเว็บไซต์ ในบล็อกของกูเกิลระบุว่า เว็บไซต์ส่วนใหญ่ชอบตกม้าตายในเรื่องนี้ เพราะในปัจจุบันมีเว็บไซต์เพียงครึ่งเดียวเท่านั้นที่ตรงตามนเกณฑ์ของ LCP สำหรับเคล็ดลับจากกูเกิลทีมในการปรับปรุง LCP มีดังนี้

  1. LCP Resources ต้องตรวจพบได้ง่ายผ่าน HTML Source

จากข้อมูลของ Web Almanac ในปี 2022 ในส่วนของ HTTP Archive พบว่า 72% หน้าเว็บไซต์สำหรับมือถือที่มีรูปภาพเป็นคอนเทนต์หลักของหน้าเว็บ หากต้องการปรับปรุง LCP จำเป็นที่จะต้องทำให้รูปภาพนั้นโหลดได้อย่างรวดเร็วมากขึ้น ดังนั้นเคล็ดลับคือ หาก Resource ของหน้าเว็บมีรูปภาพเป็นหลัก ก็ควรที่จะให้ความสำคัญกับ URL ของรูปภาพเสมอ เพื่อให้ระบบอัลกอริทึมสามารถตรวจสอบเนื้อหาได้ในทันที

  1. จัดลำดับความสำคัญของ LCP Resources

กูเกิลแนะนำให้จัดลำดับความสำคัญ LCP Resources ให้ดี ระมัดระวังในการใช้ Lazy Load (คือการทำให้รูปโหลดขึ้นมาเมื่อต้องใช้เท่านั้น) รวมถึงการใช้ แท็กประเภท <img>, <script>, <head> ที่อาจส่งผลให้การโหลดทรัพยากรช้าลงได้ 

  1. ใช้ CDN เพื่อลดเวลาการโหลด

Content Delivery Network หรือ CDN เป็นชื่อเรียกเครือข่ายเซิร์ฟเวอร์ที่เชื่อมต่อกันเพื่อเเพิ่มลดเวลาแฝงหรือลดความล่าช้าของการรับส่งข้อมูลระหว่างเว็บไซต์กับผู้ใช้งาน โดยกูเกิลระบุเอาไว้ว่าในทางเทคนิคแล้วการใช้ CDN จะมีประสิทธิภาพในการช่วยให้เว็บไซต์ตรงตามเกณฑ์ของ LCP ได้ดีมากขึ้น

ปรับปรุงเมตริก Cumulative Layout Shift (CLS) 

CLS เป็นเมตริกที่เป็นส่วนหนึ่งของ Core web Vitals ที่ใช้ในการประเมินความเสถียร Layout ของเว็บไซต์ จากข้อมูลของ Google ระบุว่าปัจจุบันมีเว็บไซต์ประมาณ 25% ที่ไม่ผ่านเกณฑ์นี้

  1. กำหนด Lay Out สำหรับ Page Content ให้ชัดเจน

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

ปรับปรุงเมตริก First Input Delay (FID)

FID เป็นหน่วยวัดการโต้ตอบ/การตอบสนอง เมื่อเว็บไซต์มีการโหลดหน้าใดๆ ตั้งแต่ครั้งแรก เช่น การโหลดหน้าเว็บไซต์ การเปลี่ยนหน้าไปหน้าอื่น ว่ามีอาการหน่วงๆ ช้าหรือไม่

  1. ปรับ Script ต่างๆ ของเว็บไซต์

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

ทิ้งท้าย

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

รับปรึกษาการทำ Digital Marketing ที่ Relevant Audience

Relevant Audience บริษัทที่ให้บริการเกี่ยวกับ Digital Performance Marketing Agency โดยมีเป้าหมายหลักเพื่อให้บริการด้านการตลาดดิจิทัล ให้ธุรกิจเข้าถึงกลุ่มเป้าหมายที่กำลังมองหาผลิตภัณฑ์หรือบริการในเวลา สถานที่ และอุปกรณ์ที่เหมาะสม ผ่านช่องทางออนไลน์ต่างๆ บริการของเราครอบคลุมทั้ง Search Marketing, Social Media Ads, Search Ads และ SEO (Search Engine Optimization) ไปจนถึง Influencer Marketing และยังเป็นส่วนหนึ่งในโปรแกรม Google Partners อีกด้วย

สอบถามข้อมูลเพิ่มเติม 

โทร.: 02-038-5055 

อีเมล: info@relevantaudience.com เว็บไซต์: www.relevantaudience.com

Related Articles

If you enjoyed reading this article, you might like these too.

เช็คลิสต์ SEO ขั้นสุดยอดสำหรับปี 2025
เรื่องทั่วไปด้านการตลาดออนไลน์

April 23, 2025

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

April 23, 2025

การใช้งบประมาณ PPC ของคุณให้เกิดประสิทธิภาพสูงสุดเพื่อ ROI ที่ดีขึ้น
เรียนรู้วิธีบริหารและปรับแต่งงบประมาณ PPC ของคุณอย่างมีประสิทธิภาพ เพื่อเพิ่มผลตอบแทนและขยายธุรกิจด้วยกลยุทธ์ที่ได้รับการพิสูจน์แล้ว...
SEO vs PPC: อะไรเหมาะกับธุรกิจของคุณ?
เรื่องทั่วไปด้านการตลาดออนไลน์

April 22, 2025

SEO vs PPC: อะไรเหมาะกับธุรกิจของคุณ?
เรียนรู้ความแตกต่างที่สำคัญระหว่าง SEO และ PPC เพื่อเลือกกลยุทธ์ที่ตรงกับเป้าหมายทางธุรกิจของคุณ เพิ่มการเข้าชมเว็บไซต์ด้วยการผสมผสานที่เหมาะสมระหว่างการตลาดแบบออร์แกนิกและการตลาดแบบเสียเงิน...
SEO vs PPC: Which is Right for Your Business?
General topics

April 22, 2025

SEO vs PPC: Which is Right for Your Business?
Learn the key differences between SEO and PPC to decide which strategy fits your business goals. Boost traffic with the...