HTML SEO Basics :
SEO (Search Engine Optimization) एक ऐसी प्रक्रिया है जिसके द्वारा हम अपनी वेबसाइट को Search Engine (जैसे Google, Bing) में बेहतर rank कराने के लिए optimize करते हैं।
HTML में SEO का महत्व
HTML SEO में हम HTML tags का सही उपयोग करके Search Engine को बताते हैं कि:
- वेबसाइट किस विषय पर है।
- कौन-सा content important है।
- Page का title क्या है।
- Images किस बारे में हैं।
- Content की structure कैसी है।
| क्रमांक | HTML Element / Technique | Syntax | SEO में उपयोग | Example |
|---|---|---|---|---|
| 1 | Title Tag | <title>Title Name</title> | Search result में page का title दिखाने के लिए | <title>HTML Tutorial in Hindi</title> |
| 2 | Meta Description | <meta name="description" content="text"> | Search engine को page की जानकारी देने के लिए | <meta name="description" content="Learn HTML"> |
| 3 | Meta Keywords | <meta name="keywords" content="keyword"> | Page के keywords बताने के लिए (अब कम उपयोग होता है) | <meta name="keywords" content="HTML,CSS"> |
| 4 | Meta Robots | <meta name="robots" content="index,follow"> | Search engine crawler को instruction देने के लिए | <meta name="robots" content="index,follow"> |
| 5 | Charset Meta Tag | <meta charset="UTF-8"> | Text और language characters सही दिखाने के लिए | <meta charset="UTF-8"> |
| 6 | Viewport Meta Tag | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | Website को mobile friendly बनाने के लिए | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 | H1 Heading Tag | <h1>Heading</h1> | Page की मुख्य heading बताने के लिए | <h1>HTML Tutorial</h1> |
| 8 | H2-H6 Heading Tags | <h2>Heading</h2> | Content को structure देने के लिए | <h2>HTML Tags</h2> |
| 9 | Semantic Tags | <header>, <main>, <footer> | Search engine को content structure समझाने के लिए | <main>Main Content</main> |
| 10 | Image Alt Attribute | <img src="" alt=""> | Search engine को image के बारे में बताने के लिए | <img src="html.jpg" alt="HTML Tutorial"> |
| 11 | Anchor Tag | <a href="">Link</a> | Pages को आपस में जोड़ने के लिए | <a href="css.html">CSS Tutorial</a> |
| 12 | Internal Linking | <a href="page.html"> | Website के pages के बीच connection बनाने के लिए | <a href="about.html">About</a> |
| 13 | External Linking | <a href="url"> | Trusted websites से link बनाने के लिए | <a href="https://example.com">Visit</a> |
| 14 | SEO Friendly URL | Clean URL structure | Search engine और user को URL समझने में मदद करता है | example.com/html-tutorial |
| 15 | Strong Tag | <strong>Text</strong> | Important words को highlight करने के लिए | <strong>HTML</strong> |
| 16 | Article Tag | <article></article> | Blog/article content को define करने के लिए | <article>HTML Guide</article> |
| 17 | Section Tag | <section></section> | Content के अलग-अलग sections बनाने के लिए | <section>HTML Basics</section> |
| 18 | Navigation Tag | <nav></nav> | Website menu को define करने के लिए | <nav>Home About Contact</nav> |
| 19 | Page Speed Optimization | Fast loading code | Website loading speed बेहतर करने के लिए | Compress images, clean code |
| 20 | Mobile Responsive Design | Responsive CSS + Viewport | Mobile users के लिए website optimize करना | Media Queries का उपयोग |
Java Script (Basic to Advanced)
- HTML Full Course in Hindi (Beginner to Advanced)HTML Roadmap HTML Introduction ↓ Basic Tags ↓ Formatting Tags ↓ Links & Images ↓ Lists ↓ Tables ↓ Forms ↓ Media ↓ Semantic Tags ↓ Layout Techniques ↓ Attributes ↓ Meta Tags ↓ SEO Basics ↓ Accessibility ↓ Projects … Read more: HTML Full Course in Hindi (Beginner to Advanced)
- HTML Introduction (easy to learn ) in HindiHTML क्या है? HTML का इतिहास HTML 1.0 सन 1991 में Tim – Berners Lee के द्वार लॉन्च किया गया था | यह HTML का पहला वर्जन था | 2- HTML 2.0 HTML 2.0 को वर्ष 1995 में लॉन्च किया गया था | यह HTML का दूसरा वर्जन था | जो वेबसाइट को डिजाइन करने… Read more: HTML Introduction (easy to learn ) in Hindi
- How to run code in an HTML editorNotepad और VS Code का उपयोग करके HTML प्रोग्राम चलाना सीखें Notepad Step 1: Notepad open करे | Step 2: Notepad open कर HTML कोड लिखें | Step 3: HTML कोड को सेव करें। Step 4: HTML पेज को अपने ब्राउज़र में देखें। VS Code Step 1 : VS Code डाउनलोड करें | 2. VS… Read more: How to run code in an HTML editor
- HTML Basic Tag in Hindi (easy to learn )1. Heading Tag HTML में Heading Tags का उपयोग web page के शीर्षक (Title) और उपशीर्षक (Subheading) को बनाने के लिए किया जाता है। Heading Tags page के structure को arrange करने में मदद करता हैं और SEO के लिए भी महत्वपूर्ण होता हैं। Syntax : HTML में कुल 6 Heading Tags होते हैं Tag… Read more: HTML Basic Tag in Hindi (easy to learn )
- HTML Style (all HTML Style) in hindi1. Inline CSS Inline का मतलब होता है “एक ही लाइन या सीधे टैग के अंदर” लिखा जाता है। मतलब इसे HTML टैग के अंदर ही लिखा जाता है Example : Output : Hello world Advantage : Disadvantage : 2. Internal CSS Internal CSS में उसी HTML File के <head> Section के अंदर <style> Tag… Read more: HTML Style (all HTML Style) in hindi