ডকুমেন্ট হেডে কোন গুরুত্বপূর্ণ মেটা ট্যাগ যায়?

Question

Accepted Answer

`` এ `` ট্যাগ পৃষ্ঠা সম্পর্কে মেটাডেটা প্রদান করে — চরিত্র এনকোডিং, viewport আচরণ, SEO বর্ণনা এবং সোশ্যাল-শেয়ারিং প্রিভিউ। এগুলি রেন্ডার করা হয় না তবে ব্রাউজার, সার্চ ইঞ্জিন এবং সোশ্যাল প্ল্যাটফর্ম দ্বারা পড়া হয়। ## অত্যাবশ্যক দুটি ```html ``` - **`charset`** নিশ্চিত করে যে পাঠ্য (বিশেষত non-ASCII) সঠিকভাবে ডিকোড হয়। এটি প্রথম রাখুন। - **`viewport`** যা একটি সাইটকে মোবাইলে **responsive** করে তোলে — এটি ছাড়া, ফোন একটি নকল 980px প্রস্থে রেন্ডার করে এবং জুম আউট করে, আপনার responsive CSS ভাঙ্গে দেয়। ## SEO মেটা ```html Page Title — 50–60 chars ``` `` এবং `description` Google ফলাফলে যা প্রদর্শিত হয় তাই, তাই তারা ক্লিক-থ্রু চালিত করে। `canonical` সার্চ ইঞ্জিনকে কর্তৃপক্ষ URL বলে দেয়। ## Open Graph — সোশ্যাল শেয়ারিং প্রিভিউ ```html <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 ট্যাগ নিয়ন্ত্রণ করে যে আপনার লিঙ্কগুলি শেয়ার করার সময় কেমন দেখায়। এক সাথে তারা মেটাডেটা স্তর যা একটি পৃষ্ঠা সঠিকভাবে রেন্ডার, র‍্যাঙ্ক এবং ভাল শেয়ার করতে দেয়।