पेज एक्सपीरियंस अब Google में एक महत्वपूर्ण रैंकिंग फेक्टर (ranking factor in Google) है। कोर वेब विटल्स (Core Web Vitals), मेट्रिक्स का एक सेट जिसका उपयोग यह आपकी साइट के लिए पेज एक्सपीरियंस रिपोर्ट बनाने के लिए करता है, उपयोगकर्ताओं के लिए पेज एक्सपीरियंस के संदर्भ में सर्च इंजन दिग्गज को स्वीकार्य मानने वाले प्रमुख घटक हैं।
Google पहले से ही परफारमेंस से संबंधित कुछ रैंकिंग फेक्टर का उपयोग करता है। उनमें पेज स्पीड, बाउंस रेट, पेज रेस्पोंस और बहुत कुछ शामिल हैं। इसका मतलब है कि आपके पास पहले से ही ऐसे सिस्टम होने चाहिए जो SEO के इस पहलू के लिए आपकी साइट को ऑप्टिमाइज़ करें।
कोर वेब विटल्स (Core Web Vitals) और पेज एक्सपीरियंस के लिए Google के अन्य मेट्रिक्स प्रदर्शन के अतिरिक्त क्षेत्र हैं जिन पर आपको ध्यान देने की आवश्यकता है।
इस पोस्ट में, हम कोर वेब विटल्स को गहराई से कवर करने जा रहे हैं। इसके बाद हम प्रथम और तृतीय-पक्ष टूल पर जाएंगे जिनका उपयोग आप उनका परीक्षण करने के साथ-साथ अपने स्कोर को अनुकूलित करने के तरीके के लिए कर सकते हैं।
कोर वेब विटल्स क्या हैं? What are Core Web Vitals?
हम पहले ही मूल परिभाषा को कवर कर चुके हैं कि प्रमुख वेब अनिवार्यताएं क्या हैं। वे मेट्रिक्स का एक सेट हैं जो Google यह निर्धारित करने के लिए उपयोग करता है कि पेज एक्सपीरियंस के मामले में एक विशिष्ट यूआरएल (लैंडिंग पेज, ब्लॉग पोस्ट इत्यादि) कितना अच्छा परफारमेंस करता है। इसके बाद यह अपने निष्कर्षों का उपयोग यह निर्धारित करने के लिए करेगा कि आपका पृष्ठ लक्षित (page ranks) खोजशब्दों (keywords) के लिए कितनी अच्छी तरह रैंक करता है।
निष्पक्ष होने के लिए, पेज एक्सपीरियंस पर विचार करने से पहले Google अन्य फेक्टर पर विचार करेगा। यह आपके पेज को प्रतिस्पर्धी पेजों से अलग करने में उनकी मदद करने के लिए सिर्फ एक और रैंकिंग फेक्टर है।
From their own documentation on the subject…
“हालांकि पृष्ठ अनुभव महत्वपूर्ण है, फिर भी Google समग्र रूप से सर्वोत्तम जानकारी वाले पृष्ठों को रैंक करना चाहता है, भले ही पृष्ठ अनुभव खराब हो। शानदार पेज अनुभव, शानदार पेज सामग्री को ओवरराइड नहीं करता है। हालांकि, ऐसे मामलों में जहां कई पृष्ठ हैं जो प्रासंगिकता में समान हो सकते हैं, खोज में दृश्यता के लिए पृष्ठ अनुभव अधिक महत्वपूर्ण हो सकता है।
Must Read: What are the top 10 coldest city on earth?
इसके बारे में सोचें जैसे आइवी लीग स्कूल जैसे हार्वर्ड और येल आवेदकों के बीच अंतर करते हैं। योग्यता पर विचार करना पर्याप्त नहीं है – प्रत्येक स्कूल की शॉर्टलिस्ट पर प्रत्येक छात्र के पास अपने साथियों के बीच उच्चतम ग्रेड और टेस्ट स्कोर हैं।
आवेदकों के बीच अंतर करने के लिए, ये स्कूल उन उपलब्धियों को उजागर करने के लिए गहरी खोज करते हैं जो आवेदकों ने नौवीं कक्षा (12-ग्रेड स्कूल सिस्टम के माध्यम से किंडरगार्टन में) के रूप में हासिल की हैं, चाहे वे स्वयंसेवक हों या नहीं, उनकी कक्षाएं कितनी चुनौतीपूर्ण थीं, आदि।
इसलिए, खोज के एक समुद्र में जहां प्रत्येक पृष्ठ उसी कीवर्ड को लक्षित कर रहा है जिसे आप लक्षित कर रहे हैं, उसी उपयोगकर्ता मूल्य मीट्रिक को हर किसी के रूप में हिट करता है, पृष्ठ अनुभव (और निश्चित रूप से अन्य रैंकिंग कारक) निर्णायक कारक हो सकता है जो आपके पृष्ठ को आगे रखता है अन्य।
अधिक विशिष्ट होने के लिए, कोर वेब विटल्स आपकी साइट को गति, प्रतिक्रियात्मकता और दृश्य स्थिरता पर ग्रेड देते हैं। पृष्ठ अनुभव के मामले में आपकी साइट की स्थिति निर्धारित करने में आपकी सहायता के लिए उन्हें तीन रिपोर्ट में विभाजित किया गया है:
- Largest Contentful Paint (LCP) – measures loading performance (लोडिंग परफारमेंस को मापता है)
- First Input Delay (FID) – measures interactivity (अन्तरक्रियाशीलता को मापता है)
- Cumulative Layout Shift (CLS) – measures visual stability (दृश्य स्थिरता को मापता है)
Let’s dive deeper into each one: आइए प्रत्येक के बारे में गहराई जाने।
Largest Contentful Paint (LCP): लार्जेस्ट कंटेंटफुल पेंट
LCP पेज लोडिंग परफारमेंस को मापता है, लेकिन Google के स्वामित्व वाले कुछ उपकरणों सहित पहले से ही उपकरण हैं, जो पेज स्पीड को मापते हैं, तो “लोडिंग परफारमेंस” का वास्तव में क्या मतलब है?
अधिक विशिष्ट होने के लिए, यह मीट्रिक किसी पृष्ठ के व्यूपोर्ट के भीतर मुख्य सामग्री के लिए रेंडर समय को रिकॉर्ड करता है, इस आधार पर कि सामग्री पूरी तरह से रेंडर होने पर पेज पहली बार लोड होना शुरू होता है।
“मेन कंटेंट” में व्यूपोर्ट के भीतर दिखाई देने वाली सबसे बड़ी छवि या टेक्स्ट का ब्लॉक शामिल है। यह विशिष्ट रूप से नायक छवि है जो कई लैंडिंग पेज और ब्लॉग पोस्टों की तह के ऊपर प्रदर्शित होती है।
व्यूपोर्ट के भीतर दिखाई देने वाली सामग्री के केवल भाग ही उसके आकार की ओर गिने जाते हैं। इसका अर्थ है कि यदि आपकी हीरो इमेज तह के नीचे फैली हुई है, तो LCP मीट्रिक केवल उस हिस्से के लिए रेंडर समय रिकॉर्ड करेगी जो व्यूपोर्ट के भीतर दिखाई दे रहा है।
Here’s a fuller list of elements Google considers for this metric: Google इस मीट्रिक के लिए जिन तत्वों पर विचार करता है, उनकी पूरी सूची यहां दी गई है:
- Images – इसमें टैग का उपयोग करने वाली छवियां और टैग के अंदर टैग का उपयोग करने वाली छवियां शामिल हैं।
- Videos – वे वीडियो जो <video> टैग का इस्तेमाल करती है.
- Background Images – विशेष रूप से, जो url() फ़ंक्शन का उपयोग करते हैं।
- Text – ब्लॉक-लेवल और इनलाइन-लेवल एलिमेंट्स में टेक्स्ट नोड्स।
Google warns this list may expand as Core Web Vitals initiative grows: Google ने चेताया है कि कोर वेब विटल्स पहल के बढ़ने पर यह सूची विस्तृत हो सकती है।
इस मीट्रिक के लिए Google के पास तीन साधारण ग्रेड हैं जो सामग्री के प्रारंभिक भाग को प्रस्तुत करने में लगने वाले समय के आधार पर हैं:
- Good – 2.5 सेकंड के अंदर रेंडर करता है
- Needs Improvement – 4.0 सेकंड के अंदर रेंडर करता है
- Poor – रेंडर करने में 4.0 सेकंड से अधिक समय लगता है
सीधे शब्दों में कहें तो आपका लक्ष्य उस 2.5 सेकंड के निशान या उससे कम को हिट करना है।
Why is the LCP metric necessary?- LCP मीट्रिक क्यों आवश्यक है?
जब आप पूरी तरह से भरे हुए वेब पेज का चित्र बनाते हैं तो आप क्या सोचते हैं? यह शायद पृष्ठ की स्प्लैश स्क्रीन या लोडिंग बार नहीं है, है ना?
Google द्वारा उपयोग किए जाने वाले अन्य प्रकार के मेट्रिक्स के साथ यह एक बड़ी समस्या थी और डेवलपर्स को पृष्ठ के प्रदर्शन को निर्धारित करने के लिए उपयोग करने के लिए कहा जाता था और यह उपयोगकर्ताओं के लिए कितनी अच्छी तरह लोड होता था। ये उपकरण पृष्ठ के उन हिस्सों के आधार पर प्रदर्शन की रिपोर्ट नहीं करते हैं जिनका उपयोगकर्ता वास्तव में उपयोग कर सकते हैं।
फर्स्ट कंटेंटफुल पेंट (FCP), जिसका आप अभी भी परीक्षण कर सकते हैं, केवल लोडिंग अनुभव के प्रारंभिक चरण को रिकॉर्ड करता है। इसलिए, यदि किसी वेब पेज में स्प्लैश स्क्रीन होती है, इससे पहले कि वह वास्तविक सामग्री उपयोगकर्ताओं को पढ़ने और बातचीत करने के लिए होती है, तो रिपोर्ट केवल इस बात पर आधारित होती है कि प्रारंभिक स्प्लैश स्क्रीन को प्रस्तुत करने में कितना समय लगता है।
Google ने यह निर्धारित करने में आपकी सहायता के लिए अतिरिक्त टूल जारी किए हैं कि लोडिंग अनुभव के पहले चरण के बाद कोई पृष्ठ वास्तव में कितनी अच्छी तरह लोड होता है। आप अभी भी Chrome DevTools ऐप लाइटहाउस में ये मेट्रिक्स, फर्स्ट मीनफुल पेंट (FMP) और स्पीड इंडेक्स (SI) पा सकते हैं। हालाँकि, Google ने महसूस किया कि ये मेट्रिक्स बहुत जटिल थे और समय बीतने के साथ अक्सर गलत होते थे, और एक नई पहल आवश्यक थी।
अभी तक, एलसीपी मीट्रिक पृष्ठ के लोडिंग प्रदर्शन को निर्धारित करने का सबसे सटीक तरीका है।
Must Read: Most Successful Small Business 2023: Small Business Ideas 2023
First Input Delay (FID): फर्स्ट इनपुट डिले (FID)
FID मीट्रिक उस समय के बीच के समय को मापता है जब कोई उपयोगकर्ता पहली बार आपके पृष्ठ के साथ इंटरैक्ट करता है जब ब्राउज़र उस इंटरैक्शन को संसाधित करना शुरू करता है।
यह इनपुट क्रियाओं पर ध्यान केंद्रित करता है, जैसे लिंक पर क्लिक करना या बटन को टैप करना। हम उम्मीद करते हैं कि जब हम इस तरह के इंटरेक्शन करते हैं तो वेब पेज तुरंत प्रतिक्रिया देते हैं। इस मीट्रिक के साथ Google की प्राथमिक चिंता यही है। यह एल्गोरिदम को एक वेब पेज की त्वरित प्रतिक्रिया देने की क्षमता निर्धारित करने की अनुमति देता है।
आप सोच रहे होंगे कि यह मीट्रिक पहले इंटरैक्शन के बीच के समय को क्यों मापता है और आपकी साइट कितनी तेजी से प्रतिक्रिया को संसाधित करना शुरू करती है, बजाय इसके कि आपकी साइट ऐसे इंटरैक्शन के लिए उपयोगकर्ता अनुरोधों को पूरा करने में कितना समय लेती है।
यह वेब पेजों को लोड करने और लिंक पर क्लिक करने जैसी घटनाओं के लिए अनुरोधों को पूरा करने के लिए ब्राउज़र द्वारा उपयोग की जाने वाली प्रक्रिया से संबंधित है। ज्यादातर मामलों में, ब्राउज़र अनुरोधों को पूरा करने के लिए “ईवेंट श्रोताओं” के रूप में जाना जाता है।
इनपुट विलंब तब होता है जब ब्राउज़र और उसके ईवेंट श्रोता आपके अनुरोध करते समय अन्य आइटम लोड करने में व्यस्त होते हैं। उदाहरण के लिए, कई वर्डप्रेस साइटें थीम और प्लगइन्स का उपयोग करती हैं जो अन्य सभी चीजों के साथ-साथ जावास्क्रिप्ट फ़ाइलों को लोड करती हैं। ब्राउज़र इस समय के दौरान आपके अनुरोध को पूरा नहीं कर सकता है, और परिणामस्वरूप इनपुट में देरी होती है।
उपयोगकर्ता के अंत में, जब आप किसी वेब पेज के साथ इंटरैक्ट करते हैं तो इसका प्रतिक्रिया समय धीमा हो जाता है। इससे समय के साथ उच्च उछाल दर हो सकती है, फिर बाद में रैंकिंग कम हो सकती है।
कुल प्रतिसाद समय के बजाय मीट्रिक को इनपुट विलंब तक सीमित करके, आप सटीक रूप से इंगित कर सकते हैं कि उस विलंब समय को बेहतर बनाने के लिए आपको कौन-सी JavaScript और अन्य फ़ाइल प्रकारों को अनुकूलित करने की आवश्यकता है.
इस मीट्रिक के लिए Google के ग्रेड इस आधार पर दिए गए हैं कि व्यक्तिगत उपयोगकर्ता इंटरैक्शन के बाद अनुरोध को संसाधित करने में ब्राउज़र को कितना समय लगता है:
- Good – 100 एमएस के तहत
- Needs Improvement – 300 एमएस के तहत
- Poor – 300 से अधिक एमएस
Cumulative Layout Shift (CLS): कमुलेतिव लेआउट शिफ़्ट (सीएलएस)
सीएलएस मीट्रिक “दृश्य स्थिरता” को मापता है, लेकिन इसका वास्तव में क्या मतलब है?
क्या आपने कभी किसी वेब पेज पर एक पैराग्राफ पढ़ने की कोशिश की है, जबकि यह अभी भी लोड हो रहा था, केवल पृष्ठ अचानक अचानक उछल गया, जिससे आप अपना स्थान खो बैठे? इससे भी बदतर, क्या आपने कभी पृष्ठ लोड होने के दौरान किसी लिंक या बटन पर क्लिक करने का प्रयास किया है, जब पृष्ठ फिर से कूदता है तो केवल कुछ और क्लिक करने के लिए?
यह समस्या कई अलग-अलग कारकों से उत्पन्न हो सकती है, जिसमें एसिंक्रोनस रूप से संसाधन लोड करना, एक छवि या वीडियो शामिल है, जिसके आयाम केवल तभी प्रकट होते हैं जब तत्व पूरी तरह से लोड होता है, डिफ़ॉल्ट फ़ॉन्ट जो उनके पूर्ण रूप से प्रस्तुत किए गए समकक्षों की तुलना में छोटे या बड़े होते हैं, तृतीय-पक्ष विज्ञापनों का आकार बदलना संक्रमण के दौरान खुद को गतिशील रूप से, और बहुत कुछ।
डेवलपर इन समस्याओं के समाधान और ऑप्टिमाइज़ेशन तब तक लागू कर सकते हैं, जब तक वे इनके बारे में जानते हैं. एकमात्र समस्या यह तथ्य है कि विकास प्रक्रिया के दौरान इन मुद्दों को खोजना लगभग असंभव हो सकता है।
आपकी साइट का उत्पादन संस्करण, विशेष रूप से आपके आगंतुक जिस संस्करण का उपयोग करते हैं, वह बिल्कुल आपकी साइट के स्थानीय या स्टेजिंग संस्करण के समान प्रदर्शन नहीं करता है।
सीएलएस मीट्रिक आपको उन मुद्दों को इंगित करने में मदद करता है जो कम दृश्य स्थिरता स्कोर का कारण बन सकते हैं।
Here’s Google’s grading system for this metric to be more specific: इस मीट्रिक को अधिक विशिष्ट बनाने के लिए यहां Google की ग्रेडिंग प्रणाली दी गई है
- Good – 0.1 से कम
- Needs Improvement – 0.25 से कम
- Poor – 0.25 से अधिक
Additional Components of Google’s Page Experience Signals: Google के पृष्ठ अनुभव सिग्नल के अतिरिक्त घटक
कोर वेब विटल्स “पृष्ठ अनुभव संकेत” नामक मेट्रिक्स के एक नए सेट के लिए Google की पहल का आधा हिस्सा हैं। तीन अतिरिक्त घटक हैं जो इन संकेतों को बनाते हैं, और Google का कहना है कि यह भविष्य में और अधिक जोड़ सकता है और अपने वर्तमान संकेतों को विकसित कर सकता है।
मोबाइल फ्रेंडली और HTTPS इनमें से दो घटक हैं। वे यह निर्धारित करते हैं कि आपकी साइट मोबाइल उपकरणों पर कितना अच्छा प्रदर्शन करती है और यह भी कि आपके पृष्ठ सुरक्षित कनेक्शन पर चलते हैं या नहीं।
अंतिम संकेत, जिसे “no intrusive interstitials” कहा जाता है, यह मापता है कि आपकी सामग्री उपयोगकर्ताओं के लिए, विशेष रूप से मोबाइल उपकरणों पर कितनी सुलभ है। यह मीट्रिक मुख्य रूप से निर्धारित करता है कि आपकी साइट पर पॉप-अप उपयोगकर्ताओं को सामग्री तक पहुँचने से रोकते हैं या नहीं।
इनमें व्यूपोर्ट को कवर करने वाले पॉप-अप, विज़िटर के आपकी साइट पर आते ही दिखाई देने वाले पॉप-अप और बड़े स्वागत मैट शामिल हैं।
यह मीट्रिक सबसे अधिक मार्केटिंग पॉप-अप के लिए दिखता है। आपकी कुकी नीति, आयु सत्यापन, और छोटे पॉप-अप और बैनर के लिए पॉप-अप को इन नियमों से बाहर रखा जाना चाहिए।
How to Find Your Scores Core Web Vitals: अपने स्कोर कोर वेब विटल्स का पता कैसे लगाएं
Google ने विशेष रूप से आपकी साइट की कोर वेब विटल्स रिपोर्ट के लिए गूगल सर्च कंसोल (Google Search Console) में एक नया अनुभाग जोड़ा है। दुर्भाग्य से, यदि आपने कभी गूगल सर्च कंसोल का उपयोग नहीं किया है, तो आपकी साइट के लिए रिपोर्ट तैयार करने के लिए टूल को 90 दिनों के डेटा की आवश्यकता होती है।
You can also use Google Search Console to test your site for other page experience signals.
Google’s Chrome User Experience Report and PageSpeed Insights also provide reports on each of the Core Web Vital metrics: Google की क्रोम यूजर एक्सपीरियंस रिपोर्ट और पेजस्पीड इनसाइट्स प्रत्येक कोर वेब वाइटल मेट्रिक्स पर रिपोर्ट भी प्रदान करते हैं।
PageSpeed Insights आपकी रिपोर्ट को भी विभाजित कर देगा और आपको बताएगा कि कौन सी अलग-अलग स्क्रिप्ट प्रत्येक मीट्रिक के लिए समस्याएं पैदा कर रही हैं। आपको उन्हें अनुकूलित करने के तरीके के बारे में संक्षिप्त सुझाव भी मिलेंगे।
Using MonsterInsights: मॉन्स्टरइनसाइट्स का उपयोग करना
मॉन्स्टरइनसाइट्स के प्लेटफॉर्म में एक अंतर्निहित टूल है जो आपको अपनी साइट की स्पीड रिपोर्ट देखने में सक्षम बनाता है।
आपको मोबाइल और डेस्कटॉप के लिए अलग-अलग समग्र स्कोर के साथ-साथ सर्वर रिस्पांस टाइम, फर्स्ट कंटेंटफुल पेंट (FCP), इंटरेक्टिव के लिए समय और टोटल ब्लॉकिंग टाइम के लिए विशिष्ट स्कोर प्राप्त होंगे।
टूल उन अनुकूलनों का सुझाव भी देता है जो आपके स्कोर को बेहतर बनाने में मदद कर सकते हैं, लेकिन यह पेजस्पीड इनसाइट्स की तरह विशिष्ट समस्याग्रस्त स्क्रिप्ट को इंगित नहीं करता है।
हालाँकि, मॉन्स्टरइनसाइट्स के लिए प्लस प्लान आपको अपनी साइट को Google Analytics के साथ एकीकृत करके वर्डप्रेस डैशबोर्ड से वेब ट्रैफ़िक की निगरानी करने की अनुमति देता है। यह योजना निम्नलिखित विशेषताओं के साथ भी आती है:
- असीमित पृष्ठदृश्यों और उपयोगकर्ताओं को ट्रैक करें
- रीयलटाइम एनालिटिक्स
- तारीख की पूरी अवधि का इतिहास
- एक प्रकाशक रिपोर्ट जो आपकी साइट की सबसे लोकप्रिय पोस्ट, शीर्ष सहबद्ध लिंक, सबसे लोकप्रिय आउटबाउंड लिंक, स्क्रॉल गहराई पर आंकड़े, आपके आगंतुकों की रुचि वाले विषय और बहुत कुछ बताती है
- यूनिवर्सल एनालिटिक्स, स्क्रॉल, स्वचालित ईवेंट और अधिक के लिए ट्रैकिंग टूल
- टूल जो ब्लॉग पोस्ट के लिए शीर्षकों का विश्लेषण करते हैं, सोशल मीडिया, विज्ञापनों और अन्य प्लेटफॉर्म पर लिंक के प्रदर्शन को ट्रैक करते हैं, और आपकी साइट पर आपकी सबसे लोकप्रिय पोस्ट दिखाने के 20 से अधिक विभिन्न तरीके
- ईमेल सारांश और पीडीएफ रिपोर्ट
प्लस योजना की लागत $199 वार्षिक है, लेकिन मॉन्स्टरइनसाइट्स अक्सर $99.50 के लिए आधी-अधूरी छूट प्रदान करता है। प्लगइन की एक सीमित मुफ्त योजना भी है, हालांकि इसमें साइट स्पीड रिपोर्ट शामिल नहीं है।
अंतिम विचार: Final Thoughts
कोर वेब विटल्स और अन्य पृष्ठ अनुभव संकेत रैंकिंग कारकों के रूप में डराने वाले लग सकते हैं, लेकिन कुछ साइट स्पीड ऑप्टिमाइज़ेशन जो आप पहले से ही उपयोग कर सकते हैं, आपको मिलने वाले अधिकांश अलर्ट का ध्यान रखना चाहिए।
चूँकि सामान्य रूप से साइट की गति पहले से ही एक रैंकिंग कारक है, आपको अपनी साइट को एक गुणवत्ता होस्ट के साथ होस्ट करना चाहिए। यदि आपको होस्ट चुनने में सहायता चाहिए तो हमारे होस्टिंग गाइड और समीक्षाएं देखें:
Compress PNG images prior to uploading them or by using a plugin that compresses images as you upload. You should also load images and similar assets from a CDN rather than your own server.
Check out our guide on CDNs for WordPress as well as the best CDN providers for the CMS. Bunny CDN is one of our favorites.
Lastly, you should use a caching plugin if your host doesn’t include caching in their hosting environment. WP Rocket is one of our favorites as it also offers file compression and additional tools for speed and optimization.
Core Web Vitals are now official ranking factors. We highly recommend using tools like PageSpeed Insights and MonsterInsights to determine where your site is struggling and what you need to optimize.
Image Credits:
Background vector created by rawpixel.com – www.freepik.com
image sources
- Core Web Vitals – Page Experience Signals: Google
- Core Web Vitals – Largest Contentful Paint: Google
- Core Web Vitals – First Input Delay: Google
- Core Web Vitals – Cumulative Layout Shift: Google
- Google Search Console – Page Experience Report: Google
- MonsterInsights – Site Speed Report: MonsterInsights
- MonsterInsights – First Contentful Paint: MonsterInsights
- MonsterInsights Dashboard: MonsterInsights