دستاویز کے ہیڈ میں کون سے اہم میٹا ٹیگز جاتے ہیں؟

Question

Accepted Answer

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