SEO के लिए HTML टैग: कौन से टैग मायने रखते हैं, उदाहरणों के साथ

संक्षेप में: SEO के लिए ज़रूरी HTML टैग एक छोटी सूची में समा जाते हैं: टाइटल टैग, meta description, meta robots टैग, canonical लिंक, बहुभाषी साइटों के लिए hreflang, तार्किक H2 और H3 हेडिंग के साथ एक साफ़ H1, इमेज पर alt टेक्स्ट, लिंक पर rel एट्रिब्यूट, viewport टैग, Open Graph टैग और JSON-LD स्ट्रक्चर्ड डेटा। Google meta keywords टैग और किसी भी ऐसे meta टैग को नज़रअंदाज़ करता है जिसे वह सपोर्ट नहीं करता। हर ज़रूरी टैग को रॉ HTML में रखें, क्योंकि कुछ क्रॉलर, जिनमें कई AI क्रॉलर भी शामिल हैं, JavaScript नहीं चलाते।

किसी के स्क्रीन पर पेज देखने से पहले सर्च इंजन और AI असिस्टेंट उसे कोड के रूप में पढ़ते हैं। SEO के लिए HTML टैग की एक छोटी मुट्ठी यह तय करती है कि वह कोड कैसे समझा जाएगा: कौन सा URL इंडेक्स होगा, नतीजों में कौन सा टाइटल दिखेगा, पेज किस बारे में है और साझा होने पर कैसा दिखता है। Google अपने Search Central दस्तावेज़ों में एक ही पेज पर बताता है कि वह कौन से meta टैग और एट्रिब्यूट सपोर्ट करता है, और उस सूची के बाहर की हर चीज़ का Google Search पर कोई असर नहीं होता। यह गाइड हर उपयोगी टैग को एक उदाहरण के साथ समझाती है, उन गलतियों को बताती है जिनसे बचना है, और उन टैग को भी जिन्हें आप भूल सकते हैं।

कौन से HTML टैग SEO के लिए मायने रखते हैं?

नीचे की तालिका संदर्भ सूची है। head के टैग मशीनों को पेज का वर्णन देते हैं; body के टैग यह ढांचा बनाते हैं कि लोग क्या पढ़ते हैं।

कौन से head टैग तय करते हैं कि Google आपका पेज कैसे दिखाए?

टाइटल टैग

टाइटल टैग पेज का सबसे महत्वपूर्ण टैग है। Google कहता है कि title एलिमेंट की लंबाई पर कोई सीमा नहीं है, लेकिन टाइटल लिंक डिवाइस की चौड़ाई में फ़िट करने के लिए काट दिया जाता है, जिसका व्यावहारिक मतलब डेस्कटॉप पर लगभग 50 से 60 अक्षर है। Google इसे दोबारा भी लिख सकता है: उसके दस्तावेज़ उन स्रोतों की सूची देते हैं जिन्हें वह इस्तेमाल करता है, title एलिमेंट और मुख्य दिखने वाले टाइटल से लेकर H1 हेडिंग, og:title टैग और पेज की ओर जाने वाले लिंक के एंकर टेक्स्ट तक। वह टाइटल जो H1 और पेज के कंटेंट से मेल खाता है, वही Google रखता है। हर पेज के लिए एक अलग टाइटल लिखें, मुख्य कीवर्ड शुरुआत के पास रखें और ब्रांड अंत में।

meta description

meta description रैंकिंग नहीं बदलता, लेकिन यह अक्सर टाइटल के नीचे का स्निपेट देता है और इस तरह क्लिक पर असर डालता है। Google इसकी जगह पेज का कोई ऐसा अंश दिखा सकता है जो क्वेरी से बेहतर मेल खाए। इसे छोटे जवाब और फ़ायदे के रूप में लिखें, 120 से 160 अक्षरों के बीच, और एक ही विवरण कई पेजों पर कभी दोबारा इस्तेमाल न करें।

meta robots टैग

robots meta टैग क्रॉलर को बताता है कि वे पेज के साथ क्या कर सकते हैं। सबसे ज़्यादा इस्तेमाल होने वाली वैल्यू है noindex, जो पेज को नतीजों से बाहर रखती है; दूसरी में nofollow, nosnippet और max-snippet शामिल हैं, जो टेक्स्ट स्निपेट की लंबाई सीमित करता है। जिन फ़ाइलों में head सेक्शन नहीं होता, जैसे PDF, उनके लिए वही निर्देश X-Robots-Tag HTTP हेडर में जाते हैं। लाइव टेम्पलेट पर छूटा noindex खोए हुए traffic की सबसे आम वजहों में से एक है, इसलिए हर रिलीज़ के बाद इसे जांचें।

Viewport और charset

Google अपने दस्तावेज़ों में कहता है कि viewport टैग की मौजूदगी मोबाइल-फ़्रेंडली पेज का संकेत देती है। चूंकि Google साइटों का मोबाइल संस्करण इंडेक्स करता है, यह टैग हर पेज पर होना चाहिए। charset घोषणा (Google UTF-8 की सलाह देता है) टाइटल और स्निपेट में टूटे अक्षरों को रोकती है, जो बहुभाषी साइटों पर मायने रखता है।

कौन से टैग Google को बताते हैं कि कौन सा URL इंडेक्स करना है?

head में दो लिंक टैग डुप्लीकेट और भाषाओं को संभालते हैं। canonical टैग पसंदीदा संस्करण का नाम बताता है, जब एक ही कंटेंट कई URL से पहुंचा जा सकता हो (फ़िल्टर, ट्रैकिंग पैरामीटर, HTTP और HTTPS)। Google इसे रीडायरेक्ट और इंटरनल लिंक के साथ एक मज़बूत संकेत मानता है, इसलिए यह तब सबसे अच्छा काम करता है जब सारे संकेत एक ही URL की ओर इशारा करें। पूरा URL इस्तेमाल करें, हर पेज पर एक canonical रखें, और उसे कभी ऐसे पेज की ओर न करें जो ब्लॉक हो या noindex हो।

hreflang एट्रिब्यूट Google को बताता है कि किस भाषा या क्षेत्र को कौन सा पेज दिखाना है। Google की स्थानीय संस्करणों वाली गाइड के अनुसार, हर संस्करण को खुद को और बाकी सभी को सूचीबद्ध करना चाहिए, और x-default मान उस पेज का नाम दे सकता है जिसके लिए कवर न होने वाली भाषा वाले उपयोगकर्ता हों। वापसी लिंक का छूट जाना hreflang की सबसे आम गलती है: अगर पेज A, पेज B की ओर इशारा करता है, तो पेज B को वापस पेज A की ओर इशारा करना होगा।

कौन से body टैग सर्च इंजन को कंटेंट समझने में मदद करते हैं?

H1 से H6 तक हेडिंग

हेडिंग पेज की रूपरेखा देते हैं। एक H1 रखें जो विषय बताए, मुख्य सेक्शन के लिए H2 और किसी सेक्शन के अंदर चरणों या बिंदुओं के लिए H3, दिखावे के लिए स्तर न छोड़ें। Google ने कहा है कि कई H1 टैग से कोई दंड नहीं होता, लेकिन एक साफ़ H1 उपयोगकर्ताओं और सहायक तकनीकों के लिए सबसे सरल ढांचा बना रहता है। सवाल के रूप वाले H2 (“X कैसे काम करता है?”) भी उसी तरह मेल खाते हैं जैसे लोग सर्च और प्रॉम्प्ट लिखते हैं।

इमेज पर alt टेक्स्ट

Google अपनी इमेज SEO दिशानिर्देशों में समझाता है कि वह alt टेक्स्ट को कंप्यूटर विज़न और पेज के कंटेंट के साथ मिलाकर इमेज को समझता है, और alt एट्रिब्यूट को कीवर्ड से भरने पर साइट को स्पैम माना जा सकता है। इमेज में क्या दिखता है, उसे एक छोटे वाक्यांश में बताएं। Google यह भी बताता है कि वह CSS बैकग्राउंड इमेज को इंडेक्स नहीं करता, इसलिए जो इमेज रैंक करनी चाहिए उसके लिए असली img एलिमेंट चाहिए।

लिंक और उनके rel एट्रिब्यूट

a एलिमेंट वह तरीका है जिससे क्रॉलर पेज खोजते हैं, इसलिए इंटरनल लिंक असली लिंक होने चाहिए, href वाले, JavaScript से चलने वाले बटन नहीं। rel एट्रिब्यूट बाहर जाने वाले लिंक को योग्य बनाता है: पेड प्लेसमेंट के लिए sponsored, कमेंट और फ़ोरम पोस्ट के लिए ugc, और जिन लिंक का आप समर्थन नहीं करना चाहते उनके लिए nofollow। Google 2020 से इन वैल्यू को संकेत मानता है। वर्णनात्मक एंकर टेक्स्ट उपयोगकर्ताओं और सर्च इंजन दोनों की मदद करता है।

सिमेंटिक HTML5 एलिमेंट

main, article, nav, header, footer और section जैसे एलिमेंट मशीनों को बताते हैं कि पेज का कौन सा हिस्सा मुख्य कंटेंट है और कौन से हिस्से हर पेज पर दोहराए जाते हैं। ये अपने दम पर रैंकिंग नहीं बढ़ाते, लेकिन ये मुख्य कंटेंट को अलग करना आसान बनाते हैं, सर्च इंजन, स्क्रीन रीडर और AI टूल तीनों के लिए। हर एलिमेंट का विवरण हमारी सिमेंटिक HTML गाइड में है। टेक्स्ट के अंदर strong और em ज़ोर को चिह्नित करते हैं; उन्हें मुख्य शब्दों के लिए इस्तेमाल करें, पूरे पैराग्राफ़ के लिए नहीं।

कौन से टैग सोशल प्रीव्यू और रिच रिज़ल्ट को आकार देते हैं?

Open Graph प्रोटोकॉल, जिसे Facebook ने बनाया और जिसे अब ज़्यादातर सोशल नेटवर्क और मैसेजिंग ऐप पढ़ते हैं, og:title, og:description, og:image और og:url टैग परिभाषित करता है जो पेज साझा होने पर प्रीव्यू कार्ड बनाते हैं। इनके बिना प्लेटफ़ॉर्म अंदाज़ा लगाते हैं, अक्सर गलत इमेज के साथ। प्रकाशित करने से पहले आप नतीजा Open Graph प्रीव्यू टूल से जांच सकते हैं।

JSON-LD फ़ॉर्मेट में स्ट्रक्चर्ड डेटा, जो एक script टैग में रखा जाता है, Schema.org शब्दावली से पेज का वर्णन करता है: article, product, organization, breadcrumb, FAQ। Google इसे रिच रिज़ल्ट के लिए इस्तेमाल करता है, और यह AI सिस्टम को उस इकाई के बारे में साफ़ तथ्य देता है जिसका पेज है। मार्कअप को वही बताना चाहिए जो पेज पर दिखता है। AI जवाबों में इसकी भूमिका पर हम अपनी स्ट्रक्चर्ड डेटा और AI सर्च गाइड में लिखते हैं।

कौन से HTML टैग Google नज़रअंदाज़ करता है?

Google की सपोर्टेड टैग की सूची यह भी बताती है कि आप क्या बनाए रखना बंद कर सकते हैं:

• Meta keywords: Google कहता है कि meta keywords टैग का Google Search में इस्तेमाल नहीं होता और इसका इंडेक्सिंग या रैंकिंग पर कोई असर नहीं है।
• अज्ञात meta टैग: Google उन meta टैग को नज़रअंदाज़ करता है जिन्हें वह सपोर्ट नहीं करता, जैसे meta author या meta revisit-after।
• lang एट्रिब्यूट: Google पेज की भाषा उसके टेक्स्ट से पहचानता है, lang एट्रिब्यूट से नहीं। इसे एक्सेसिबिलिटी और दूसरे टूल के लिए रखें, और भाषा संस्करण जोड़ने के लिए hreflang इस्तेमाल करें।
• रीडायरेक्ट के रूप में meta refresh: यह काम करता है, लेकिन Google इसकी जगह सर्वर-साइड 301 रीडायरेक्ट की सलाह देता है।

क्या HTML टैग AI जवाबों के लिए मायने रखते हैं?

हां, और इसका एक सीधा कारण है: ChatGPT, Claude, Gemini और Perplexity पेजों से अंश निकालते हैं, और साफ़ HTML उन अंशों को ढूंढना आसान बनाता है। कई AI क्रॉलर JavaScript चलाए बिना रॉ HTML लाते हैं, इसलिए स्क्रिप्ट से डाला गया टाइटल, canonical या टेक्स्ट का ब्लॉक उन तक शायद कभी न पहुंचे। हेडिंग का साफ़ क्रम पेज को स्वतंत्र जवाबों में बांटता है, सूचियां और तालिकाएं तथ्यों को एक साथ रखती हैं, और स्ट्रक्चर्ड डेटा तथ्यों को बिना अस्पष्टता के बताता है। यह जेनरेटिव इंजन ऑप्टिमाइज़ेशन का तकनीकी पहलू है: जो टैग Google की मदद करते हैं, वही AI असिस्टेंट को आपको सटीक रूप से उद्धृत करने में मदद करते हैं।

किसी पेज के HTML टैग कैसे जांचें?

1. रॉ सोर्स पढ़ें। सोर्स कोड खोलें (Ctrl+U) और title, meta description, robots, canonical और hreflang टैग खोजें। अगर कोई टैग सिर्फ़ रेंडर किए गए पेज में दिखता है, तो वह JavaScript पर निर्भर है।
2. Google के नज़रिए से तुलना करें। Google Search Console का URL Inspection टूल वह HTML दिखाता है जो Google ने रेंडर किया और जो canonical उसने चुना।
3. पेज-दर-पेज ऑडिट करें। मुफ़्त Sorank Chrome एक्सटेंशन वे टैग दिखाता है जो गायब हैं या दोहराए गए हैं, और जो पेज आप देख रहे हैं उसके सुधार।
4. पूरी साइट का ऑडिट करें। एक क्रॉलर हज़ारों URL में डुप्लीकेट टाइटल, गायब alt टेक्स्ट और गलत canonical ढूंढता है; हमारी टेक्निकल SEO टूल की चयन सूची विकल्पों की तुलना करती है।
5. हर रिलीज़ के बाद दोबारा जांचें। टेम्पलेट में बदलाव वही जगह है जहां noindex टैग, टूटे canonical और खाली टाइटल दिखते हैं।

ऊपर के दर्जन भर टैग सही रखने से HTML SEO के लगभग सब कुछ कवर हो जाता है; बाकी काम कंटेंट और लिंक का है। अगर आप ऐसे पेज चाहते हैं जो पहले से साफ़ टाइटल, हेडिंग, इंटरनल लिंक और संरचित कंटेंट के साथ आएं, तो Sorank का आर्टिकल जनरेटर उन्हें autopilot पर लिखता और प्रकाशित करता है, सालाना बिलिंग पर महीने का $49 से (देखें कीमत)।