एआई एजेंट की मदद से, Lighthouse ऑडिट को ऑटोमेट करना

एजेंट के लिए, 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 ऑडिट को ट्रिगर करता है. यह नतीजों का विश्लेषण करता है. जैसे, रंग के कंट्रास्ट का सही न होना या एआरआईए लेबल का न होना. साथ ही, कोड में किए जाने वाले खास बदलावों के बारे में सुझाव देता है.

सर्च नतीजों में दिखने के लिए, एसईओ का ऑडिट करना

डेवलपमेंट साइकल में, तकनीकी एसईओ की ज़रूरी शर्तें अक्सर बहुत देर से पता चलती हैं. साइट बनाते समय, अपने एजेंट से तकनीकी ब्लॉकर ढूंढने और उन्हें ठीक करने के लिए कहा जा सकता है.

प्रॉम्प्ट का उदाहरण:

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 ऑडिट करता है. साथ ही, ऐसे बदलावों का सुझाव देता है जिनसे अलग-अलग ऑडिट के स्कोर बेहतर हो सकते हैं. अगर आपके एजेंट को सोर्स कोड के बारे में पूरी जानकारी है, तो वह सीधे तौर पर, गड़बड़ियों को ठीक करने के सुझाव दे सकता है. अगर उसके पास सही कॉन्टेक्स्ट का ऐक्सेस है, तो वह सर्वर कॉन्फ़िगरेशन या अन्य बैकएंड कॉन्फ़िगरेशन को बेहतर बनाने के तरीके के बारे में भी सुझाव दे सकता है.