HTML Page Title वह text होता है जो browser tab में दिखाई देता है और search engines को page का विषय समझने में मदद करता है।
यह SEO, usability और branding तीनों के लिए बहुत important होता है।
HTML Page Title क्या होता है
Page Title browser window या tab के ऊपर दिखाई देता है।
जब कोई page bookmark किया जाता है, तो यही title bookmark का नाम बनता है।
Search engines भी इसी title को search result में headline की तरह दिखाते हैं।
HTML में Page Title कहाँ लिखा जाता है
HTML Page Title हमेशा <head> section के अंदर <title> tag में लिखा जाता है।
Basic Syntax
<title>My First Web Page</title>
यह tag <head> के अंदर होना जरूरी है।
Complete HTML Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Page Title Example</title>
</head>
<body>
<h1>Welcome</h1>
<p>This is a sample page.</p>
</body>
</html>
Browser tab में “HTML Page Title Example” दिखाई देगा।
Page Title और SEO
Page Title SEO का एक बहुत बड़ा factor है।
Search engines: Page का main topic समझते हैं
Keywords identify करते हैं
Search result में यही title दिखाते हैं
Good SEO title: Clear हो
Relevant keywords हों
User-friendly हो
Ideal Page Title Length
Recommended length: 50 से 60 characters
बहुत लंबा title search results में cut हो सकता है।
Example:
<title>HTML Tutorial for Beginners – Learn Web Development</title>
Unique Page Titles क्यों जरूरी हैं
Website के हर page का title अलग होना चाहिए।
Wrong:
<title>My Website</title>
हर page पर same title
Correct:
<title>HTML Tutorial – My Website</title>
<title>CSS Tutorial – My Website</title>
Unique titles SEO और navigation दोनों के लिए जरूरी होते हैं।
Page Title में Keywords का सही Use
Important keyword को title की शुरुआत में रखें।
Example:
<title>HTML Page Title Tutorial for Beginners</title>
Keyword stuffing से बचें।
Wrong:
<title>HTML HTML HTML Page Title HTML</title>
Branding के लिए Page Title
Brand name को title के अंत में add करना अच्छा practice है।
Example:
<title>HTML Page Title Tutorial | Career Alert</title>
Special Characters और Emojis
Limited special characters use किए जा सकते हैं।
Example:
<title>HTML Page Title Guide – Step by Step</title>
Emojis avoid करना better होता है, क्योंकि हर browser और search engine में properly render नहीं होते।
Dynamic Page Titles
Dynamic websites में page title automatically change किया जाता है।
Example concept: Blog post का title
Category name
Product name
Dynamic titles user experience और SEO दोनों improve करते हैं।
Common Mistakes
<title> tag body में लिख देना
बहुत लंबा title लिखना
Same title हर page पर रखना
Irrelevant keywords use करना
Page Title vs Heading (<h1>)
Page Title: Browser और search engine के लिए
<h1>: User के लिए page के अंदर visible heading
दोनों अलग हो सकते हैं लेकिन topic same होना चाहिए।
Best Practices
हर page का unique title रखें
Main keyword पहले रखें
Brand name अंत में रखें
Short और meaningful रखें
Real World Example
<head>
<title>HTML Page Title Explained with Examples | Web Tutorial</title>
</head>
Summary
HTML Page Title <title> tag से define किया जाता है।
यह browser tab, bookmarks और search results में दिखाई देता है।
SEO और user experience के लिए सही page title लिखना बहुत जरूरी है।