การตลาดดิจิตอล

รวบเคล็ดลับปรับเว็บให้ตรงตาม 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.

WordPress Hooks คืออะไร? เพิ่มประสิทธิภาพการทำ SEO ได้อย่างไร?
เรื่องทั่วไปด้านการตลาดออนไลน์

July 24, 2024

WordPress Hooks คืออะไร? เพิ่มประสิทธิภาพการทำ SEO ได้อย่างไร?
WordPress hooks คืออะไร? ในวงการเว็บไซต์ พูดได้ว่า WordPress เป็นหนึ่งในระบบ Content Management (CMS) ที่ได้รับความนิยมสูง ซึ่งมี Market Share มากกว่า 60% ทั่วโลก เหตุผลหนึ่งอาจเป็นเพราะจำนวน Plugin แบบไม่เสียค่าใช้จ่ายที่มีให้เลือกใช้งานจำนวนมาก...
อัปเดตโฆษณา AI บน Google Ads! บอกวิธียิงแอดในยุคที่ AI เป็นใหญ่
โฆษณา Google Ads

July 24, 2024

อัปเดตโฆษณา AI บน Google Ads! บอกวิธียิงแอดในยุคที่ AI เป็นใหญ่
ในยุคที่เทคโนโลยี AI กำลังเข้ามามีบทบาทสำคัญในทุกวงการ วงการโฆษณาออนไลน์ก็ไม่ใช่ข้อยกเว้น โดยเฉพาะอย่างยิ่งในแพลตฟอร์มยักษ์ใหญ่อย่าง Google Ads ที่กำลังนำ AI มาใช้ในการพัฒนาระบบโฆษณาให้มีประสิทธิภาพมากยิ่งขึ้น แต่การเปลี่ยนแปลงนี้ส่งผลกระทบอย่างไรต่อนักการตลาดออนไลน์? แล้วเราจะปรับตัวกับโฆษณา AI อย่างไรในก้าวทันคู่แข่ง? ในบทความนี้ เราจะมาอธิบายถึงผลกระทบของโฆษณา AI ต่อแคมเปญ PPC โดยรวม...
Google Trends คืออะไร? ส่องเคล็ดลับการใช้เทรนด์เพิ่มประสิทธิภาพ SEO
เอสอีโอ (Search Engine Optimization)

July 23, 2024

Google Trends คืออะไร? ส่องเคล็ดลับการใช้เทรนด์เพิ่มประสิทธิภาพ SEO
คอนเทนต์ตามกระแส หรือเทรนด์เป็นรูปแบบการนำเสนอเนื้อหาที่ได้รับความนิยมอย่างสูงในโลกดิจิทัล เนื่องจากมักสร้างการมีส่วนร่วม และได้รับการตอบรับที่ดีจากผู้บริโภค โดยหนึ่งในเครื่องมือสำคัญที่นักการตลาดและคอนเทนต์ครีเอเตอร์นิยมใช้เพื่อค้นหาและติดตามกระแส คือ Google Trends ในบทความนี้ เราจะมาทำความเข้าใจว่า Google Trends คืออะไร และจะนำมาประยุกต์ใช้ในการสร้างคอนเทนต์อย่างไรให้ตอบโจทย์การทำ SEO อย่างมีประสิทธิภาพสูงสุด พร้อมเจาะลึกเทคนิคการใช้เทรนด์เพื่อยกระดับกลยุทธ์การตลาดดิจิทัลของคุณ Google Trends คืออะไร...
Martech คืออะไร หากนำมาใช้แล้วจะมีผลต่อ SEO บ้างไหม?
เอสอีโอ (Search Engine Optimization)

July 22, 2024

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