Meta Tags | HTML in Hindi

HTML मेटा टैग को समझने के लिए सबसे पहले आपको SEO को समझना पड़ेगा ।
SEO की फुल फॉर्म हैं Search Engine Optimization । SEO वेबसाइट के पेज को सर्च इंजन में सबसे ऊपर लाने में मदत करती हैं ।
साधारण Hindi भाषा में कहे तो HTML मेटा टैग SEO का पार्ट हैं । SEO के द्वारा website को popular या कह सकते हैं वेबसाइट के पेज को सर्च इंजन में ऊपर लाने का काम करते हैं ।

HTML Meta tag एक वेबसाइट के लिए अधिक महत्त्वपूर्ण होते हैं जो कई प्रकार के हैं । यह SEO का मुख्य भाग है। वेब पेज के लिए हमने किस प्रकार की कंटेंट का उपयोग किया है, इसकी पहचान करने के लिए हमने मेटा टैग का उपयोग करते हैं ।जब सर्च इंजन वेब पेज को स्क्रॉल करता है तो यह मेटा टैग पढ़ता है और सर्च किये गए कीवर्ड से संबंधित कंटेंट को सबसे ऊपर डिस्प्ले करता हैं ।
मेटा टैग का जितना भी कंटेंट होता हैं वो सब वेबसाइट के पेज पर नहीं दीखता हैं क्युकी HTML मेटा tag केवल सर्च इंजन के लिए यूज किये जाते हैं । सर्च इंजन के जो रोबोट हैं सबसे पहले वेबसाइट पर मेटा कंटेंट को पढ़ते हैं और देखते हैं की पुरे पेज का कंटेंट मेटा कंटेंट से मैच होता हैं की नहीं ।
सबसे पहले रोबोट HTML मेटा को ही चेक करते हैं और उसके बाद पेज के कंटेंट को चेक करते हैं ।

मेटा टैग के प्रकार हैं-

1. Meta Description

2. Meta Keywords

3. Meta View

4. Meta Refresh

5. Meta Author Name

6. Meta Charset

मेटा डिस्क्रिप्शन (Meta Description) -

Meta description के अंदर, हम पुरे पेज कंटेंट को परिभाषित करने के लिए छोटा पैराग्राफ लिखते हैं।
Meta Description में उन सभी कंटेंट का प्रतिनिधित्व करने के लिए छोटी मात्रा में कंटेंट होता है ।
साधारण Hindi भाषा में समझे तो HTML meta description में हम पुरे पेज में जितना भी कंटेंट लिखा हैं उसके आधार पर एक छोटा सा पैराग्राफ लगभग 160 वर्ड से 200 वर्ड में पैराग्राफ बना कर लिखते हैं जो सर्च इंजन को यह बताता हैं की इस पेज पर जितना कंटेंट लिखा हैं वो किस कीवर्ड से सम्बंधित हैं ।

चलिए HTML मेटा डिस्क्रिप्शन को एक example से समझते हैं ।

Meta Description का उदाहरण-


<meta name="description" content="इस टुटोरिअल्स में मेटा टैग के बारे में सीखेंगे । ये मेटा डिस्क्रिप्शन हैं । यहाँ पर मेटा डिस्क्रिप्शन लिखा जाता हैं ।">

नोट-मेटा डेस्क्रिप्टिन केवल 160 से 200 शब्दों का होना चाहिए।

मेटा कीवर्ड (Meta Keywords)-

Meta Keywords SEO का हिस्सा है।

कीवर्ड को हिंदी में कुंजीशब्द कहते हैं ।
कीवर्ड को यदि आसान Hindi भाषा में समझे तो जब आप गूगल पर कुछ सर्च करते हैं । आप चाहे एक वर्ड लिखते हैं या चाहे एक लाइन लिखते हैं वो सब keyword कहलाते हैं ।

उदाहरण 1-
यदि आप एक होटल के लिए एक वेबसाइट बनाने जा रहे हैं, तो कीवर्ड होंगे, मेरे पास सबसे अच्छा होटल कोनसा हैं , देहरादून में सबसे अच्छा होटल, टॉप होटल , शहर में बढ़िया होटल, या अधिक कीवर्ड, जो किसी search इंजन पर सभी द्वारा खोजे गए हैं।

उदाहरण 2-
Tech ब्लॉग कीवर्ड-

HTML, CSS, PHP, Wordpress, C #, Asp.Net, Techno, Source Code, Programming, वेबसाइट, उदाहरण

मेटा कीवर्ड हमेशा कोमा का यूज करके लिखे जाता हैं । HTML meta keywords SEO में सबसे महत्त्वपूर्ण होता हैं ।


<meta name="keywords" content="HTML meta , HTML meta tags , Meta tags in Hindi  , Meta keywords , What is meta in HTML, Meta reference">

नोट- एक वेबसाइट में कितने भी पेज हो सकते हैं । सभी पेज के लिए अलग अलग कीवर्ड को यूज किया जा सकता हैं । HTML मेटा keywords में केवल 10 keywords का ही यूज करना चाइये ।

मेटा View -

व्यूपोर्ट विभिन्न डिवाइस पर कंटेंट को कैसे देखें (प्रदर्शित) से संबंधित है।
मेटा व्यू पोर्ट का उदाहरण।



<meta name="viewport" content="width=device-width, initial-scale=1">

साधारण Hindi भाषा में कहे तो मेटा व्यू पोर्ट भी SEO का ही पार्ट हैं । आजकल सभी वेबसाइट responsive होनी चाइये । मेटा व्यू पोर्ट की मदत से किसी भी डिवाइस में वेबसाइट को ओपन किया जा सकता हैं । जिस से पेज का पूरा कंटेंट डिवाइस की स्क्रीन के अनुसार साइज ले लेता हैं । आजकल responsive वेबसाइट को ही गूगल सबसे ऊपर लाने की कोशिश करता रहता हैं ।

मेटा रीफ्रेश (Meta Refresh)-

HTML meta refresh का उपयोग एक पेज को दूसरे पर redirect करने के लिए किया जाता है। हम पेज लिंक या वेब URL का उपयोग redirect करने के लिए है।
मेटा रिफ्रेश का उदाहरण



<meta http-equiv="refresh" content="0; url=http://example.com/" />

HTML मेटा tag का उपयोग अलग अलग तरह से SEO के लिए किया जाता हैं ।
मेटा tag के कंटेंट कभी भी वेबसाइट पर नहीं दिखयी देते ।

Meta Author Name

मेटा author name को हिंदी में लेखक के नाम से जाना जाता हैं । आप मेटा author का उपयोग करके author नाम को भी सेट कर सकते हैं ।

<!DOCTYPE html>
<html>
<head>
<title> HTML meta </title> 
<meta ame="author" content="John Moracle" /> 
</head>
<body>
 HTML Meta 
</body>
</html>

Meta Charset

टैग का उपयोग करके charset (character सेट) को भी डिफाइन किया जा सकता है।

<!DOCTYPE html>
<html>
<head>
<title> HTML meta </title> 
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="We are learning meta tags in Hindi language." />
<meta ame="author" content="John Moracle " />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
 HTML Meta 
</body>
</html>

मेटा tags के कंटेंट सर्च इंजन के के लिए बनाया जाता हैं ।

Please Share