एसईओ समस्या और NextJS फ्रेमवर्क

जब हम एक वेबसाइट विकसित करते हैं, तो हमारे लिए यह समझना महत्वपूर्ण है कि, क्या हम इस वेबसाइट को सर्च इंजन में प्रमोट करेंगे। सर्च इंजन से तात्पर्य विशेष वेबसाइटों से है जैसे कि Google या Yandex, जहाँ उपयोगकर्ता अपनी आवश्यक जानकारी खोजता है।

यदि हमारी वेबसाइट किसी विशेष क्वेरी पर पहले पदों पर दिखाई देगी, तो यह उसे निरंतर आगंतुकों का प्रवाह सुनिश्चित करेगी। और इन आगंतुकों के लिए हमें कुछ भी भुगतान नहीं करना होगा, विज्ञापन से आने वाले आगंतुकों के विपरीत।

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

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

यही समस्या NextJS फ्रेमवर्क हल करता है। यह सर्वर साइड पर JSX कोड लिखने की अनुमति देता है। सर्वर इस JSX को सामान्य HTML में बदल देता है और इसे ब्राउज़र को दे देता है। इस प्रकार क्लाइंट साइड पर वह HTML कोड भेजा जाएगा, जो सर्च इंजन के सही काम करने के लिए आवश्यक है हमारी वेबसाइट के साथ।

यह वास्तव में कैसे किया जाता है, यह हम अध्ययन करेंगे इस ट्यूटोरियल के भीतर।

यह कहा जाना चाहिए कि सर्च इंजन पहले से ही सीख रहे हैं JavaScript द्वारा जनरेट की गई सामग्री को पहचानना। जब वे पूरी तरह से सीख जाएंगे यह करना, वेबसाइटों का सारा विकास बदल जाएगा मौलिक रूप से। और NextJS जैसे फ्रेमवर्क या तो बिल्कुल आवश्यक नहीं होंगे, या पूरी तरह से अलग हो जाएंगे अपने सिद्धांतों में।

तो, चलिए शुरू करते हैं:)