SEO क्या है?Meta tag क्या है? SEO कैसे करें?
What are meta tags? What is Search Engine Optimization? Importance of meta tag. Important meta tags.
Table of contents
What is SEO?
इंटरनेट के इस दौर में बदलती चीजों के साथ-साथ नई-नई जरूरतें भी बढ़ रही हैं। उसी क्रम में एक जरूरत यह भी है कि जो content web पर डाले गए हैं, वह इंटरनेट पर कैसे दिखेंगे? search engine contents को कैसे आसानी से ढूढेंगे? तो उन content को search करके web पर दिखाने के लिए एक system बनाया गया है, यही Search Engine Optimization कहलाता है। SEO के आ जाने से search engine के लिए सही कंटेंट को दिखाना आसान हो गया है। उदाहरण के लिए कोई ब्लाग html के बारे में लिखा गया है, जब कोई इंटरनेट पर html के बारे में ढूंढे, तो सर्च इंजन SEO के माध्यम से उस ब्लाग को यूजर को दिखा देता है।
How SEO Works?
कोई भी web page html की कोडिंग से बना होता है। HTML कोडिंग में head part होता है, उसी <head> में <meta> टैग लिखे होते हैं। जब कोई content search engine पर ढूंढा जाता है, तो search engine सभी web pages के head section में ढूंढता है। और फिर उससे matched content को यूजर तक पहुंचा देता है। <meta> टैग में ही keyword, title, description लिखे होते हैं। और वहीं सर्च इंजन सर्च करता है कि क्या लिखा गया है उस टैग के अंदर।
SEO को सही से apply करने के लिए <meta> टैग को समझना जरूरी है-
What are meta tags?
meta टैग जानकारी देता है, कुछ web features के बारे में जैसे कि device screen (जिस पर web page दिखेगा) viewport कैसा होगा। उस पेज के heading के बारे में बताता है, उस पेज किस बारे में है, यह बताता है। इस तरह से यह एक data है, जो html document के किसी specific data के बारे में जानकारी देता है। इसमें html document के author के बारे में भी जानकारी दी जाती है। यह ब्राउजर पर नहीं दिखता है, लेकिन ब्राउजर और सर्च इंजन या अन्य मशीनों द्वारा read किया जाता है। लगभग सभी प्रचलित ब्राउजर इसे support करते हैं।
What is importance of meta tags in html?
सही meta tag का use यह तय करता है कि SEO द्वारा website आसानी से find किया जा सकता है। Meta tags SEO के लिए काफी महत्वपूर्ण हैं। क्योंकि यही तय करता है कि user कितनी आसानी से उस वेब पेज तक इंटरनेट के माध्यम से पहुंच सकता है। यह टैग उस वेब पेज के बारे में सभी जानकारी देते हैं कि पेज किस बारे में है, किस तरह का content उस पेज में है।
What are important meta tags?
वेब पेज के बारे में जानकारी देने के लिए कई meta टैग प्रयोग किए जाते हैं-
Title Tag
Meta Description
Canonical Tag
Alternative Text Tag
Robots meta Tag
Open Graph Meta Tags and Twitter cards
Header Tags
Responsive Design Meta Tags
What is Title Tag in html?
Title Tag काफी महत्वपूर्ण टैग है, क्योंकि यह SEO और visitors को SERP(Search Engine Result Page) और browser के title में दिखाई देता है। यह टैग यह बताता है कि पेज किस बारे में है। जब ब्राउजर पर किसी वेब पेज को bookmark या favourites में जोड़ा जाता है, तो ब्राउजर title टैग को ही टारगेट करता है। लगभग सभी ब्राउजर title टैग को सपोर्ट करते हैं।
how to make title tag effective?
यदि संभव हो, तो title को 60 character के अंदर ही लिखें, उससे ज्यादा Character न इस्तेमाल करें।
Title की शुरुआत में "how to ", "top", "Tips", "find" अथवा इस तरह के word प्रयोग किए जाने चाहिए।
ऐसे keyword बनाने चाहिए, जो 4 से अधिक हों, जैसे "how to make a Site mobile-friendly".
Title में नंबर का प्रयोग करना चाहिए, जैसे "9 ways to write SEO".
किसी भी तरह के extra keyword इसमें नहीं लिखना चाहिए। जैसे "If you want to purchase please contact us".
सभी अलग-अलग वेब पेज के लिए अलग-अलग unique title लिखने चाहिए।
What is meta description in html?
Search result में जो title के नीचे लिखा हुआ होता है, वही meta description होता है। यह पूरे पेज के बारे में जानकारी देता है। कि इस पूरे पेज में क्या क्या है। हालांकि Google meta description को सर्च ranking में शामिल नहीं करता है, फिर भी description का पेज के click through rate पर काफी प्रभाव है। डेस्कटाप के लिए new average length Snippet में लगभग 160 character है। और mobile के लिए यह अब लगभग 130 character है।
How to write meta description?
duplicate meta description नहीं लिखना चाहिए, जो कहीं और से लाया गया है।
कोई Offer discount हो, तो उसे लिख देना चाहिए।
targeted keyword को लिखना चाहिए।
Clear call to action (CTA) हो, तो जरूर जोड़ना चाहिए, जैसे apply now.., check out.., hurry up.., limited time...
What is canonical tag?
Html 5.0 के अलावा भी और अन्य version भी अभी सक्रिय भूमिका में हैं। तो जब हम canonical tag लगाते हैं, तो इससे search Engines को यह बताया जाता है कि इस पेज के और दूसरे version भी हैं, लेकिन यह पेज सभी के लिए बना है, और यही सबसे ज्यादा applicable है, दूसरे version page को अलग से सर्च करने की जरूरत नहीं है। और उस पेज की लिंक उस टैग के अंदर लिखी होती है, जो सबसे authentic page है सभी एक ही तरह के पेजों में।
how to use canonical meta tag?
उदाहरण के लिए एक ही वेब पेज के कई duplicates भी हैं, उन सभी में सबसे authentic web page का लिंक cdhip.com है, तो canonical tag कुछ इस प्रकार होगा-
What is Robots meta tag?
किसी प्रोडक्ट या किसी कंपनी या किसी व्यक्ति के लिए जो web pages बनाये जाते हैं, हो सकता है कि उनमें से कुछ भविष्य के लिए बनाये गये हों या कुछ ऐसे भी content हो, जिसे इंटरनेट पर दिखाने के लिए मनाही हो, तो ऐसे case में robots meta tag प्रयोग किए जाते हैं। यह search engine cralwler को यह बताता है कि इस पेज को index या follow करना है या नहीं करना है।
Types of robots meta tag
यह चार तरह का होता हैः
INDEX यह browser के search engine crawler को बताता है कि इस पूरे पेज को SERP में index करना है।
FOLLOW Search engine crawler पेज के सभी link को follow करेगा। यानी लिंक के माध्यम से वह आगे बढ़ सकता है और आगे की content को दिखा सकता है, जो उस पेज से linked हैं।
NOFOLLOW Search engine crawler पेज के किसी भी link को follow नहीं करेगा। यह ऐसे केस के लिए होता है, जब कोई यह भी चाहता हो, कि पेज के किसी लिंक के माध्यम से भी सर्च इंजन आगे नहीं जायेगा।
NOINDEX यह browser के search engine crawler को बताता है कि इस पूरे पेज को SERP में index नहीं करना है।
how to write robots meta tag?
यह एक बेहतरीन technique है, unwanted data को सर्च इंजन को खोजने से रोका जा सकता है। Html के head के भीतर यह लिखा जाता है-
Syntax: Unfollow और Noindex के लिए
<meta name="robots" content="nofollow,noindex">
Follow और Indexके लिए
<meta name="robots" content="follow,index">
उदाहरण के लिए किसी लिंक को
<a href="https://www.example.com" rel="nofollow">Anchor Text</a>
What is Open graph meta Tags?
जब किसी content या URL को किसी सोशल मीडिया पर share किया जाता है, तो social media जैसे कि facebook etc. उसे एक code snippet के माध्यम से कंट्रोल करते हैं और यह तय करते हैं कि वह सोशल मीडिया प्लेटफार्म पर कैसे दिखेगा। Twitter में twitter cards होते हैं, यदि twitter cards नहीं है, तो वहां भी पेज के head में यह टैग देखे जा सकते हैं। यह og:property name इस तरह से लिखा होता है।
How to write open graph meta tags?
वेब पेज के head में यह कोड लिखे होते हैं-
What is Responsive design meta tags for SEO?
Responsive design meta tags को ही viewport meta tag भी कहा जाता है। यह किसी भी वेब पेज को किसी भी device screen पर आसानी से render करने में मदद करता है। किसी भी वेब पेज की width को ही device की width में बदल देता है। उदाहरण के लिए किसी लैपटाप पर बनाये गये वेबसाइट को किसी टैबलेट में खोलने पर width फिट नहीं हो पायेगी। उसके लिए viewport meta टैग लगाना पड़ता है।
viewport किसी device की screen की उस area को कहते हैं, जिसपर वेबपेज दिखाई देता है।
how to write responsive design meta tags for SEO?
Html 5.0 का boiler plate code लाने पर उसमे यह टैग लिखा होता है। <meta name="viewport" content="width=device-width, initial-scale=1.0">
इस टैग के भीतर साफ-साफ लिखा होता है कि width=device-width इससे वेब पेज की जो width होती है, वही device screen width के बराबर हो जाती है। और initial -scale =1.0 इसे 100% पर सेट कर देता है।
यह बात ध्यान देने वाली होती है किसी unresponsive web page के लिए यह टैग ठीक नहीं होता है। क्योंकि other devices पर इसे देखने पर हो सकता है कि पेज ठीक से न दिखे।