एजेंट के लिए Chrome DevTools में मौजूद Lighthouse की मदद से, कोडिंग एजेंट वेबसाइट की क्वालिटी का आकलन कर सकता है. इसके लिए, वह सुलभता, एसईओ, सबसे सही तरीकों, और एजेंटिक ब्राउज़िंग के लिए लाइव हेल्थ चेक करता है.
एजेंटिक वर्कफ़्लो में, आपका कोडिंग एजेंट Lighthouse ऑडिट का इस्तेमाल करके, रैंडम तरीके से आपके कोडबेस में सामान्य सुधार करने के बजाय, रनटाइम से जुड़ी खास समस्याओं की पहचान करता है.
यह सुविधा, आपके एजेंट के कॉन्टेक्स्ट में सीधे तौर पर काम की सलाह देती है. इससे आपका कोडिंग एजेंट, आपके कोडबेस में की गई सामान्य खोजों की तुलना में ज़्यादा सटीक तरीके से गड़बड़ियों का पता लगा सकता है और उन्हें ठीक कर सकता है.
Lighthouse ऑडिट में इन मुख्य कैटगरी पर फ़ोकस किया जाता है:
- सुलभता (a11y): इससे यह पक्का किया जाता है कि आपकी साइट का इस्तेमाल सभी लोग कर सकें. इसमें स्क्रीन रीडर का इस्तेमाल करने वाले लोग भी शामिल हैं.
- SEO: यह तकनीकी जांच करता है, ताकि यह पक्का किया जा सके कि सर्च इंजन आपके कॉन्टेंट को ढूंढ सकें और उसे समझ सकें.
- सबसे सही तरीके: पुष्टि करें कि आपकी साइट, आधुनिक वेब डेवलपमेंट के मानकों का पालन करती हो.
- एजेंटिक ब्राउज़िंग: मेज़र करें कि एआई असिस्टेंट, आपकी वेबसाइट को कितना समझ सकते हैं और उससे इंटरैक्ट कर सकते हैं.
Lighthouse का इस्तेमाल करते समय, इन बातों का ध्यान रखें:
- लोकल और स्टेजिंग सपोर्ट: आपका एजेंट, Chrome में दिखने वाले किसी भी पेज की ऑडिट कर सकता है. इनमें लोकल डेवलपमेंट सर्वर और
file://प्रोटोकॉल के ज़रिए ऐक्सेस की गई लोकल एचटीएमएल फ़ाइलें शामिल हैं. - ब्राउज़र का व्यवहार: ऑडिट की वजह से, कुछ समय के लिए आपकी व्यू में रुकावट आ सकती है. टूल अलग-अलग डिवाइसों का सिम्युलेशन करता है. इस दौरान, आपको पेज का साइज़ बदलते हुए या पेज को फिर से लोड होते हुए दिख सकता है.
वेबसाइट की क्वालिटी की जांच करना
Lighthouse को अपनी डेवलपमेंट प्रोसेस में इंटिग्रेट करने के लिए, यहां दिए गए वर्कफ़्लो और उदाहरणों का इस्तेमाल करें.
सुलभता की पुष्टि करना
यूज़र इंटरफ़ेस (यूआई) में बदलाव करने पर, एजेंट को यह पुष्टि करने का काम सौंपें कि पेज अब भी ऐक्सेस किया जा सकता है.
प्रॉम्प्ट का उदाहरण:
How can I improve accessibility on this page as measured by Lighthouse?
एजेंट के काम करने का उदाहरण: आपका एजेंट, formFactor को mobile पर सेट करके, Lighthouse ऑडिट को ट्रिगर करता है. यह नतीजों का विश्लेषण करता है. जैसे, रंग के कंट्रास्ट का सही न होना या ARIA लेबल मौजूद न होना. साथ ही, कोड से जुड़ी समस्याओं को ठीक करने के सुझाव देता है.
खोज के नतीजों में दिखने की स्थिति के लिए एसईओ का ऑडिट करना
तकनीकी एसईओ से जुड़ी ज़रूरी शर्तों के बारे में, अक्सर डेवलपमेंट साइकल के आखिर में पता चलता है. बिल्ड करते समय, अपने एजेंट से तकनीकी समस्याओं का पता लगाने और उन्हें ठीक करने के लिए कहा जा सकता है.
प्रॉम्प्ट का उदाहरण:
According to Lighthouse audit, how can I improve this page for better discoverability in search?
एजेंट के काम करने का उदाहरण: आपका एजेंट एसईओ ऑडिट करता है और मेटा टैग, कैननिकल लिंक या जानकारी देने वाले टेक्स्ट की पहचान करता है. इसके बाद, यह ऑडिट में फ़ेल होने की समस्या को ठीक करने के लिए, सोर्स कोड को अपडेट करने का सुझाव दे सकता है.
सबसे सही तरीकों की पुष्टि करना
पक्का करें कि आपका लोकल सर्वर या स्टेजिंग साइट, सुरक्षा और तकनीकी तौर पर सबसे सही तरीकों का पालन करती हो.
प्रॉम्प्ट का उदाहरण:
Does my site follow best practices as measured by Lighthouse?
एजेंट के काम करने का उदाहरण: आपका एजेंट, एचटीटीपीएस के इस्तेमाल, कंसोल की गड़बड़ियों, और Lighthouse की ओर से रिपोर्ट किए गए एपीआई कॉल जैसे तकनीकी पहलुओं की समीक्षा करता है.
साइट को बेहतर बनाने से जुड़ी सामान्य जानकारी
इससे अपनी साइट के पूरे Lighthouse ऑडिट किए जा सकते हैं. साथ ही, डेवलपमेंट के शुरुआती चरणों में, सुधार के लिए उपलब्ध क्षेत्रों की पहचान की जा सकती है.
प्रॉम्प्ट का उदाहरण:
Run a full Lighthouse audit of my site, in mobile and desktop, and suggest improvement areas and possible fixes for any problems you find.
एजेंट के काम करने का उदाहरण: आपका एजेंट, मोबाइल और डेस्कटॉप, दोनों पर आपकी साइट का पूरा Lighthouse ऑडिट करता है. साथ ही, ऐसे बदलावों का सुझाव देता है जिनसे अलग-अलग ऑडिट के स्कोर बेहतर हो सकते हैं. अगर आपके एजेंट को सोर्स कोड के बारे में पूरी जानकारी है, तो वह सीधे तौर पर फ़िक्स करने के सुझाव दे सकता है. अगर इसके पास सही कॉन्टेक्स्ट का ऐक्सेस है, तो यह सर्वर कॉन्फ़िगरेशन या अन्य बैकएंड कॉन्फ़िगरेशन को बेहतर बनाने का तरीका भी सुझा सकता है.