HTML Meta Tags - এইচটিএমএল মেটা ট্যাগ
আজকে আমরা শিখবো HTML Meta Tags সম্পর্কে এবং কীভাবে একটি SEO-Friendly ওয়েবপেজ স্ট্রাকচার তৈরি করা যায়। Meta Tag গুলো এমন তথ্য ধারণ করে যা ব্রাউজার, সার্চ ইঞ্জিন, এবং সোশ্যাল মিডিয়াতে পেজটি কেমন করে উপস্থাপন করবে তা নির্ধারণ করে। এই ট্যাগগুলো সাধারণত <head> এর মধ্যে ব্যবহার করা হয় এবং ভিজিটরদের কাছে না দেখা গেলেও SEO ও ওয়েব অপ্টিমাইজেশনে অনেক বড় ভূমিকা রাখে।
তাহলে চল, কোড দেখে নেওয়া যাক কিভাবে একটি SEO-Friendly হেডার তৈরি করা যায়।
💻 HTML কোড উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="এটি একটি HTML মেটা ট্যাগ ডেমো যা SEO ফ্রেন্ডলি পেজ তৈরিতে সাহায্য করে।">
<meta name="keywords" content="HTML, Meta Tags, SEO, Web Development">
<meta name="author" content="Your Name">
<meta name="robots" content="index, follow">
<title>HTML Meta Tags Example</title>
</head>
<body>
<h1>Welcome to HTML Meta Tags Tutorial</h1>
</body>
</html>
📘 প্রতিটি লাইনের ব্যাখ্যা:
🔹 <meta charset="UTF-8">
👉 এই ট্যাগটি বলে দেয় পেজটি কোন ক্যারেক্টার এনকোডিং ব্যবহার করবে।
👉 UTF-8 হলো সবচেয়ে কমন এবং ইউনিভার্সাল ফরম্যাট, যা বাংলা সহ প্রায় সব ভাষা সাপোর্ট করে।
🔹 <meta name="viewport" content="width=device-width, initial-scale=1.0">
👉 এটি মোবাইল ফ্রেন্ডলি ওয়েবসাইটের জন্য আবশ্যক।
👉 এর মাধ্যমে পেজটি যেকোনো ডিভাইসের স্ক্রিন অনুযায়ী স্কেল হয়।
🔹 <meta name="description" content="...">
👉 পেজ সম্পর্কে সংক্ষিপ্ত বিবরণ দেয় যা গুগল সার্চ রেজাল্টে দেখা যায়।
👉 ১৫০–১৬০ ক্যারেক্টারের মধ্যে এই description লেখা ভালো।
🔹 <meta name="keywords" content="...">
👉 কিছু কীওয়ার্ড দিয়ে বোঝানো হয় এই পেজ কোন কোন বিষয়ের সাথে সম্পর্কিত।
👉 যদিও গুগল এখন এটি কম গুরুত্ব দেয়, তবে এখনও অনেক সার্চ ইঞ্জিনে কাজ করে।
🔹 <meta name="author" content="...">
👉 এই ট্যাগে লেখা হয় কে এই পেজ বা কনটেন্টের নির্মাতা।
👉 এটা SEO-তে সরাসরি সাহায্য না করলেও পরিচিতির জন্য ভালো।
🔹 <meta name="robots" content="index, follow">
👉 সার্চ ইঞ্জিন বটকে বলে দেয় এই পেজটি ইনডেক্স করতে পারবে কি না এবং লিংকগুলো অনুসরণ করতে পারবে কি না।
👉 index, follow মানে পেজটা ইনডেক্স হোক এবং ভেতরের লিংকগুলোও ফলো করা হোক।
🔹 <title>HTML Meta Tags Example</title>
👉 এই ট্যাগটি ব্রাউজারের ট্যাবে দেখা যায় এবং সার্চ রেজাল্টেও গুরুত্বপূর্ণ।
