میٹا ٹیگ اور اوپن گراف جنریٹر
تلاش کے نتائج اور سماجی پیش نظاروں کے لیے صفحہ کو درکار میٹا ٹیگز بنائیں: عنوان، تفصیل، کیننیکل یو آر ایل، اوپن گراف اور ٹویٹر کارڈ ٹیگز۔ کھیتوں کو پُر کریں، جیسے جیسے آپ ٹائپ کرتے ہیں مارک اپ اسمبل دیکھیں، اور بلاک کو اپنے صفحہ کے سر میں چسپاں کریں۔
Enter Page Metadata Details
Google & Social Card Live Preview
https://mywebsite.com
My Awesome Website — Premium Tools
Convert files, remove image backgrounds, and format code 100% free inside your browser tab with zero cloud uploads.
mywebsite.com
My Awesome Website — Premium Tools
Convert files, remove image backgrounds, and format code 100% free inside your browser tab with zero cloud uploads.
<!-- Primary Meta Tags --> <title>My Awesome Website — Premium Tools</title> <meta name="title" content="My Awesome Website — Premium Tools" /> <meta name="description" content="Convert files, remove image backgrounds, and format code 100% free inside your browser tab with zero cloud uploads." /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://mywebsite.com" /> <meta property="og:title" content="My Awesome Website — Premium Tools" /> <meta property="og:description" content="Convert files, remove image backgrounds, and format code 100% free inside your browser tab with zero cloud uploads." /> <meta property="og:image" content="https://mywebsite.com/og-image.png" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://mywebsite.com" /> <meta property="twitter:title" content="My Awesome Website — Premium Tools" /> <meta property="twitter:description" content="Convert files, remove image backgrounds, and format code 100% free inside your browser tab with zero cloud uploads." /> <meta property="twitter:image" content="https://mywebsite.com/og-image.png" />
یہ کیسے کام کرتا ہے۔
- 1
صفحہ کا عنوان اور تفصیل درج کریں جسے آپ سرچ انجن اور سوشل پلیٹ فارم دکھانا چاہتے ہیں۔
- 2
کینونیکل URL اور پیش نظارہ تصویر کا URL شامل کریں — دونوں کو مطلق ہونا چاہیے، نہ کہ متعلقہ راستے۔
- 3
تخلیق کردہ ٹیگز کا جائزہ لیں، بشمول اوپن گراف اور ٹویٹر کارڈ کے مساوی۔
- 4
بلاک کو کاپی کریں اور اسے اپنے صفحہ کے ہیڈ عنصر کے اندر چسپاں کریں۔
کلیدی فوائد اور فوائد
ایک ذریعہ، تین صارفین
تلاش کے نتائج، اوپن گراف اور ٹویٹر کارڈ ایک ہی ان پٹ سے ایک ساتھ بنائے جاتے ہیں، اس لیے وہ الگ نہیں ہو سکتے۔
ٹیگ کے نام درست کریں۔
اوپن گراف پراپرٹی کی خصوصیات کا استعمال کرتا ہے اور ٹویٹر نام کے اوصاف کا استعمال کرتا ہے - ایک امتیاز جو ہاتھ سے غلط ہونا آسان ہے۔
فوری رائے
جیسا کہ آپ ٹائپ کرتے ہیں مارک اپ جمع ہوجاتا ہے، لہذا آپ اسے پیسٹ کرنے سے پہلے تیار شدہ بلاک کو دیکھ سکتے ہیں۔
فریم ورک-ایگنوسٹک آؤٹ پٹ
سادہ HTML ٹیگز جو ایک جامد سائٹ، ایک ٹیمپلیٹ، ایک CMS فیلڈ یا ہاتھ سے لکھے ہوئے صفحہ میں کام کرتے ہیں۔
لوگ اسے کس کے لیے استعمال کرتے ہیں۔
- ایک ایسے لینڈنگ پیج میں سماجی پیش نظارہ ٹیگز شامل کرنا جو فی الحال خالی کارڈ کے طور پر شیئر کرتا ہے۔
- ایک ایسے صفحہ پر ایک کیننیکل URL سیٹ کرنا جو ایک سے زیادہ پتے پر قابل رسائی ہو۔
- کلائنٹ کی سائٹ کے حوالے کرنے سے پہلے اس کے لیے میٹا ٹیگز تیار کرنا۔
- یہ سیکھنا کہ کون سے ٹیگز درحقیقت اہم ہیں ان کو ایک ساتھ پیدا ہوتے دیکھ کر۔
تعاون یافتہ فارمیٹس اور اختیارات
| تیار کردہ ٹیگز | عنوان، میٹا تفصیل، کینونیکل لنک، اوپن گراف (og:title، og:description، og:url، og:image)، Twitter کارڈ ٹیگز |
|---|---|
| آؤٹ پٹ | سادہ HTML جسے آپ ہیڈ ایلیمنٹ میں چسپاں کرتے ہیں۔ |
رازداری اور ڈیٹا ہینڈلنگ
ٹیگز براؤزر میں آپ کے ان پٹ سے جمع ہوتے ہیں۔ آپ جو یو آر ایل اور متن داخل کرتے ہیں وہ ہمارے سرور کو نہیں بھیجے جاتے یا لاگ ان نہیں ہوتے۔
حدود اور جاننے کی چیزیں
- عنوانات اور وضاحتیں سرچ انجنز کے ذریعہ دوبارہ لکھی جاتی ہیں جب وہ کسی مختلف ٹکڑوں کو زیادہ کارآمد سمجھتے ہیں — یہ ٹیگز مضبوط ان پٹ ہیں، ضمانت نہیں۔
- پیش منظر کی تصویر ایک مطلق URL ہونی چاہیے جو عوامی طور پر قابل رسائی ہو۔ سماجی کرالر لوکل ہوسٹ، ایک توثیق شدہ صفحہ یا رشتہ دار راستہ نہیں لے سکتے۔
- سوشل پلیٹ فارمز کیش پیش نظارہ۔ ٹیگز تبدیل کرنے کے بعد آپ کو عام طور پر نیا کارڈ ظاہر ہونے سے پہلے پلیٹ فارم کے اپنے ڈیبگنگ ٹول میں URL کو دوبارہ سکریپ کرنے کی ضرورت ہوتی ہے۔
خرابی کا سراغ لگانا
سوشل کارڈ اب بھی پرانا مواد دکھاتا ہے۔
یہ پلیٹ فارم سائیڈ کیشے ہے۔ ریفریش کرنے کے لیے پلیٹ فارم کے شیئرنگ ڈیبگر میں URL کو دوبارہ سکریپ کریں — صرف ٹیگز کو تبدیل کرنے سے یہ صاف نہیں ہوتا ہے۔
پیش نظارہ کارڈ میں کوئی تصویر ظاہر نہیں ہوتی ہے۔
چیک کریں کہ og:image ایک مطلق HTTPS URL ہے، عوامی طور پر قابل رسائی، اور کافی بڑا ہے (1200x630 محفوظ معیار ہے)۔ چھوٹی یا مسدود تصاویر خاموشی سے گرا دی جاتی ہیں۔
گوگل ایک مختلف وضاحت دکھاتا ہے۔
گوگل ایک ٹکڑا تیار کرتا ہے جو استفسار سے زیادہ متعلقہ فیصلہ کرتا ہے۔ اس بات کو یقینی بنائیں کہ تفصیل صفحہ کا درست خلاصہ کرتی ہے۔ یہ زیادہ کثرت سے استعمال کیا جائے گا جب یہ ارادے سے میل کھاتا ہے۔
Meta Tag Generator — Title, Description & Open Graph Tags
Generate a complete set of SEO meta tags — title, meta description, canonical, Open Graph and Twitter Card — and copy them straight into your page head. A free meta tag generator with live length feedback so nothing gets truncated in the search snippet.
- Title and meta description with length guidance — live character counts keep you inside the roughly 60-character title and 155-character description that search engines display without cutting off.
- Open Graph tags for social sharing — og:title, og:description, og:image and og:url control exactly how a link previews on Facebook, LinkedIn, Slack and WhatsApp.
- Twitter Card markup — summary and large-image card tags so shared links render with a proper preview instead of a bare URL.
- Copy-paste ready HTML — the output is a valid block of head markup, ready for a template, a static site or a CMS SEO field.
- No sign-up, no plugin — everything is generated in your browser — a practical option when the site has no SEO plugin installed.
Free and unlimited. Generate the matching permalink with the URL Slug Generator and the site icon with the Favicon Generator.
اکثر پوچھے گئے سوالات
Why does Google show a different description than mine?
Google rewrites snippets when it judges another passage more relevant to the query. A description that accurately summarises the page gets used far more often than one written purely for keywords.
What size should the og:image be?
1200x630 is the safe standard. It must be an absolute, publicly reachable HTTPS URL — social crawlers cannot fetch localhost, a relative path or a page behind authentication.
I updated my tags but the shared card is unchanged. Why?
Social platforms cache previews. Re-scrape the URL in the platform's own sharing debugger to force a refresh; changing the tags alone will not clear their cache.
میں ان میٹا ٹیگز کو کہاں پیسٹ کروں؟
اپنے ویب صفحات کے <head> حصے کے اندر تیار کردہ HTML کا ٹکڑا چسپاں کریں۔
گوگل میرے مقابلے میں مختلف وضاحت کیوں دکھاتا ہے؟
Google اس وقت دوبارہ لکھتا ہے جب وہ استفسار سے زیادہ متعلقہ کسی اور حوالے کا فیصلہ کرتا ہے۔ ایک ایسی تفصیل جو صفحہ کو درست طریقے سے خلاصہ کرتی ہے، خالصتاً کلیدی الفاظ کے لیے لکھے گئے ایک سے کہیں زیادہ استعمال ہوتی ہے۔
og:image کا سائز کیا ہونا چاہیے؟
1200x630 محفوظ معیار ہے۔ یہ ایک مطلق، عوامی طور پر قابل رسائی HTTPS URL ہونا چاہیے — سماجی کرالر لوکل ہوسٹ، کوئی رشتہ دار راستہ یا تصدیق کے پیچھے کوئی صفحہ نہیں لے سکتے۔
میں نے اپنے ٹیگز کو اپ ڈیٹ کیا لیکن مشترکہ کارڈ میں کوئی تبدیلی نہیں کی گئی۔ کیوں؟
سوشل پلیٹ فارمز کیش پیش نظارہ۔ زبردستی ریفریش کرنے کے لیے پلیٹ فارم کے اپنے شیئرنگ ڈیبگر میں URL کو دوبارہ سکریپ کریں۔ صرف ٹیگز کو تبدیل کرنے سے ان کا کیش صاف نہیں ہوگا۔
متعلقہ اوزار
کیو آر کوڈ جنریٹر
کسی بھی لنک یا متن کو اسکین کے قابل QR کوڈ میں تبدیل کریں۔
CSS Glassmorphism جنریٹر
جدید گلاس UI اثرات اور CSS کوڈ تیار کریں۔
ٹیکسٹ کیس کنورٹر
UPPER، Lower، Title اور CamelCase کے درمیان سوئچ کریں۔
Lorem Ipsum پلیس ہولڈر جنریٹر
UI لے آؤٹ کے لیے ڈمی پلیس ہولڈر ٹیکسٹ تیار کریں۔