HTML <meta> name गुण

HTML <meta> टैग

परिभाषा और उपयोग

name गुण का उपयोग करके मेटाडाटा के नाम को निर्दिष्ट करता है。

name गुण का उपयोग करके content गुण के मूल्य के नाम के रूप में

का उपयोग करके name और content गुण के द्वारा, दस्तावेज़ के लिए मेटाडाटा को परिभाषित करने के लिए नाम/मूल्य जोड़ियाँ उपयोग की जा सकती हैं। जहांname गुण का उपयोग करके मेटाडाटा के प्रकार को निर्दिष्ट करता है और content गुण का उपयोग करके मूल्य प्रदान करता है。

नीचे दी गई तालिका में कई पूर्व-परिभाषित मेटाडाटा प्रकारों को दर्शाया गया है。

ध्यान दें:यदि सेट किया गया है http-equiv गुणसेट करें name गुण

सूचना:HTML5 ने एक तरीका शुरू किया है, जो वेब डिजाइनरों को <meta> टैग के माध्यम से विक्षेपक (वेब के उपयोगकर्ता के दृश्यांतर) को नियंत्रित करने की संभावना प्रदान करता है (दोनों ओर 'विक्षेपक सेटिंग' उदाहरण को देखें)。

उदाहरण

name गुण का उपयोग करके HTML दस्तावेज़ के बारे में वर्णन, कीवर्ड्स और लेखक को निर्दिष्ट करें। अत: विक्षेपक को निर्धारित करें, ताकि पृष्ठ के आकार और विभिन्न डिवाइसों के लिए फ़ैक्टरिंग दृश्यांतर नियंत्रित किया जा सके:

<head>
  <meta name="description" content="फ्री वेब ट्यूटोरियल">
  <meta name="keywords" content="HTML,CSS,JavaScript">
  <meta name="author" content="YK Investment">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

स्वयं अभिप्राय कीजिए

व्याकरण

<meta name="value">

गुणमूल्य

मूल्य वर्णन
application-name पृष्ठ को प्रतिनिधित्व करने वाले Web अनुप्रयोग के नाम को निर्दिष्ट करता है。
author

दस्तावेज़ के लेखक के नाम को निर्दिष्ट करता है। उदाहरण के लिए:

<meta name="author" content="YK Investment">
description

पृष्ठ की वर्णन को निर्दिष्ट करता है। चोजन सर्च इंजन इस वर्णन को चोजन परिणाम को दिखाने के लिए चुन सकता है। उदाहरण के लिए:

<meta name="description" content="फ्री वेब ट्यूटोरियल">
generator

दस्तावेज़ को बनाने के लिए उपयोग किए जाने वाले सॉफ्टवेयर पैकेजों में से एक (हाथ से पृष्ठ नहीं) को निर्दिष्ट करता है। उदाहरण के लिए:

<meta name="generator" content="FrontPage 4.0">
keywords

पृष्ठ से संबंधित कीवर्ड लिस्ट को पट्टी से अलग करके दिया गया है। चोजन सर्च इंजन को पृष्ठ के सामग्री के बारे में बताया जाता है。

सूचना:हमेशा अभिज्ञान (keywords) को निर्धारित करें (सर्च इंजिन को पृष्ठ को श्रेणीबद्ध करने के लिए आवश्यक)। उदाहरण के लिए:

<meta name="keywords" content="HTML, meta tag, tag reference">
viewport विझ्वल सामना (viewport) को नियंत्रित करना (वेब पृष्ठ का उपयोगकर्ता के दृश्य क्षेत्र)。

व्याख्या

तालिका में दिए गए छह पूर्वनिर्धारित मेटाडाटा प्रकारों के अलावा, मेटाडाटा विस्तार का उपयोग कर सकते हैं। इस पृष्ठ को देखकर निरंतर अपडेट होने वाली विस्तार सूची प्राप्त करें:

http://wiki.whatwg.org/wiki/MetaExtensions

कुछ विस्तार अधिक उपयोग में हैं, जबकि अन्य केवल बहुत कम उपयोग में हैं, जटिल हैं। robots मेटाडाटा जो अधिक उपयोग में है। HTML दस्तावेज़ लेखक इसे उपयोग कर सकते हैं ताकि सर्च इंजिन को दस्तावेज़ के साथ कैसे व्यवहार करना चाहिए, बता सकें। उदाहरण के लिए:

<meta name="robots" content="noindex">

इस मेटाडाटा प्रकार की तीन मूल मूल्य हैं जो अधिकांश ब्राउज़रों द्वारा पहचाना जाता है:

  • noindex - इस पृष्ठ को नहीं अनुक्रमित करना
  • noarchive - इस पृष्ठ को अभिलेखागार या कैश नहीं करना
  • nofollow - इस पृष्ठ के लिंकों में जाने को नहीं चाहिए

उपलब्ध मेटाडाटा विस्तार कम संख्या में है, डेवलपर्स को उस ऑनलाइन सूची को पढ़ना चाहिए, जिसमें उनके परियोजना के लिए उपयोगी अनेक विस्तार हैं。

सूचना

सर्च इंजिन को सामग्री की श्रेणी और श्रेणीबद्ध करने के लिए बताने के लिए पिछले सर्वाधिक माध्यमों में keywords मेटाडाटा था। अब सर्च इंजिनों को keywords मेटाडाटा के प्रति गहराई कम है, जो इसलिए है कि यह फलस्वरूप वेब पृष्ठ के सामग्री और संबंधितता की झूठी दिशा पैदा कर सकता है। निर्माता चाहे सामग्री सर्च इंजिन के आईसे बेहतर दिखे, तो उनके द्वारा प्रदान की गई सिफारिशों का उपयोग करना सबसे अच्छा तरीका है। अधिकांश सर्च इंजिनों ने वेब पृष्ठ या पूरे वेबसाइट को अच्छा तरीके से ओप्टिमाइज करने के लिए गाइड प्रदान किया है。

गूगल: सर्च इंजिन ओप्टिमाइजेशन (SEO) नए गाइड

https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn

बाइडू: बाइडू सर्च इंजिन ओप्टिमाइजेशन गाइड

https://ziyuan.baidu.com/college/articleinfo?id=1346

सामना सेट करना

विझ्वल सामना (viewport) वेब पृष्ठ का उपयोगकर्ता के दृश्य क्षेत्र है। यह उपकरणों के आधार पर भिन्न होता है - यह मोबाइल पर कम्प्यूटर स्क्रीन की तुलना में छोटा हो सकता है。

आपको सभी वेब पृष्ठों में निम्नलिखित <meta> एलीमेंट को शामिल करना चाहिए:

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

यह ब्राउज़र को पृष्ठ के आकार और विस्तार को नियंत्रित करने के बारे में जानकारी प्रदान करता है।

width=device-width कुछ सेटिंग पृष्ठ की चौड़ाई को सेट करते हैं, ताकि वह डिवाइस के स्क्रीन चौड़ाई का अनुसरण करे (डिवाइस के आधार पर भिन्न होता है)。

initial-scale=1.0 कुछ सेटिंग ब्राउज़र को पृष्ठ को पहली बार लोड करने के समय प्रारंभिक जगही स्केल सेट करते हैं。

यह एक विश्वस्तर में विश्वस्तर उपमा टैग का उपयोग नहीं करने वाला वेब पेज का उदाहरण है, और विश्वस्तर में विश्वस्तर उपमा टैग के साथ उसी वेब पेज का उदाहरण है:



विश्वस्तर में विश्वस्तर उपमा टैग का उपयोग नहीं करें


विश्वस्तर में विश्वस्तर उपमा टैग का उपयोग करें


सूचना:अगर आप मोबाइल या टैबलेट से इस पेज को देख रहे हैं, तो आप नीचे दिए गए दो लिंक पर क्लिक करके विभिन्नताओं को देख सकते हैं。

हमारेदायरा संवेदी वेब पेज डिजाइन - विश्वस्तर शिक्षाविश्वस्तर के बारे में और अधिक जानें。

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट

HTML <meta> टैग