अपने प्रश्न को पूछें और दस्तावेज़ का सारांश प्राप्त करें, इस पृष्ठ और आपके चुने हुए AI प्रदाता का उपयोग करके
इस पृष्ठ की सामग्री एक AI द्वारा अनुवादित की गई है।
अंग्रेजी में मूल सामग्री के अंतिम संस्करण देखेंIf you have an idea for improving this documentation, please feel free to contribute by submitting a pull request on GitHub.
GitHub link to the documentationCopy doc Markdown to clipboard
Next.js में SEO और i18n: केवल अनुवाद करना पर्याप्त नहीं है
जब डेवलपर्स अंतरराष्ट्रीयकरण (i18n) के बारे में सोचते हैं, तो पहला प्रतिक्रिया अक्सर होती है: सामग्री का अनुवाद करें। लेकिन लोग आमतौर पर भूल जाते हैं कि अंतरराष्ट्रीयकरण का मुख्य उद्देश्य आपकी वेबसाइट को दुनिया के लिए अधिक दृश्यनीय बनाना है। यदि आपका बहुभाषी Next.js ऐप सर्च इंजन को यह नहीं बताता कि आपकी विभिन्न भाषा संस्करणों को कैसे क्रॉल और समझा जाए, तो आपका अधिकांश प्रयास अनदेखा रह सकता है।
इस ब्लॉग में, हम यह पता लगाएंगे कि क्यों i18n एक SEO सुपरपावर है और इसे Next.js में next-intl, next-i18next, और Intlayer के साथ सही तरीके से कैसे लागू किया जाए।
क्यों SEO और i18n
भाषाएँ जोड़ना केवल UX के बारे में नहीं है। यह ऑर्गेनिक विजिबिलिटी के लिए एक शक्तिशाली साधन भी है। यहाँ कारण हैं:
- बेहतर खोज योग्यता: सर्च इंजन स्थानीयकृत संस्करणों को इंडेक्स करते हैं और उपयोगकर्ताओं के लिए उनकी मातृभाषा में खोज करने पर उन्हें रैंक करते हैं।
- डुप्लिकेट सामग्री से बचाव: उचित कैनोनिकल और वैकल्पिक टैग क्रॉलर को बताते हैं कि कौन सा पेज किस लोकल का है।
- बेहतर UX: आगंतुक तुरंत आपकी साइट के सही संस्करण पर पहुँचते हैं।
- प्रतिस्पर्धात्मक लाभ: कुछ ही साइटें बहुभाषी SEO को अच्छी तरह लागू करती हैं, जिसका मतलब है कि आप अलग दिख सकते हैं।
Next.js में बहुभाषी SEO के लिए सर्वोत्तम प्रथाएँ
यहाँ एक चेकलिस्ट है जिसे हर बहुभाषी ऐप को लागू करना चाहिए:
<head>मेंhreflangमेटा टैग सेट करें
यह Google को समझने में मदद करता है कि प्रत्येक भाषा के लिए कौन-कौन से संस्करण मौजूद हैं।सभी अनुवादित पृष्ठों को
sitemap.xmlमें सूचीबद्ध करेंxhtmlस्कीमा का उपयोग करें ताकि क्रॉलर वैकल्पिक पृष्ठों को आसानी से खोज सकें।robots.txtमें निजी/स्थानीयकृत रूट्स को बाहर करें
उदाहरण के लिए,/dashboard,/fr/dashboard,/es/dashboardको इंडेक्स न होने दें।स्थानीयकृत लिंक का उपयोग करें
उदाहरण: डिफ़ॉल्ट/aboutके बजाय<a href="/fr/about">À propos</a>का उपयोग करें।
ये सरल कदम हैं, लेकिन इन्हें छोड़ना आपकी दृश्यता को प्रभावित कर सकता है।
कार्यान्वयन उदाहरण
डेवलपर्स अक्सर अपने पृष्ठों को विभिन्न स्थानीय भाषाओं में सही ढंग से संदर्भित करना भूल जाते हैं, इसलिए आइए देखें कि यह विभिन्न लाइब्रेरीज़ के साथ व्यावहारिक रूप में कैसे काम करता है।
next-intl
निष्कर्ष
Next.js में i18n को सही तरीके से लागू करना केवल टेक्स्ट का अनुवाद करने के बारे में नहीं है, बल्कि यह सुनिश्चित करने के बारे में है कि सर्च इंजन और उपयोगकर्ता ठीक उसी संस्करण को जानें जो आपकी सामग्री का सर्वर करना है। hreflang, साइटमैप, और रोबोट्स नियम सेट करना वह है जो अनुवादों को वास्तविक SEO मूल्य में बदल देता है।
जबकि next-intl और next-i18next आपको इसे सेटअप करने के ठोस तरीके देते हैं, वे आमतौर पर स्थानीय संस्करणों के बीच संगति बनाए रखने के लिए बहुत मैनुअल सेटअप की आवश्यकता होती है।
यहीं पर Intlayer वास्तव में चमकता है:
यह getMultilingualUrls जैसे बिल्ट-इन हेल्पर्स के साथ आता है, जो hreflang, साइटमैप, और रोबोट्स इंटीग्रेशन को लगभग बिना किसी प्रयास के बनाता है।
मेटाडेटा JSON फ़ाइलों या कस्टम यूटिलिटीज़ में बिखरे होने के बजाय केंद्रीकृत रहता है।
यह पूरी तरह से Next.js के लिए डिज़ाइन किया गया है, इसलिए आप कॉन्फ़िगरेशन डिबग करने में कम समय और शिपिंग में अधिक समय व्यतीत करते हैं।
यदि आपका लक्ष्य केवल अनुवाद करना नहीं बल्कि बिना किसी रुकावट के मल्टीलिंगुअल SEO को स्केल करना है, तो Intlayer आपको सबसे साफ़, सबसे भविष्य-सबूत सेटअप प्रदान करता है।