पब्लिश किया गया: 22 जून, 2026
एआई एजेंट, सिर्फ़ टेक्स्ट जनरेट करने से लेकर आपकी वेबसाइट पर ब्राउज़ करने, इंटरैक्ट करने, और मुश्किल टास्क पूरे करने तक की क्षमता रखते हैं. इसलिए, डेवलपर को ऐसे टूल की ज़रूरत होती है जिनसे यह पक्का किया जा सके कि इन गैर-मानवीय उपयोगकर्ताओं को बेहतर अनुभव मिले. Lighthouse में एजेंटिक ब्राउज़िंग की नई कैटगरी और Chrome DevTools में किए गए सुधारों की मदद से, आपको एजेंट-रेडी वेबसाइटें बनाने में मदद मिलती है. इसके लिए, आपको पक्के तौर पर काम करने वाले ऑडिट और टेस्टिंग फ़्रेमवर्क की सुविधा मिलती है.
एजेंटिक वेब पर माइग्रेट करने के दो मुख्य चरण होते हैं: एजेंट का वेब खोजना और एजेंट का वेब इस्तेमाल करना.
जब एजेंट सिर्फ़ वेबसाइटें खोज रहे होते हैं, तब भी सर्च इंजन ऑप्टिमाइज़ेशन (एसईओ) के सिद्धांत लागू होते हैं . इस ब्लॉग पोस्ट में, हम इस बात पर फ़ोकस करते हैं कि जब कोई एजेंट सीधे वेबसाइट से इंटरैक्ट करता है, तो डेवलपर क्या कर सकते हैं.
एजेंट-रेडी वेबसाइट का ऑडिट करना, उसे बेहतर बनाना, और डीबग करना
एआई एजेंट को आपकी साइट पर कोई फ़्लो भरोसेमंद तरीके से पूरा करने के लिए, मशीन-रीडेबल और अनुमान के मुताबिक काम करने वाले सिग्नल की ज़रूरत होती है. जैसे, अपॉइंटमेंट बुक करना या ऑर्डर देना. यहां ऐसे टूल दिए गए हैं जिनसे आपको यह आकलन करने और बेहतर बनाने में मदद मिलेगी कि आपकी साइट, एआई एजेंट के साथ काम करने के लिए कितनी तैयार है.
अपनी वेबसाइट की एजेंटिक-रेडीनेस का ऑडिट करना
Lighthouse में एजेंटिक ब्राउज़िंग की नई कैटगरी M150 से उपलब्ध है. इससे डेवलपर को पक्के तौर पर काम करने वाले ऑडिट का एक सेट मिलता है. इसकी मदद से, वे यह आकलन कर सकते हैं कि उनकी वेबसाइटें, एजेंट के साथ काम करने के लिए कितनी तैयार हैं. इससे, इंडस्ट्री के नए स्टैंडर्ड को अपनाने में मदद मिलती है.
ऑडिट में क्या-क्या चेक किया जाता है: ऑडिट में, मशीन के साथ इंटरैक्शन के लिए ज़रूरी तीन मुख्य पहलुओं पर फ़ोकस किया जाता है:
- सुलभता: सुलभता, सबसे पहले लोगों के लिए होती है. एजेंट, असिस्टिव टेक्नोलॉजी (एटी) के लिए डीओएम से हासिल किए गए सुलभता ट्री को अपने प्राइमरी डेटा मॉडल के तौर पर इस्तेमाल करते हैं. एजेंटिक ब्राउज़िंग ऑडिट, सुलभता ऑडिट की उन कैटगरी के सबसेट की पुष्टि करता है जो मशीन के साथ इंटरैक्शन के लिए ज़रूरी हैं. उदाहरण के लिए, दोनों ऑडिट इस बात की पुष्टि करते हैं कि हर इंटरैक्टिव एलिमेंट का प्रोग्रामैटिक नाम हो. सही तरीके से बना सुलभता ट्री, एआई एजेंट को आपके पेज को समझने में मदद करता है.
- स्टेबिलिटी: इससे, लेआउट शिफ़्ट होने में लगने वाला समय (सीएलएस) का इस्तेमाल करके, विज़ुअल स्टेबिलिटी का आकलन किया जाता है. इससे यह पक्का किया जाता है कि एलिमेंट अचानक न हिलें. साथ ही, एजेंट के गलत क्लिक से बचा जा सके.
- WebMCP इंटिग्रेशन: इससे, रजिस्टर किए गए WebMCP टूल की उपलब्धता, डिक्लेरेटिव WebMCP की कमी वाले फ़ॉर्म, और स्कीमा की वैधता की जांच की जाती है. WebMCP को अपनाने से, एजेंट आपकी साइट के लॉजिक और फ़ॉर्म को साफ़ तौर पर दिखा पाते हैं. इससे इंटरैक्शन भरोसेमंद बनता है.
स्कोर: पब्लिश होने के समय, एजेंटिक ब्राउज़िंग, Lighthouse की अन्य कैटगरी से अलग है. यह जानकारी देने वाली और बेंचमार्क नहीं की गई है. इसका मकसद, पक्के तौर पर काम करने वाले सिग्नल (पास या फ़ेल स्टेटस और चेतावनियां) देना है, न कि कोई पक्की रैंकिंग देना.
ऑडिट की खास जांचों और उन्हें बेहतर बनाने के लिए किए जा सकने वाले तरीकों के बारे में ज़्यादा जानने के लिए, Lighthouse के लिए एजेंट ब्राउज़िंग ऑडिट का दस्तावेज़ देखें.
एजेंट और वेबसाइट के बीच इंटरैक्शन को तेज़ और ज़्यादा भरोसेमंद बनाना
WebMCP एक प्रस्तावित स्टैंडर्ड है. इसका मकसद, मौजूदा वेबसाइटों पर एआई एजेंट को स्ट्रक्चर टूल उपलब्ध कराना है. इससे एजेंट के इंटरैक्शन को तेज़ और आसान बनाया जा सकता है. इसे लागू करने के बारे में ज़्यादा जानने के लिए, Read about WebMCP देखें.
अपनी पसंद के कोडिंग एजेंट का इस्तेमाल करके, नई सुविधाएं लागू करना
मॉडर्न वेब गाइडेंस में, सबसे सही तरीकों और कौशल का कलेक्शन दिया गया है. इससे डेवलपर को एजेंट-रेडी वेबसाइटें बनाने में मदद मिलती है. इसमें webmcp स्किल शामिल है. इसकी मदद से, WebMCP टूल को लागू करने का काम, अपने कोडिंग एजेंट को सौंपा जा सकता है.
मॉडर्न वेब गाइडेंस को अपने डेवलपमेंट वर्कफ़्लो में इंटिग्रेट करके, यह पक्का किया जा सकता है कि आपका ऐप्लिकेशन, एजेंट के साथ काम करने के लिए बने मॉडर्न स्टैंडर्ड के हिसाब से बनाया गया हो. ज़्यादा जानने के लिए, मॉडर्न वेब गाइडेंस
का दस्तावेज़ देखें.
एजेंट के लिए Chrome DevTools की मदद से, अपनी वेबसाइट को टेस्ट करना और डीबग करना
एजेंट के लिए Chrome DevTools , डीप डीबग करने और बार-बार डेवलपमेंट करने के लिए, टेस्टिंग का एक यूनीक तरीका उपलब्ध कराता है. इससे, एआई की मदद से काम करने वाले अपने आईडीई या कोडिंग एजेंट को ब्राउज़िंग एजेंट में बदला जा सकता है. इससे आपको ज़्यादा कंट्रोल मिलता है.
एजेंट के लिए DevTools की मदद से, ये काम किए जा सकते हैं:
- एजेंट के इंटरैक्शन को सिम्युलेट करना: एजेंट के सटीक चरणों को सिम्युलेट किया जा सकता है. इससे, गड़बड़ियों को फिर से बनाने और यह पुष्टि करने के लिए कि आपकी वेबसाइट के फ़्लो पक्के तौर पर काम करते हैं, "उपयोगकर्ता" (या एजेंट) की भूमिका निभाई जा सकती है.
- Lighthouse को सीधे तौर पर शुरू करना: आपका टेस्टिंग एनवायरमेंट, ऐक्टिव टैब पर
lighthouse_auditटूल को सीधे तौर पर शुरू कर सकता है. इससे, पेज की मौजूदा स्थिति के आधार पर, कई कैटगरी के लिए तुरंत हेल्थ चेक किया जा सकता है. इससे, एजेंटिक ब्राउज़िंग के स्टैंडर्ड के हिसाब से, गड़बड़ियों को ठीक करने की पुष्टि की जा सकती है. - स्क्रीनकास्ट करना और डीबग करना: यह टूल, लॉगिंग और स्क्रीनकास्ट की पूरी जानकारी देता है. इससे यह देखा जा सकता है कि एजेंट, पेज को कैसे समझता है और उससे कैसे इंटरैक्ट करता है. इससे, मशीन-रीडेबल कुछ सिग्नल दिखते हैं. जैसे, सुलभता ट्री. इससे एजेंट भ्रमित हो सकता है.
इससे, डिप्लॉयमेंट से पहले, गैर-मानवीय उपयोगकर्ताओं के लिए बेहतर अनुभव पक्का करने में मदद मिलती है.
एजेंट के लिए Chrome DevTools की क्षमताओं और कॉन्फ़िगरेशन के बारे में ज़्यादा जानने के लिए, हमारा GitHub रिपॉज़िटरी देखें.
एजेंट के लिए Chrome DevTools का यह कॉन्फ़िगरेशन (~/.gemini/config/mcp_config.json for AntigravityCLI या Antigravity में कॉन्फ़िगर किया गया), Chrome कैनरी से कनेक्ट होता है.
{
"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/ पर जाएं और मेरे लिए 10 मशरूम और दो शिमला मिर्च वाला पिज़्ज़ा बनाएं. साथ ही, मुझे यह भी बताएं कि आपने क्या किया और किन टूल का इस्तेमाल किया."
एजेंटिक-रेडीनेस Lighthouse ऑडिट करने के लिए, एजेंट के लिए DevTools का भी इस्तेमाल किया जा सकता है:
"मुझे Chrome DevTools MCP का इस्तेमाल करके, https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname पर एजेंटिक Lighthouse ऑडिट करना है. मुझे पूरी जानकारी दें."
आगे क्या करना है
योगदान देने और चर्चा में शामिल होने के लिए, Lighthouse की आधिकारिक रिपॉज़िटरी देखें.
WebMCP के बारे में ज़्यादा जानने के लिए, WebMCP का दस्तावेज़ देखें. मॉडर्न वेब गाइडेंस के बारे में ज़्यादा जानने के लिए, मॉडर्न वेब गाइडेंस का दस्तावेज़ देखें. जनरेटिव एआई के लिए अपनी वेबसाइट को ऑप्टिमाइज़ करने के बारे में ज़्यादा जानने के लिए, Google Search पर जनरेटिव एआई की सुविधाओं के लिए अपनी वेबसाइट को ऑप्टिमाइज़ करना लेख पढ़ें.