📈
Metadata & SEO

SEO Basics

Search Engines Ke Liye Optimize Karna
💡 SEO ek library mein book ko sahi jagah rakhna jaisa hai — agar book (webpage) properly categorized/labeled hai (semantic HTML, meta tags), library system (search engine) usse aasani se dhund kar sahi readers tak pahuncha sakta hai.

On-page SEO (jo HTML se directly related hai): meaningful <title> (unique per page), <meta description> (compelling summary), proper heading hierarchy (ek h1, logical h2/h3), semantic HTML (search engines structure samajhte hain), descriptive alt text images ke liye, aur meaningful link text (na ki "click here" — "HTML tutorial padho" jaisa descriptive).

URL structure bhi matter karta hai — /blog/html-basics-guide zyada SEO-friendly hai /page?id=123 se, kyunki readable hai aur keywords carry karta hai.

<!-- Sahi (SEO-friendly): -->
<title>Complete HTML Tutorial for Beginners | Code10x</title>
<meta name="description" content="Seekho HTML ekdum shuru se — tags, forms, semantic markup, sab kuch real examples ke saath.">

<h1>HTML Tutorial</h1>
<h2>Getting Started</h2>
<h2>Advanced Topics</h2>

<img src="html-diagram.png" alt="HTML document structure diagram">

<a href="/html-tutorial">Complete HTML tutorial padho</a>   <!-- descriptive -->
<!-- <a href="/html-tutorial">Click here</a>  — avoid, non-descriptive -->
📈
SEO ek library mein book ko sahi jagah rakhna jaisa hai — agar book (webpage) properly categorized/labeled hai (semantic HTML, meta tags), library system (search engine) usse aasani se dhund kar sahi readers tak pahuncha sakta hai.
1 / 2
⚡ Quick Recap
  • Unique, descriptive title/description har page ke liye
  • Semantic HTML + proper heading hierarchy = better structure
  • Descriptive alt text aur link text (na ki "click here")
Is page mein (2 subtopics)

robots.txt (site root par file) search engine crawlers ko batata hai kya crawl karna allowed hai. Per-page control ke liye <meta name="robots" content="noindex"> use karo — specific pages ko search results se exclude karne ke liye (jaise admin pages, thank-you pages).

<!-- robots.txt (site root, /robots.txt): -->
<!-- User-agent: *
     Disallow: /admin/
     Allow: / -->

<!-- Per-page, HTML mein: -->
<meta name="robots" content="noindex, nofollow">
<!-- Ye page search results mein nahi aayega -->
💡Tip: noindex use karo pages ke liye jo public search results mein nahi aane chahiye (login pages, internal tools) — accidentally important pages par lagana SEO ko badly damage kar sakta hai, isliye carefully use karo.

Structured data (JSON-LD format mein) search engines ko extra context deta hai — jaise "ye ek recipe hai, cooking time X hai" — jo "rich results" (star ratings, images directly search results mein) enable kar sakta hai.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Complete HTML Tutorial",
  "author": {"@type": "Person", "name": "Aarav"},
  "datePublished": "2026-07-28"
}
</script>
💡Tip: Structured data advanced SEO technique hai — Google's Rich Results Test tool se verify kar sakte ho ki tumhara structured data sahi se parse ho raha hai ya nahi.