पब्लिश किया गया: 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 पर जनरेटिव एआई की सुविधाओं के लिए अपनी वेबसाइट को ऑप्टिमाइज़ करना लेख पढ़ें.