Google प्रतिपादन और SEO पर प्रभाव की व्याख्या करता है

Google के मार्टिन स्प्लिट ने वेब पेज रेंडरिंग के बारे में एक वेबिनार में भाग लिया और यह SEO को कैसे प्रभावित करता है। रेंडरिंग तब होता है जब कोई ब्राउज़र वेब पेज का अनुरोध करता है, यह कोर वेब विटल्स स्कोर का एक महत्वपूर्ण हिस्सा है। इसे समझने से कुछ रहस्यों को कोर वेब विटल्स से बाहर निकालने में मदद मिलती है।

वेब पेज रेंडरिंग

वेब पेज रेंडरिंग वह है जो ब्राउज़र और वेब पेज के बीच होता है, वेब पेज बनाने की प्रक्रिया। एक कुशल रेंडरिंग प्रक्रिया के परिणामस्वरूप उच्च कोर वेब विटल्स स्कोर प्राप्त होते हैं।

कम कुशल प्रतिपादन बिक्री, विज्ञापन आय और यहां तक ​​कि वेब पेज क्रॉलिंग को कुछ हद तक प्रभावित कर सकता है।

Google के मार्टिन स्प्लिट को यह परिभाषित करने के लिए कहा गया था कि प्रतिपादन क्या है।

मार्टिन स्प्लिट का स्क्रीनशॉट रेंडरिंग समझाते हुए

Google का मार्टिन स्प्लिट वेब पेज रेंडरिंग की व्याख्या करता है

मार्टिन ने एक नुस्खा से खाना पकाने और एक वेब पेज बनाने के बीच समानता के साथ जवाब दिया।

विज्ञापन

नीचे पढ़ना जारी रखें

HTML का मतलब हाइपरटेक्स्ट मार्कअप लैंग्वेज है। यह दस्तावेज़ बनाने का एक प्रारूप है जिसे रेंडरिंग प्रक्रिया के माध्यम से ब्राउज़र के साथ एक्सेस किया जा सकता है।

मार्टिन स्प्लिट ने प्रतिपादन की व्याख्या की:

“यदि आप एक नुस्खा के रूप में HTML के बारे में सोचते हैं, और आपके पास वहां सभी सामग्रियां हैं:

आपके पास टेक्स्ट का एक गुच्छा है

आपके पास छवियों का एक गुच्छा है

आपके पास सामान का एक गुच्छा है

लेकिन आपके पास वास्तव में यह नुस्खा में नहीं है। नुस्खा कागज का एक टुकड़ा है जिसमें इन सभी निर्देशों के साथ एक चीज़ कैसे बनाई जाती है। ”

मार्टिन की व्याख्या का पहला भाग यह है कि HTML एक नुस्खा की तरह है, निर्देश। पाठ और चित्र वे चीजें हैं जिनका उपयोग तैयार भोजन बनाने के लिए किया जाता है, जो कि वेब पेज है।

मार्टिन ने वास्तविक भौतिक अवयवों के साथ वेब पेज संसाधनों की तुलना करके सादृश्य जारी रखा:

“अब, एक वेबसाइट के संसाधन सामग्री हैं, जैसे कि सीएसएस, जावास्क्रिप्ट फाइलें और साथ ही चित्र, वीडियो, वह सब सामान जो आप वास्तव में पेज को वैसा ही दिखने के लिए लोड करते हैं जैसा वह बाद में दिखता है।

और जिस वेबसाइट को आप जानते हैं और अपने ब्राउज़र में उपयोग करते हैं, वह आपके ब्राउज़र में दिखाई देती है, वही अंतिम डिश है।”

विज्ञापन

नीचे पढ़ना जारी रखें

जेसन बर्नार्ड का स्क्रीनशॉट

जेसन बरनार्ड Google के मार्टिन स्प्लिट को सुन रहे हैं

प्रतिपादन खाना पकाने की प्रक्रिया की तरह है

इसके बाद मार्टिन ने प्रतिपादन की तुलना सामग्री (छवियों, सीएसएस, आदि जैसे संसाधन) और खाना पकाने की वास्तविक प्रक्रिया से की।

उसने जारी रखा:

“और प्रतिपादन बहुत ज्यादा खाना पकाने या उस की तैयारी प्रक्रिया है।”

Googlebot क्रॉलिंग और रेंडरिंग

अगला मार्टिन समझाता है कि Googlebot के लिए प्रतिपादन क्या है।

मार्टिन ने Googlebot और प्रतिपादन की व्याख्या की:

“तो मूल रूप से रेंगना सिर्फ व्यंजनों की एक बड़ी किताब में जाता है और बस एक नुस्खा के साथ एक पृष्ठ निकालता है और इसे हमारे दायरे में रखता है, हमारी पहुंच, जैसे मूल रूप से हम यहां एक रसोई की मेज पर खड़े हैं … और हम खाना पकाने की प्रतीक्षा करते हैं और रेंगना मूल रूप से हमें सिर्फ एक नुस्खा सौंप देगा।

और फिर प्रतिपादन वह प्रक्रिया है जहाँ, प्रतिपादन जाता है, आह! दिलचस्प! क्रॉलर वहाँ पर, क्या आप मुझे ये दस सामग्री दिला सकते हैं?

और क्रॉलर आसानी से हो जाएगा, हां, मैंने आपको ये दस सामग्रियां दी हैं जिनकी आपको आवश्यकता है।

आपका बहुत बहुत धन्यवाद!

और फिर हम खाना बनाना शुरू करते हैं।

यही प्रतिपादन है।”

वेब पेज असेंबली के लिए HTML को पार्स करना

अगला भाग एक प्रोग्रामिंग शब्द, पार्स का परिचय देता है। पार्सिंग सिर्फ HTML दस्तावेज़ (जावास्क्रिप्ट, सीएसएस, एचटीएमएल तत्व) के सभी हिस्सों को ले रहा है और वेब पेज बनाने के निर्देशों का पालन कर रहा है।

मार्टिन ने प्रतिपादन की अपनी चर्चा जारी रखी:

“तो प्रतिपादन HTML को पार्स करता है।

HTML मूल रूप से, जब यह क्रॉलिंग से आता है, तो टेक्स्ट का एक गुच्छा होता है, आसानी से स्वरूपित होता है लेकिन … टेक्स्ट!

इसे एक दृश्य प्रतिनिधित्व में बनाने के लिए, जो कि वास्तव में वेबसाइट है, हमें इसे प्रस्तुत करने की आवश्यकता है, जिसका अर्थ है कि हमें सभी संसाधनों को लाने की आवश्यकता है, हमें मूल रूप से यह समझने की आवश्यकता है कि पाठ हमें कैसा बताता है:

यहाँ एक हेडर है, ठीक है।

फिर वहाँ एक छवि है और छवि के बगल में पाठ का एक गुच्छा है और फिर छवि के नीचे एक और शीर्षक है, यह एक छोटा शीर्षक है, यह एक निचले स्तर का शीर्षक है … और फिर एक वीडियो है और फिर उस वीडियो के नीचे कुछ और पाठ है और इस पाठ में यहाँ, यहाँ और यहाँ पर जाने वाले तीन लिंक हैं।

और यह सारी असेंबली प्रक्रिया, यह समझना कि यह क्या है और फिर इसे एक दृश्य प्रतिनिधित्व में इकट्ठा करना जिसे आप अपनी ब्राउज़र विंडो में इंटरैक्ट कर सकते हैं, जो कि प्रतिपादन है।

विज्ञापन

नीचे पढ़ना जारी रखें

प्रतिपादन में जावास्क्रिप्ट की भूमिका

वेब पेज को रेंडर करने (बनाने) के लिए कुछ जावास्क्रिप्ट महत्वपूर्ण हैं। एक संपर्क फ़ॉर्म से जुड़ी स्क्रिप्ट की तरह, जावास्क्रिप्ट का एक सा हिस्सा, एक इंटरैक्टिव वेब पेज के प्रारंभिक निर्माण में वास्तव में आवश्यक नहीं है, जिसे एक साइट विज़िटर स्क्रॉल कर सकता है, पढ़ सकता है और नेविगेशन मेनू पर क्लिक कर सकता है।

वेब पेज रेंडरिंग में तेजी लाने के लिए (और कोर वेब वाइटल्स में सुधार) कुछ गैर-महत्वपूर्ण जावास्क्रिप्ट को वेब पेज के लिए आवश्यक नहीं होने पर विलंबित या पूरी तरह से बाहर रखा जा सकता है।

कुछ जावास्क्रिप्ट हैं जो पेज को दृश्यमान और इंटरैक्टिव बनाने के लिए महत्वपूर्ण हैं और कुछ ऐसे हैं जो अभी तक या बिल्कुल भी महत्वपूर्ण नहीं हैं।

मार्टिन ने समझाया:

“और प्रतिपादन के हिस्से के रूप में, पहले चरण में, हम जावास्क्रिप्ट को निष्पादित करते हैं क्योंकि जावास्क्रिप्ट मूल रूप से नुस्खा के भीतर एक नुस्खा होता है।

तो जावास्क्रिप्ट की तरह हो सकता है, अब उन प्याज को काट लें!

तो अब आपके पास कच्चे माल के रूप में प्याज है लेकिन आप प्याज को पूरी तरह से अपने पकवान में नहीं डालते हैं, आप उन्हें काट देते हैं।

और यही जावास्क्रिप्ट के लिए जरूरी है, है ना?

…जावास्क्रिप्ट निष्पादन केवल प्रतिपादन का एक भाग है।”

विज्ञापन

नीचे पढ़ना जारी रखें

Bartosz Goralewicz . का स्क्रीनशॉट

Bartosz Goralewicz . का स्क्रीनशॉट

लेआउट ट्री

मार्टिन आगे लेआउट ट्री के बारे में बात करना शुरू करता है। वह दस्तावेज़ ऑब्जेक्ट मॉडल का संदर्भ दे रहा है, जो वेब पेज के सभी हिस्सों को एक श्रेणीबद्ध प्रतिनिधित्व में व्यवस्थित करता है।

एक वेब पेज के विभिन्न “बिट्स एंड पीस” एक पेड़ की पत्तियों की तरह होते हैं। HTML में वे पत्ते, जिन्हें मार्टिन लेआउट ट्री कहता है, नोड कहलाते हैं।

विज्ञापन

नीचे पढ़ना जारी रखें

मार्टिन लेआउट ट्री की व्याख्या करता है:

“लेकिन तब जब जावास्क्रिप्ट निष्पादन समाप्त हो गया है या यदि कोई जावास्क्रिप्ट निष्पादन नहीं है तो भी ठीक है।

लेकिन फिर क्या होता है कि हम असेंबल कर रहे हैं, जैसे हम इन बिट्स और टुकड़ों का पता लगा रहे हैं और हमें उन्हें पेज पर कैसे असेंबल करना पसंद है और इससे लेआउट ट्री नाम की चीज बनती है।

और लेआउट ट्री हमें बताता है कि चीजें कितनी बड़ी हैं, पेज पर चीजें कहां हैं।

यदि वे दिखाई दे रहे हैं या यदि वे दिखाई नहीं दे रहे हैं, यदि एक चीज दूसरी चीज के पीछे है।

यह जानकारी हमारे लिए भी उतनी ही महत्वपूर्ण है, जितनी कि जावास्क्रिप्ट को क्रियान्वित करने के लिए क्योंकि जावास्क्रिप्ट उस सामग्री को बदल सकता है, हटा सकता है या जोड़ सकता है जो प्रारंभिक HTML में नहीं थी क्योंकि इसे सर्वर द्वारा वितरित किया गया है।

तो यह संक्षेप में प्रतिपादन है।

हमारे पास कुछ HTML से लेकर स्क्रीन पर संभावित रूप से पिक्सेल का एक गुच्छा है। वह प्रतिपादन है। ”

महंगा प्रतिपादन उपयोगकर्ता अनुभव को प्रभावित कर सकता है

मार्टिन आगे ऊर्जा खपत पर जावास्क्रिप्ट के प्रभाव के बारे में उपयोगी अंतर्दृष्टि का परिचय देता है। वह “महंगा” शब्द का उपयोग यह वर्णन करने के लिए करता है कि कुछ जावास्क्रिप्ट समय और ऊर्जा में कितना महंगा हो सकता है।

विज्ञापन

नीचे पढ़ना जारी रखें

उन्होंने उल्लेख किया कि कैसे जावास्क्रिप्ट की तुलना कार्बन डाइऑक्साइड, एक ग्रीनहाउस गैस से की गई है और यह कैसे उपयोगकर्ताओं को प्रभावित करता है और अंततः प्रकाशकों और ईकॉमर्स स्टोर की निचली पंक्ति है।

मार्टिन स्प्लिट महंगे प्रतिपादन की व्याख्या करता है

Google-मार्टिन-स्प्लिट-महंगी-रेंडरिंगमार्टिन महंगे प्रतिपादन के प्रभाव की व्याख्या करता है:

“Google सर्च का इस मामले में वास्तविक दुनिया के उपयोगकर्ता के समान ही संघर्ष है।

क्योंकि, एक वास्तविक दुनिया के उपयोगकर्ता के लिए, भले ही आप एक आधुनिक फोन पर हों और वास्तव में तेज और शानदार और महंगे फोन भी हों, अधिक निष्पादन भी हमेशा, हमेशा, अधिक बिजली की खपत का मतलब है।

बस यही बात है। और …ऐसे लोग हैं जिन्होंने जावास्क्रिप्ट को इंटरनेट का CO2 कहा है और मुझे नहीं लगता कि यह पूरी तरह से गलत है।

…आप इसे जितना महंगा बनाते हैं, यह हमारे लिए उतना ही बुरा होता है।

Google खोज वास्तव में परवाह नहीं करता है। हमें केवल उन संसाधनों में निवेश करना है जिनकी हमें आवश्यकता है और हम यह सुनिश्चित करने के लिए बहुत सारे अनुकूलन करते हैं कि हम जितना संभव हो उतना कम ऊर्जा और समय बर्बाद कर रहे हैं।

लेकिन जाहिर है, अगर आप इसे अनुकूलित कर रहे हैं, तो एक अच्छा और वास्तव में अच्छा साइड इफेक्ट यह है कि आपके उपयोगकर्ता भी खुश होंगे क्योंकि उन्हें कम बैटरी की आवश्यकता होती है, उनका पुराना फोन अभी भी ठीक काम करेगा जो आप वहां डालते हैं और वे सक्षम होंगे अपनी वेब सामग्री का उपभोग करें और शायद आपके प्रतिस्पर्धियों का नहीं क्योंकि आपके प्रतिस्पर्धियों को परवाह नहीं है और वास्तव में कुछ ऐसा उत्पादन करते हैं जो उनके फोन पर उपयोग करने के लिए कम सुविधाजनक है।

तो यह ऐसा कुछ नहीं है जहां आप Google बनाम उपयोगकर्ता अनुभव को गड्ढे में डाल देंगे।

यह एक तरह से एक ही समस्या या एक ही चुनौती की तरह है और हम सभी इसका सामना कर रहे हैं, जिसमें Google खोज भी शामिल है।”

विज्ञापन

नीचे पढ़ना जारी रखें

Google के मार्टिन स्प्लिट का स्क्रीनशॉट

गूगल मार्टिन स्प्लिट

प्रतिपादन के महत्व में अंतर्दृष्टि

कोर वेब विटल्स कुछ हद तक अमूर्त और रहस्यमय हो सकते हैं, खासकर जब तकनीकी विशेषज्ञ दस्तावेज़ ऑब्जेक्ट मॉडल, डोम ट्री और रेंडरिंग के बारे में बात करते हैं।

मार्टिन स्प्लिट की उपमाओं ने उस रहस्य को कोर वेब विटल्स स्कोर को समझने के एक महत्वपूर्ण हिस्से से बाहर निकालने में मदद की, जो कि प्रतिपादन है।

उनकी चर्चा का एक अन्य लाभ महंगे रेंडरिंग की अवधारणा के बारे में जागरूकता पैदा करना है और यह उन साइट विज़िटर को कैसे प्रभावित कर सकता है जिनके फ़ोन पुराने हो सकते हैं और उन्हें पेज रेंडर करने में समस्या हो सकती है। और यह सिर्फ पुराने फोन ही नहीं हैं बल्कि नए फोन में वेब पेज डाउनलोड करने में समस्या हो सकती है यदि यह कई दिनों से चल रहा है और रैम कई खुली ब्राउज़र विंडो में फैली हुई है।

विज्ञापन

नीचे पढ़ना जारी रखें

अंत में, उन्होंने प्रतिपादन की अवधारणा को ध्वस्त कर दिया। यह वेब पेज की गति और कोर वेब विटल्स के प्रदर्शन को बेहतर बनाने के लिए बातचीत को आगे बढ़ाने में मदद करता है क्योंकि तकनीकी शब्दजाल जैसी कुछ चीजें हैं जो कुछ महत्वपूर्ण समझने पर प्रगति को धीमा या रोक देती हैं।

उद्धरण

मार्टिन स्प्लिट को लगभग १५:३६ मिनट के निशान से प्रतिपादन की व्याख्या करते हुए देखें

Leave a Comment