<head> এ <meta> ট্যাগ পৃষ্ঠা সম্পর্কে মেটাডেটা প্রদান করে — চরিত্র এনকোডিং, viewport আচরণ, SEO বর্ণনা এবং সোশ্যাল-শেয়ারিং প্রিভিউ। এগুলি রেন্ডার করা হয় না তবে ব্রাউজার, সার্চ ইঞ্জিন এবং সোশ্যাল প্ল্যাটফর্ম দ্বারা পড়া হয়।
অত্যাবশ্যক দুটি
html
<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 ট্যাগ নিয়ন্ত্রণ করে যে আপনার লিঙ্কগুলি শেয়ার করার সময় কেমন দেখায়।
এক সাথে তারা মেটাডেটা স্তর যা একটি পৃষ্ঠা সঠিকভাবে রেন্ডার, র্যাঙ্ক এবং ভাল শেয়ার করতে দেয়।
বিস্তারিত উত্তরসহ IT ইন্টারভিউ প্রশ্নের একটি লাইব্রেরি — জুনিয়র থেকে সিনিয়র পর্যন্ত।
দান করুন