डेवलपर्स के लिए SEO: ऐसे पेज रेंडर करें जिन्हें क्रॉलर पढ़ सकें, सही HTTP कोड लौटाएं, ज़रूरी हेड टैग्स लगाएं, Core Web Vitals पास करें और AI के लिए दिखते रहें।

इस पेज पर
AI से इस लेख का सार देखें
त्वरित क्विज़
क्या SEO आपके लिए सही है, और शुरुआत कैसे करें?
Sorank आपके जवाबों से मेल खाता है
इसे अपनी साइट पर 3 दिनों के लिए आज़माएं और देखें कि Google, ChatGPT और बाकी AI पर आप कहां खड़े हैं।
3 दिन का मुफ़्त ट्रायल शुरू करें3 दिन मुफ़्त, फिर जब चाहें बंद करें। 90 दिन की नतीजे-या-रिफ़ंड गारंटी।
संक्षेप में: डेवलपर के लिए SEO का मतलब है हर ज़रूरी पेज को क्रॉलर के लिए पहुंच योग्य, रेंडर होने योग्य और स्पष्ट बनाना। मुख्य सामग्री शुरुआती HTML में दें (server-side रेंडरिंग या static generation), ईमानदार HTTP स्टेटस कोड लौटाएं, title, meta description, canonical और robots निर्देश server response में रखें, असली <a href> तत्वों से लिंक करें, Core Web Vitals की सीमाएं पूरी करें और JSON-LD स्ट्रक्चर्ड डेटा जोड़ें। ज़्यादातर AI क्रॉलर JavaScript नहीं चलाते, इसलिए जो सामग्री सिर्फ hydration के बाद बनती है वह ChatGPT, Claude और Perplexity के लिए अदृश्य है।
डेवलपर्स के लिए SEO खोज अनुकूलन का वह हिस्सा है जो कोड में रहता है: टेम्पलेट्स, रूटिंग, रेंडरिंग, हेडर और परफ़ॉर्मेंस। Marketers keywords चुनते हैं और सामग्री लिखते हैं, लेकिन गलत status code, सिर्फ़ client पर चलने वाला रूट या कोई भटका हुआ noindex एक ही deploy में वह सारा काम मिटा सकता है। Google का अपना JavaScript SEO basics तीन चरण बताता है (क्रॉलिंग, रेंडरिंग, indexing) और हर चरण में ऐसी विफलताएं हैं जिन्हें केवल डेवलपर ठीक कर सकते हैं। यह गाइड उन्हें उसी क्रम में समझाती है जिसमें वे टूटती हैं।
| क्षेत्र | डेवलपर की ज़िम्मेदारी | टूटने पर आम लक्षण |
|---|---|---|
| रेंडरिंग | मुख्य सामग्री और लिंक server HTML में मौजूद | खाली या अधूरी सामग्री वाले पेज index में |
| स्टेटस कोड | 200, 301, 404, 410, 5xx ईमानदारी से लौटाए गए | Soft 404, error पेज index में, हटाए गए पेज अब भी रैंक करते हुए |
| हेड टैग्स | अनोखा title, description, canonical, robots, hreflang | डुप्लिकेट, गलत URL रैंक, index से गायब पेज |
| क्रॉल नियंत्रण | robots.txt, XML sitemap, internal links, parameters | ज़रूरी पेज नहीं मिलते, filters पर क्रॉल बर्बाद |
| परफ़ॉर्मेंस | असली मोबाइल उपयोगकर्ताओं पर Core Web Vitals | खराब page experience, कम conversions |
| स्ट्रक्चर्ड डेटा | दिखने वाली सामग्री से मेल खाता valid JSON-LD | कोई rich results नहीं, entity में भ्रम |
| AI पहुंच | अनुमति वाले AI user agents, JavaScript के बिना पढ़ी जा सकने वाली सामग्री | ChatGPT और Perplexity के उत्तरों से ब्रांड गायब |
Googlebot JavaScript रेंडर करता है, लेकिन दूसरे चरण में, जो देर से हो सकता है, और Google खुद लिखता है कि “server-side या प्री-रेंडरिंग अब भी एक शानदार विचार है”, क्योंकि यह उपयोगकर्ताओं और क्रॉलर दोनों के लिए तेज़ है और क्योंकि सभी bots JavaScript नहीं चलाते। यह आख़िरी बात अब पहले से कहीं ज़्यादा मायने रखती है: दिसंबर 2024 के विश्लेषण The rise of the AI क्रॉलर में Vercel ने पाया कि “कोई भी बड़ा AI क्रॉलर अभी JavaScript रेंडर नहीं करता”, और इसमें GPTBot, OAI-SearchBot, ChatGPT-User, ClaudeBot और PerplexityBot सहित दूसरे नाम भी थे। Gemini, जो Google के infrastructure का उपयोग करता है, अपवाद है।
| रेंडरिंग मोड | क्रॉलर को क्या मिलता है | SEO में उपयुक्तता |
|---|---|---|
| क्लाइंट-साइड रेंडरिंग (CSR) | लगभग खाली HTML ढांचा, JavaScript चलने के बाद सामग्री | कमज़ोर: Google के लिए देर से, ज़्यादातर AI क्रॉलर के लिए अदृश्य |
| सर्वर-साइड रेंडरिंग (SSR) | हर request पर पूरा HTML | गतिशील पेजों के लिए मज़बूत |
| स्टैटिक जनरेशन (SSG) | deploy के समय बना पूरा HTML | कम बदलने वाली सामग्री के लिए सबसे मज़बूत |
| इंक्रीमेंटल रीजनरेशन (ISR) | Static HTML, शेड्यूल पर या मांग पर ताज़ा | बड़े catalogs और blogs के लिए मज़बूत |
किसी भी फ़्रेमवर्क में दो नियम लागू होते हैं। लिंक href attribute वाले <a> तत्व होने चाहिए: Google कहता है कि वह केवल इसी रूप के लिंक खोज सकता है, इसलिए click handlers वाले buttons और fragment-आधारित रूट्स बंद रास्ते हैं। और हर रूट का अपना URL होना चाहिए, # के बिना, जो सीधे अपनी सामग्री लौटाए। JavaScript SEO, single-page application SEO और Next.js SEO पर हमारी गाइड फ़्रेमवर्क के हिसाब से विस्तृत विवरण देती हैं।
Status codes क्रॉलर के लिए निर्देश हैं। Google का HTTP स्टेटस कोड और network errors पर दस्तावेज़ बताता है कि हर श्रेणी कैसे संभाली जाती है:
अपना server असल में क्या भेजता है, यह HTTP हेडर checker से जांचें, और redirect chains को एक hop तक सीमित रखें: SEO redirects पर हमारा लेख migration के पैटर्न समझाता है।
हर indexable पेज को एक अनोखा title और description, एक self-referencing canonical, और बहुभाषी साइटों पर hreflang annotations चाहिए। इन्हें server response में रखें:
<title>फ़्लैट फ़ुट के लिए रनिंग शूज़ | Example</title>
<meta name="description" content="जांचे गए चुनाव, साइज़ और कीमतें।">
<link rel="canonical" href="https://example.com/running-shoes-flat-feet">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/chaussures-pieds-plats">
<meta name="robots" content="index, follow">The canonical tag हमेशा उस URL की ओर इशारा करना चाहिए जिसे आप रैंक कराना चाहते हैं, साइट द्वारा उपयोग किए जाने वाले सटीक protocol, host और trailing slash नियम के साथ।
सावधान रहें
JavaScript के भरोसे noindex हटाने पर कभी निर्भर न रहें। Google बताता है कि noindex tag मिलने पर वह रेंडर करना छोड़ सकता है, इसलिए जो पेज HTML में noindex भेजता है और उसे client पर हटाता है, वह index से बाहर रह सकता है।
Search engines URL को index करते हैं, इसलिए URL की संरचना SEO का फ़ैसला है। lowercase, hyphen से अलग, पढ़ने योग्य paths रखें; एक trailing slash नियम चुनें और दूसरे को redirect करें; और हर सामग्री के टुकड़े के लिए एक URL रखें। Filters, sorting और tracking parameters सामग्री जोड़े बिना URL बढ़ाते हैं: उन्हें साफ़ संस्करण की ओर canonical करें, और उन parameter संयोजनों से लिंक न करें जिन्हें आप क्रॉल नहीं कराना चाहते।
Internal links खोज और महत्त्व दोनों बताते हैं। navigation, breadcrumbs और संबंधित सामग्री के ब्लॉक server पर रेंडर करें, paginated सूचियों के हर पेज के लिए सादे लिंक दें, और उनके पीछे paginated URL के बिना infinite scroll से बचें। कोई उत्पाद या लेख जो केवल site search या JavaScript filter से पहुंचा जा सकता है, क्रॉलर के लिए एक orphan पेज है।
robots.txt क्रॉलिंग को नियंत्रित करता है, indexing को नहीं: ब्लॉक किया गया URL भी परिणामों में आ सकता है अगर दूसरे पेज उससे लिंक करते हैं। पेज को index से बाहर रखने के लिए उसे क्रॉल होने दें और noindex लौटाएं। XML sitemap अपने रूट्स या database से बनाएं, केवल canonical 200 URLs सूचीबद्ध करें, और lastmod तभी बदलें जब सामग्री सच में बदले। हर release से पहले अपने नियम robots.txt checker से जांचें, और staging का robots.txt कभी “Disallow: /” के साथ production पर न भेजें।
Google Core Web Vitals को अपने page experience संकेतों के हिस्से के रूप में उपयोग करता है। web.dev के अनुसार, कोई पेज अच्छा माना जाता है जब वह असली पेज लोड के 75वें percentile पर, मोबाइल और डेस्कटॉप दोनों पर, इन सीमाओं को पूरा करता है:
| मेट्रिक | क्या मापता है | अच्छी सीमा | डेवलपर के आम समाधान |
|---|---|---|---|
| LCP (Largest Contentful Paint) | लोडिंग | 2.5 s या कम | Hero image को preload करें, ऊपर वाली सामग्री server पर रेंडर करें, CDN का उपयोग करें |
| INP (Interaction to Next Paint) | प्रतिक्रियाशीलता | 200 ms या कम | लंबे tasks तोड़ें, third-party scripts को देर से चलाएं, hydration का खर्च घटाएं |
| CLS (Cumulative Layout Shift) | दृश्य स्थिरता | 0.1 या कम | media पर width और height दें, ads और embeds के लिए जगह आरक्षित करें |
INP ने 2024 में First Input Delay की जगह एक स्थिर Core Web Vital के रूप में लिया। आंकने के लिए field data (Search Console, Chrome UX Report) उपयोग करें, और debug के लिए lab tools। हमारी Core Web Vitals glossary प्रविष्टि tools की सूची देती है।
server पर रेंडर हुआ JSON-LD script tag में इस्तेमाल करें, जो पेज पर दिखने वाली चीज़ों का वर्णन करे:
<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "Article",
"headline": "फ़्लैट फ़ुट के लिए रनिंग शूज़",
"datePublished": "2026-10-01",
"author": {"@type": "Person", "name": "Jane Doe"}}
</script>इसे पेज वाले उसी डेटा से बनाएं ताकि दोनों कभी अलग न हों, CI में validate करें, और इसे tag manager से inject करने से बचें। schema generator आम प्रकारों के लिए शुरुआती ढांचा देता है।
सुझाव
अपनी pipeline में SEO जांचें जोड़ें: build fail हो अगर किसी indexable template में title या canonical नहीं है, अगर कोई रूट अज्ञात slug पर 200 लौटाता है, या अगर production robots.txt में “Disallow: /” है। ये गड़बड़ियां deploy से पहले पकड़ना सस्ता है और बाद में महंगा।
AI visibility पहुंच से शुरू होती है। तय करें कि कौन-से AI user agents की अनुमति है (GPTBot, OAI-SearchBot, ClaudeBot, PerplexityBot और अन्य) और robots.txt में साफ़ नियम लिखें; AI क्रॉलर के लिए robots.txt पर हमारी गाइड training और search bots का अंतर समझाती है। फिर पक्का करें कि टेक्स्ट, कीमतें, specs और FAQ शुरुआती HTML में हों, छवियों में लिखे टेक्स्ट के बजाय semantic headings और tables उपयोग करें, और पेज इतने हल्के रखें कि जल्दी लाए जा सकें। एक llms.txt फ़ाइल AI tools के लिए आपके मुख्य पेजों का सार दे सकती है, लेकिन कोई बड़ा असिस्टेंट इस पर भरोसा करने की पुष्टि नहीं कर चुका, इसलिए इसे वैकल्पिक मानें।
Sorank हमारा अपना उत्पाद है: एक autopilot SEO और GEO सॉफ़्टवेयर। डेवलपर इससे ज़्यादातर इसके integrations के ज़रिए मिलते हैं: यह WordPress, Shopify, Webflow या Wix पर लेख प्रकाशित करता है, या webhook के ज़रिए किसी भी custom stack पर, जैसा कि installation पेज पर बताया गया है। इसकी SEO chat बातचीत में आपकी साइट के सवालों के उत्तर देती है, और AI mention tracking हर महीने जांचती है कि ChatGPT, Claude और Gemini आपके ब्रांड को उद्धृत करते हैं या नहीं।

संक्षेप में: सर्वर से पूरा HTML, ईमानदार स्टेटस कोड और सही हेड टैग्स भेजें, फिर असली उपयोगकर्ताओं पर परफ़ॉर्मेंस मापें। यह Googlebot और उन AI क्रॉलर की सेवा करता है जो JavaScript नहीं चलाते। अच्छी तरह बनी साइट को रैंक करने वाली सामग्री से भरने के लिए Sorank के प्लान देखें, जो 3 दिन के मुफ़्त ट्रायल के साथ $49 प्रति माह से शुरू होते हैं।
Google के लिए हमेशा नहीं, क्योंकि वह JavaScript रेंडर करता है, लेकिन इससे देरी और जोखिम बढ़ता है, और ज़्यादातर AI क्रॉलर JavaScript बिल्कुल नहीं चलाते। जिन पेजों को रैंक करना या उद्धृत होना है, उनके लिए मुख्य सामग्री और लिंक server-side रेंडरिंग, static generation या preरेंडरिंग के ज़रिए शुरुआती HTML में दें, और client-side रेंडरिंग केवल interactive हिस्सों के लिए रखें।
दोनों Google को बताते हैं कि पेज चला गया है, और दोनों में Google समय के साथ URL का उपयोग बंद कर देता है। 410 बताता है कि हटाना जानबूझकर और स्थायी है, जिसे कुछ टीमें उस सामग्री के लिए पसंद करती हैं जिसे उन्होंने जानबूझकर हटाया। सबसे ज़रूरी बात यह है कि त्रुटि संदेश वाला 200 न लौटाएं, क्योंकि उससे soft 404 बनते हैं।
ये Google के page experience संकेतों का हिस्सा हैं, जिन्हें Google कई कारकों में से एक बताता है, जिसमें प्रासंगिकता और सामग्री की गुणवत्ता ज़्यादा वज़न रखती है। व्यवहार में ये मिलते-जुलते पेजों के बीच टाई-ब्रेकर का काम करते हैं और conversions पर मज़बूत असर डालते हैं, इसलिए सीमाएं पूरी करने की मेहनत सार्थक है।
आपसे पहले लोगों ने Sorank आज़माया है
