การให้คะแนนการท่องเว็บด้วย Agent ของ Lighthouse

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

วิธีให้คะแนนหมวดหมู่

หมวดหมู่การท่องเว็บแบบ Agentic ไม่มีคะแนนเฉลี่ยถ่วงน้ำหนักตั้งแต่ 0 ถึง 100 ซึ่งแตกต่างจากหมวดหมู่อื่นๆ ของ Lighthouse เนื่องจากมาตรฐานสำหรับเว็บแบบ Agentic ยังอยู่ในช่วงเริ่มต้น ดังนั้นเป้าหมายปัจจุบันคือการรวบรวมข้อมูลและให้สัญญาณที่นำไปปฏิบัติได้จริงแทนที่จะเป็นการจัดอันดับที่ชัดเจน

รายงานจะแสดงสิ่งต่อไปนี้แทนคะแนน

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

สาเหตุที่ผลลัพธ์ผันผวน

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

  • การลงทะเบียนเครื่องมือแบบไดนามิก: หากเว็บไซต์ลงทะเบียนเครื่องมือ WebMCP โดยใช้ JavaScript (Imperative API) เวลาในการลงทะเบียนเหล่านี้อาจส่งผลต่อการบันทึกระหว่าง สแนปช็อต Lighthouse
  • ความแปรปรวนในการสร้างแผนผัง A11y: การเปลี่ยนแปลงขนาด DOM หรือความซับซ้อนอย่างมีนัยสำคัญอาจส่งผลต่อโครงสร้างของแผนผังการช่วยเหลือพิเศษ ซึ่งเป็น เมตริกหลักสำหรับการนำทางแบบ Agentic
  • Cumulative Layout Shift (CLS): การเปลี่ยนเลย์เอาต์ที่เกิดจากโฆษณา รูปภาพ ที่ไม่มีขนาด หรือเนื้อหาที่แทรกอาจย้ายองค์ประกอบระหว่างเวลา ที่ Agent ระบุองค์ประกอบเหล่านั้นกับเวลาที่พยายามโต้ตอบ

วิธีพิจารณาการตรวจสอบ

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

การผสานรวม WebMCP

Lighthouse เรียกโดเมน WebMCP ของโปรโตคอลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome (CDP) เพื่อตรวจสอบเหตุการณ์การลงทะเบียนเครื่องมือ โดยจะตรวจสอบทั้งเครื่องมือแบบประกาศ (กำหนดไว้ใน HTML) และเครื่องมือแบบคำสั่ง (กำหนดไว้ใน JS)

การช่วยเหลือพิเศษแบบ Agent-Centric

Agent อาศัยแผนผังการช่วยเหลือพิเศษเป็นโมเดลข้อมูลหลัก Lighthouse จะกรองชุดย่อยเฉพาะของการตรวจสอบการช่วยเหลือพิเศษที่มีความสำคัญต่อการโต้ตอบกับเครื่อง เช่น

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

ความเสถียรและความสามารถในการค้นพบ

  • Cumulative Layout Shift (CLS): วัดความเสถียรของภาพ ซึ่งมีความ สำคัญอย่างยิ่งต่อ Agent ที่อาศัยการวางตำแหน่งองค์ประกอบ
  • llms.txt: ตรวจสอบว่ามีข้อมูลสรุปที่เครื่องอ่านได้ที่ รูทโดเมน

สิ่งที่นักพัฒนาเว็บทำได้เพื่อปรับปรุง

วิธีปรับปรุงความพร้อมใช้งานแบบ Agentic ของเว็บไซต์

  • ใช้ WebMCP: ใช้ WebMCP API เพื่อแสดงตรรกะ และแบบฟอร์มของเว็บไซต์อย่างชัดเจนต่อ Agent AI
  • ตรวจสอบว่าแผนผังการช่วยเหลือพิเศษถูกต้อง: จัดลำดับความสำคัญของ HTML เชิงความหมายและ ARIA ที่เหมาะสม สำหรับการติดป้ายกำกับ เนื่องจากสิ่งเหล่านี้คือ "มุมมองของเครื่อง" ในหน้าเว็บ
  • เพิ่มประสิทธิภาพเพื่อความเสถียร: ลดการเปลี่ยนเลย์เอาต์เพื่อให้ Agent โต้ตอบกับ UI ได้อย่าง น่าเชื่อถือโดยที่องค์ประกอบไม่เคลื่อนที่โดยไม่คาดคิด

ความคิดเห็น

หากพบข้อบกพร่องหรือมีคำแนะนำสำหรับการเปลี่ยนแปลงการตรวจสอบการท่องเว็บแบบ Agentic โปรดทำดังนี้