आपके SEO के लिए सिमेंटिक मार्कअप क्यों महत्वपूर्ण है

आइए इस बारे में बात करते हैं कि आपकी वेबसाइट एसईओ के लिए सिमेंटिक मार्कअप (एचटीएमएल) क्यों महत्वपूर्ण है, और एक गैर-तकनीकी व्यक्ति के रूप में भी इस महत्वपूर्ण एसईओ तत्व को सही तरीके से प्राप्त करना कितना आसान है।

अधिकांश लोगों ने SEO (Search Engine Optimization) के बारे में सुना है और जानते हैं कि यह कुछ है कि आपकी वेबसाइट को खोज इंजन परिणाम पृष्ठ (SERPs) के माध्यम से खोजने की आवश्यकता है। यदि आप इससे थोड़ा अधिक जानते हैं तो आप जान सकते हैं कि “कीवर्ड” SEO के सबसे महत्वपूर्ण तत्वों में से एक हैं। आप एक पल में समझ जाएंगे कि आपके कीवर्ड के लिए सिमेंटिक मार्कअप इतना महत्वपूर्ण क्यों है।

बहुत से वेबसाइट स्वामियों को SEO के बारे में पता नहीं है, वह यह है कि आपकी वेबसाइट को संरचित (चिह्नित) करने वाले HTML तत्व सीधे खोज इंजन (Google, बिंग, याहू) को स्कैन करने, इंडेक्स करने और इस बारे में जानने की क्षमता को प्रभावित करेंगे। आपकी वेबसाइट अंतिम उपयोगकर्ता (जो चीजें खोजते हैं) के लिए प्रासंगिक है।

HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) में कई बिल्ट-इन टैग हैं जिसका उपयोग वेब डेवलपर किसी पृष्ठ पर तत्व बनाने के लिए करते हैं। एक तत्व में निम्न शामिल हैं:

• एक प्रारंभिक HTML टैग
• सामग्री
• एक समापन HTML टैग

खुलने और बंद होने वाले HTML टैग आसपास लपेटें आपकी सामग्री और एक HTML तत्व परिभाषित करें।

तो एक HTML तत्व है:(उद्घाटन टैग) - सामग्री - (समापन टैग)।

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

अभी आप जो पाठ पढ़ रहे हैं वह एक अनुच्छेद तत्व है। यह एक शुरुआती पैराग्राफ टैग के अंदर बैठता है <p> और एक क्लोजिंग पैराग्राफ टैग </p> ।

यह पुष्टि करने के लिए कि ऊपर दिया गया कथन सत्य है, बस सीधे पैराग्राफ (या इस लेख में टेक्स्ट के किसी अन्य ब्लॉक) पर राइट क्लिक करें और निरीक्षण पर क्लिक करें।

किसी तत्व का निरीक्षण करने का तरीका दिखाने वाला त्वरित वीडियो उदाहरण:

सिमेंटिक मार्कअप का उपयोग करने का सीधा सा मतलब है कि आप अपनी सामग्री के चारों ओर लपेटने के लिए उपयुक्त अंतर्निहित HTML टैग का उपयोग करते हैं ताकि वे आपकी सामग्री का सबसे अच्छा प्रतिनिधित्व कर सकें।

उदाहरण के लिए, आप इस ट्यूटोरियल को पढ़ रहे हैं जिसका शीर्षक है "व्हाई सिमेंटिक मार्कअप इज़ इम्पोर्टेन्ट फॉर योर SEO"। शीर्षक एक उद्घाटन और समापन द्वारा लपेटा गया है <h1> टैग (अपने लिए जांचें)। H1 टैग का उपयोग वेब पेज पर सबसे बड़े टेक्स्ट को परिभाषित करने के लिए किया जाता है, जैसे शीर्षक या लेख शीर्षक।

खोज इंजन एआई (बॉट्स) को प्रासंगिक पैटर्न देखने के लिए तार-तार किया जाता है जो यह सुझाव देते हैं कि आपका विशेष लेख या उत्पाद पृष्ठ उनके खोजकर्ताओं के लिए प्रासंगिक है। शीर्षक सबसे महत्वपूर्ण संकेतों में से एक है क्योंकि यह आपकी सामग्री के लिए एकमात्र सबसे बड़ा ऐपेटाइज़र (या अल्ट्रा-शॉर्ट सारांश) है जिसका उपयोग आप खोजकर्ताओं को अपनी सामग्री का उपभोग करने के लिए लिंक पर क्लिक करने के लिए मनाने के लिए करते हैं।

जैसा कि आप ऊपर देख सकते हैं, आपके शीर्षक के बाद आपकी सामग्री का पहला पैराग्राफ (मुख्य पैराग्राफ) आता है, जिसका अर्थ है कि आप अपने लेख या उत्पाद पृष्ठ में सबसे पहले टेक्स्ट ब्लॉक की संरचना कैसे करते हैं, यह महत्वपूर्ण है। खोज परिणाम पृष्ठ केवल पाठ का एक छोटा स्निपेट दिखाते हैं, इसलिए इसे गिनें।

सिमेंटिक मार्कअप क्या नहीं है?

बिंदु को तेजी से पार करने के लिए मैं इसे एक चरम उदाहरण के साथ समझाऊंगा। HTML भाषा में बटन तत्वों को परिभाषित करने के लिए एक टैग है, और इसे उचित रूप से <button> . नाम दिया गया है . उदाहरण:

<button>Add to Cart</button>

यहां बताया गया है कि ऊपर दिया गया HTML मार्कअप वास्तविक जीवन में कैसा दिखता है:

उपरोक्त एक स्टाइल रहित बटन है, लेकिन यह सही अर्थात् . का उपयोग करता है मार्कअप।

लेकिन मान लें कि मैं मजाकिया बनना चाहता हूं, और इसके बजाय उपरोक्त सामग्री (कार्ट में जोड़ें) को पैराग्राफ टैग के अंदर लपेटें <p>Add to Cart</p> ।

यह न केवल शब्दार्थ की दृष्टि से गलत होगा, बल्कि यह तकनीकी रूप से, . भी काम नहीं करेगा क्योंकि वेब ब्राउज़र में अनुच्छेद तत्व क्लिक करने योग्य नहीं होते हैं। केवल कुछ HTML तत्व क्लिक करने योग्य होते हैं, जैसे बटन, लिंक और फ़ॉर्म।

अनसेमैनिक मार्कअप

ऐसे कुछ तरीके हैं जिनसे आप अपनी सामग्री को बिना अर्थ के मार्कअप कर सकते हैं, जो पिछले उदाहरण के विपरीत, आपकी वेबसाइट की तकनीकी विशेषताओं को बर्बाद नहीं करेगा।

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

आप तर्क दे सकते हैं कि दृश्य शैली है आपकी साइट का एक तकनीकी तत्व, और उस स्थिति में, एक अनुच्छेद टैग में शीर्षक लपेटना कुछ हद तक होगा तकनीकी रूप से आपकी साइट को नुकसान पहुंचाएगा, इस अर्थ में कि आपके शीर्षक का फ़ॉन्ट आकार और फ़ॉन्ट वजन उससे छोटा होगा (क्योंकि पैराग्राफ हमेशा शीर्षकों से छोटा होता है)।

जेनेरिक और अनसेमैनिक मार्कअप

आप HTML के सामान्य HTML टैग्स में से किसी एक के अंदर एक पैराग्राफ भी लपेट सकते हैं उदा। क्लासिक <div उपनाम। <div . का उपयोग करना किसी अनुच्छेद या शीर्षक, या अन्य पाठ के चारों ओर लपेटना शब्दार्थ की दृष्टि से गलत होगा, लेकिन यह आपकी साइट की तकनीकी विशेषताओं को नष्ट नहीं करेगा। आपकी साइट अभी भी काम करेगी, लेकिन ऊपर दिए गए शीर्षक/पैराग्राफ के उदाहरण की तरह, यह आपकी टाइपोग्राफी (पाठ स्वरूपण) के साथ खिलवाड़ करने वाली है।

अपनी सामग्री के लिए गलत मार्कअप का उपयोग करना Google जैसे खोज इंजनों को यह बताने का एक शानदार तरीका है कि आप नहीं जानते कि आप क्या कर रहे हैं, और यह सीधे खोज परिणाम पृष्ठों (एसईआरपी) पर उच्च रैंक करने की आपकी क्षमता को नुकसान पहुंचाएगा। ।

SEO के अनुकूल HTML मार्कअप सरल है, यहां एक त्वरित चेकलिस्ट है:

• हेडलाइंस को <h1> . से परिभाषित किया जाना चाहिए टैग — केवल एक प्रति पृष्ठ।
• उपशीर्षक को <h2> . के साथ परिभाषित किया जाना चाहिए , <h3> , या <h4> टैग। आप <h5> . का भी उपयोग कर सकते हैं और <h6> लेकिन मैं आमतौर पर हेडिंग टैग के साथ ओवरबोर्ड जाने के खिलाफ सलाह देता हूं (यह आपको अधिक SEO नहीं देगा)।
• पैराग्राफ को <p> with से परिभाषित किया जाना चाहिए
• सूचियों को <ul> with से परिभाषित किया जाना चाहिए
• सूची आइटम को <li> with से परिभाषित किया जाना चाहिए और हमेशा अंदर बैठें <ul> टैग।

संपूर्ण HTML5 दस्तावेज़ीकरण के लिए यहां क्लिक करें