یک جعبه ابزار توسعه‌دهنده برای آماده‌سازی وب‌سایت شما برای عامل

منتشر شده: ۲۲ ژوئن ۲۰۲۶

همزمان با تکامل عامل‌های هوش مصنوعی از تولید صرف متن به مرور، تعامل و انجام وظایف پیچیده در وب‌سایت شما، توسعه‌دهندگان به ابزارهای اختصاصی برای تضمین تجربه‌ای با کیفیت بالا برای این کاربران غیرانسانی نیاز دارند. دسته جدید مرور عامل Lighthouse، همراه با پیشرفت‌های Chrome DevTools، ممیزی‌های قطعی و یک چارچوب آزمایش را برای کمک به شما در ساخت وب‌سایت‌های آماده برای عامل ارائه می‌دهد.

تغییر به وب عاملی شامل دو مرحله اصلی است: جستجوی عامل‌ها در وب و استفاده عامل‌ها از وب.

وقتی نمایندگان فقط در حال جستجوی وب‌سایت‌ها هستند، اصول بهینه‌سازی موتور جستجو (SEO) همچنان اعمال می‌شود . در این پست وبلاگ، ما بر روی کارهایی که توسعه‌دهندگان می‌توانند هنگام تعامل مستقیم یک نماینده با وب‌سایت انجام دهند، تمرکز می‌کنیم.

وب‌سایت آماده برای اپراتور خود را ممیزی، بهبود و اشکال‌زدایی کنید

برای اینکه یک عامل هوش مصنوعی بتواند به طور قابل اعتمادی جریانی را در سایت شما، مانند رزرو قرار ملاقات یا ثبت سفارش، تکمیل کند، به سیگنال‌های قابل پیش‌بینی و قابل خواندن توسط ماشین نیاز دارد. در اینجا ابزارهایی برای کمک به شما در ارزیابی و بهبود این آمادگی ارائه شده است.

آمادگی عاملیت وب‌سایت خود را بررسی کنید

دسته جدید مرور Agentic در Lighthouse از M150 به بعد در دسترس است و مجموعه‌ای از ممیزی‌های قطعی را در اختیار توسعه‌دهندگان قرار می‌دهد تا میزان سازگاری وب‌سایت‌هایشان با Agentها را ارزیابی کنند و آنها را به پذیرش استانداردهای جدید صنعت تشویق کند.

  • مواردی که در ممیزی‌ها بررسی می‌شوند : ممیزی‌ها بر سه حوزه کلیدی حیاتی برای تعامل ماشین تمرکز دارند:

    • دسترسی‌پذیری : دسترسی‌پذیری در درجه اول برای انسان‌ها است. عامل‌ها به درخت دسترسی‌پذیری ، که از DOM برای فناوری کمکی (AT) مشتق شده است، به عنوان مدل داده اصلی خود متکی هستند. ممیزی مرور Agentic زیرمجموعه‌ای از دسته‌های ممیزی دسترسی‌پذیری را که برای تعامل ماشین حیاتی هستند، تأیید می‌کند. به عنوان مثال، هر دو ممیزی تأیید می‌کنند که هر عنصر تعاملی دارای یک نام برنامه‌نویسی شده است. یک درخت دسترسی‌پذیری خوش‌فرم، روش اصلی درک صفحه شما توسط عامل‌های هوش مصنوعی است.
    • پایداری : پایداری بصری را با استفاده از تغییر چیدمان تجمعی (CLS) اندازه‌گیری می‌کند تا اطمینان حاصل شود که عناصر به طور غیرمنتظره حرکت نمی‌کنند و از کلیک‌های اشتباه عامل جلوگیری می‌کند.
    • ادغام WebMCP : بررسی در دسترس بودن ابزارهای ثبت‌شده WebMCP، فرم‌های فاقد WebMCP اعلانی و اعتبار طرحواره. پذیرش WebMCP به عامل‌ها کمک می‌کند تا منطق و فرم‌های سایت شما را به صراحت در معرض نمایش قرار دهند و تعامل را قابل اعتماد کنند.
  • امتیاز : برخلاف سایر دسته‌بندی‌های Lighthouse، در زمان انتشار، Agentic Browsing اطلاعاتی و بدون معیار است. تمرکز آن بر ارائه سیگنال‌های عملی (وضعیت قبولی یا رد و هشدارها) است، نه یک رتبه‌بندی قطعی.

برای کسب اطلاعات بیشتر در مورد بررسی‌های خاص حسابرسی و آنچه می‌توانید برای بهبود انجام دهید، به مستندات مربوط به حسابرسی‌های مرور عامل برای Lighthouse مراجعه کنید.

تعاملات بین نماینده و وب‌سایت را سریع‌تر و قابل اعتمادتر کنید

WebMCP یک استاندارد پیشنهادی است که هدف آن ارائه ابزارهای ساختاری به عامل‌های هوش مصنوعی در وب‌سایت‌های موجود، تسریع و ساده‌سازی تعاملات عامل‌ها است. برای اطلاعات بیشتر در مورد پیاده‌سازی، به «درباره WebMCP بخوانید» مراجعه کنید.

جدیدترین ویژگی‌ها را با استفاده از عامل کدنویسی دلخواه خود پیاده‌سازی کنید

راهنمای وب مدرن مجموعه‌ای از بهترین شیوه‌ها و مهارت‌ها را برای کمک به توسعه‌دهندگان در ساخت وب‌سایت‌های آماده برای عامل (agent) ارائه می‌دهد. این شامل مهارت webmcp است که به شما امکان می‌دهد پیاده‌سازی ابزارهای WebMCP را به عامل کدنویسی خود واگذار کنید. با ادغام راهنمای وب مدرن در گردش کار توسعه خود، می‌توانید اطمینان حاصل کنید که برنامه شما از ابتدا با استانداردهای مدرن و سازگار با عامل ساخته شده است. برای کسب اطلاعات بیشتر، به مستندات راهنمای وب مدرن مراجعه کنید.

وب‌سایت خود را با Chrome DevTools برای نمایندگان آزمایش و اشکال‌زدایی کنید

برای اشکال‌زدایی عمیق و توسعه تکراری، Chrome DevTools for Agents یک شخصیت تست منحصر به فرد ارائه می‌دهد. این ابزار به شما امکان می‌دهد IDE یا عامل کدنویسی مبتنی بر هوش مصنوعی خود را به یک عامل مرورگر تبدیل کنید و درجه بالایی از کنترل را به شما می‌دهد.

با DevTools برای نمایندگان می‌توانید:

  • شبیه‌سازی تعامل عامل: شما می‌توانید مراحل دقیقی را که یک عامل انجام می‌دهد شبیه‌سازی کنید، و عملاً «به کاربر» (یا عامل) تبدیل شوید تا خرابی‌ها را بازتولید کرده و تأیید کنید که جریان‌های وب‌سایت شما قطعی هستند.
  • فراخوانی مستقیم Lighthouse: محیط آزمایش شما می‌تواند مستقیماً ابزار lighthouse_audit را در تب فعال فراخوانی کند. این یک بررسی سلامت چند دسته‌بندی و فوری را بر اساس وضعیت فعلی صفحه ارائه می‌دهد و به شما امکان می‌دهد اصلاحات را به صورت تکراری در برابر استانداردهای مرور Agentic تأیید کنید.
  • ضبط صفحه نمایش و اشکال‌زدایی: این ابزار قابلیت‌های ثبت وقایع و ضبط صفحه نمایش دقیقی را ارائه می‌دهد، بنابراین می‌توانید دقیقاً ببینید که عامل چگونه صفحه را درک و با آن تعامل می‌کند. این امر برخی از سیگنال‌های قابل خواندن توسط ماشین، مانند درخت دسترسی، را آشکار می‌کند که ممکن است عامل را گیج کند.

این به شما کمک می‌کند تا قبل از استقرار، یک تجربه با کیفیت بالا را برای کاربران غیرانسانی تضمین کنید.

برای کسب اطلاعات بیشتر در مورد قابلیت‌ها و پیکربندی Chrome DevTools for Agents، به مخزن GitHub ما مراجعه کنید.

مثال زیر پیکربندی Chrome DevTools برای Agentها ( ~/.gemini/config/mcp_config.json برای AntigravityCLI یا پیکربندی شده در Antigravity) را نشان می‌دهد که به Chrome Canary متصل می‌شود.

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--categoryExperimentalWebmcp",
        "--channel=canary"
      ]
    }
  }
}

از این مثال استفاده کنید: «با استفاده از Chrome DevTools MCP، به https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ بروید و یک پیتزا با ۱۰ قارچ و ۲ فلفل دلمه‌ای برای من درست کنید؛ حتماً خلاصه‌ای از کاری که انجام دادید و ابزارهایی که فراخوانی کردید را به من ارائه دهید.»

همچنین می‌توانید از DevTools for Agents برای انجام ممیزی آمادگی عامل‌ها در Lighthouse استفاده کنید:

« می‌خواهم با استفاده از Chrome DevTools MCP، یک ممیزی agentic lighthouse روی https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname انجام دهم؛ خلاصه کاملی از آن را به من بدهید. »

قدم بعدی چیست؟

برای مشارکت و پیوستن به بحث، به مخزن رسمی Lighthouse مراجعه کنید.

برای اطلاعات بیشتر در مورد WebMCP، به مستندات WebMCP مراجعه کنید. برای اطلاعات بیشتر در مورد راهنمای وب مدرن، به مستندات راهنمای وب مدرن مراجعه کنید. برای اطلاعات بیشتر در مورد بهینه‌سازی وب‌سایت خود برای هوش مصنوعی مولد، به بهینه‌سازی وب‌سایت خود برای ویژگی‌های هوش مصنوعی مولد در جستجوی گوگل مراجعه کنید.