HTML Page Title
এইচটিএমএল পেজ টাইটল টিউটোরিয়াল (বাংলায়)
এইচটিএমএল-এ পেজ টাইটল ব্রাউজার ট্যাবে প্রদর্শিত হয় এবং ওয়েব পেজের বিষয়বস্তু সংক্ষেপে বর্ণনা করে। এই টিউটোরিয়ালে আমরা শিখব কীভাবে <title> ট্যাগ ব্যবহার করে পেজ টাইটল যোগ করা যায়।
১. পেজ টাইটল কী?
পেজ টাইটল হলো ওয়েব পেজের শিরোনাম, যা <title> ট্যাগের মাধ্যমে <head> সেকশনে যোগ করা হয়। এটি ব্রাউজার ট্যাবে, বুকমার্কে এবং সার্চ ইঞ্জিন ফলাফলে প্রদর্শিত হয়।
সিনট্যাক্স: <title>পেজের শিরোনাম</title>
২. পেজ টাইটলের গুরুত্ব
- ব্রাউজারে প্রদর্শন: ট্যাবে পেজের নাম দেখায়।
- SEO (সার্চ ইঞ্জিন অপ্টিমাইজেশন): সার্চ ইঞ্জিনে পেজের বিষয়বস্তু বোঝাতে সাহায্য করে।
- বুকমার্ক: বুকমার্ক করার সময় পেজের পরিচয় দেয়।
- অ্যাক্সেসিবিলিটি: স্ক্রিন রিডার ব্যবহারকারীদের জন্য পেজের বিষয়বস্তু বোঝায়।
৩. পেজ টাইটল যোগ করার উদাহরণ
উদাহরণ ১: সাধারণ পেজ টাইটল
এই পেজের টাইটল ব্রাউজার ট্যাবে দেখা যাবে।
কোড:
<head>
<title>আমার ওয়েব পেজের টাইটল</title>
</head>
আউটপুট: ব্রাউজার ট্যাবে “আমার ওয়েব পেজের টাইটল” দেখাবে।
উদাহরণ ২: SEO-এর জন্য টাইটল
সার্চ ইঞ্জিনের জন্য সংক্ষিপ্ত এবং বর্ণনামূলক টাইটল।
কোড:
<head>
<title>বাংলায় ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল | এইচটিএমএল শিখুন</title>
</head>
ব্যাখ্যা: টাইটলটি পেজের বিষয়বস্তু এবং কীওয়ার্ড ধারণ করে, যা SEO-এর জন্য উপযোগী।
উদাহরণ ৩: ডায়নামিক টাইটল
জাভাস্ক্রিপ্ট ব্যবহার করে টাইটল পরিবর্তন করা (এই উদাহরণে শুধু কোড দেখানো হয়েছে)।
কোড:
<head>
<title>মূল টাইটল</title>
</head>
<body>
<script>
document.title = "নতুন টাইটল";
</script>
</body>
ব্যাখ্যা: জাভাস্ক্রিপ্ট ব্যবহার করে পেজ লোডের পর টাইটল পরিবর্তন করা যায়।
৪. পেজ টাইটলের সেরা পদ্ধতি
- টাইটল সংক্ষিপ্ত এবং বর্ণনামূলক রাখুন (৬০-৭০ অক্ষরের মধ্যে)।
- প্রতিটি পেজের জন্য অনন্য টাইটল ব্যবহার করুন।
- গুরুত্বপূর্ণ কীওয়ার্ড টাইটলের শুরুতে রাখুন।
- ব্র্যান্ড নাম শেষে যোগ করুন (যেমন: “ওয়েব ডিজাইন টিউটোরিয়াল | আমার সাইট”)।
- অপ্রয়োজনীয় শব্দ (যেমন “হোম”, “ওয়েলকাম”) এড়িয়ে চলুন।
- টাইটল স্পষ্ট এবং বোধগম্য হওয়া উচিত।
৫. সাধারণ ভুল এড়ানো
<title>ট্যাগ<head>এর বাইরে ব্যবহার করবেন না।- একাধিক
<title>ট্যাগ ব্যবহার করবেন না। - টাইটল খালি বা অর্থহীন (যেমন “Untitled”) রাখবেন না।
- খুব দীর্ঘ টাইটল এড়িয়ে চলুন, কারণ সার্চ ইঞ্জিন এটি কেটে ফেলতে পারে।
