<meta> ٹیگز <head> میں صفحہ کے بارے میں میٹا ڈیٹا فراہم کرتے ہیں — کریکٹر انکوڈنگ، viewport رویہ، SEO تفصیلات، اور سوشل شیئرنگ پیشگی۔ یہ رینڈر نہیں ہوتے لیکن براؤزرز، سرچ انجن، اور سوشل پلیٹ فارمز کے ذریعے پڑھے جاتے ہیں۔
ضروری دونوں
<meta> ٹیگز <head> میں صفحہ کے بارے میں میٹا ڈیٹا فراہم کرتے ہیں — کریکٹر انکوڈنگ، viewport رویہ، SEO تفصیلات، اور سوشل شیئرنگ پیشگی۔ یہ رینڈر نہیں ہوتے لیکن براؤزرز، سرچ انجن، اور سوشل پلیٹ فارمز کے ذریعے پڑھے جاتے ہیں۔
charset یقینی بناتا ہے کہ ٹیکسٹ (خاص طور پر غیر 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 صحیح رینڈرنگ اور موبائل responsiveness کے لیے ضروری ہیں؛ title/description/canonical SEO میں اضافہ کرتے ہیں؛ Open Graph ٹیگز کنٹرول کرتے ہیں کہ آپ کے لنکز شیئر ہونے پر کیسے نظر آتے ہیں۔
مل کر یہ میٹاڈیٹا لیئر ہے جو صفحہ کو صحیح طریقے سے رینڈر کرنے، درجہ بندی کرنے، اور اچھی طرح شیئر کرنے میں مدد کرتی ہے۔