<head> এ <meta> ট্যাগ পৃষ্ঠা সম্পর্কে মেটাডেটা প্রদান করে — চরিত্র এনকোডিং, viewport আচরণ, SEO বর্ণনা এবং সোশ্যাল-শেয়ারিং প্রিভিউ। এগুলি রেন্ডার করা হয় না তবে ব্রাউজার, সার্চ ইঞ্জিন এবং সোশ্যাল প্ল্যাটফর্ম দ্বারা পড়া হয়।
অত্যাবশ্যক দুটি
<head> এ <meta> ট্যাগ পৃষ্ঠা সম্পর্কে মেটাডেটা প্রদান করে — চরিত্র এনকোডিং, viewport আচরণ, SEO বর্ণনা এবং সোশ্যাল-শেয়ারিং প্রিভিউ। এগুলি রেন্ডার করা হয় না তবে ব্রাউজার, সার্চ ইঞ্জিন এবং সোশ্যাল প্ল্যাটফর্ম দ্বারা পড়া হয়।
charset নিশ্চিত করে যে পাঠ্য (বিশেষত non-ASCII) সঠিকভাবে ডিকোড হয়। এটি প্রথম রাখুন।viewport যা একটি সাইটকে মোবাইলে responsive করে তোলে — এটি ছাড়া, ফোন একটি নকল 980px প্রস্থে রেন্ডার করে এবং জুম আউট করে, আপনার responsive CSS ভাঙ্গে দেয়।<title>Page Title — 50–60 chars</title>
<meta name="description" content="Summary shown in search results, ~150 chars" />
<link rel="canonical" href="https://site.com/page" /> <!-- avoid duplicate-content penalties -->
<title> এবং description Google ফলাফলে যা প্রদর্শিত হয় তাই, তাই তারা ক্লিক-থ্রু চালিত করে। canonical সার্চ ইঞ্জিনকে কর্তৃপক্ষ URL বলে দেয়।
<meta property="og:title" content="Shareable title" />
<meta property="og:description" content="Shown when shared" />
<meta property="og:image" content="https://site.com/preview.jpg" />
<meta property="og:url" content="https://site.com/page" />
<meta name="twitter:card" content="summary_large_image" />
এগুলি যে কার্ড নিয়ন্ত্রণ করে যা আপনার লিঙ্ক Facebook, LinkedIn, Slack, X ইত্যাদিতে শেয়ার করার সময় প্রদর্শিত হয় — এগুলি ছাড়া আপনি একটি কুৎসিত বা খালি প্রিভিউ পান।
charset এবং viewport সঠিক রেন্ডারিং এবং মোবাইল প্রতিক্রিয়াশীলতার জন্য অ-আলোচনাযোগ্য; title/description/canonical SEO চালিত করে; Open Graph ট্যাগ নিয়ন্ত্রণ করে যে আপনার লিঙ্কগুলি শেয়ার করার সময় কেমন দেখায়।
এক সাথে তারা মেটাডেটা স্তর যা একটি পৃষ্ঠা সঠিকভাবে রেন্ডার, র্যাঙ্ক এবং ভাল শেয়ার করতে দেয়।