مرکزی مواد پر جائیں

مفت Meta Tag اور Open Graph جنریٹر

لائیو Google اور social-share پریویو کے ساتھ SEO meta tags، Open Graph، اور Twitter Card markup بنائیں۔ اپنے صفحے head میں سیدھا کاپی کریں۔

لوڈ ہونے کے بعد آف لائن کام کرتا ہے
0 · 0/580px
0 · 0/920px

بہترین: 1200×630 px، 5 MB سے کم، مکمل https:// لنک۔

یہ بھی شامل کریں
عنوان 0/580px (مقصد ۳۰–۶۰)وضاحت 0/920px (مقصد ۷۰–۱۶۰)

Google سرچ پری‌ویو

example.com
آپ کے صفحے کا عنوان یہاں دکھائی دے گا
آپ کی meta وضاحت یہاں دکھائی دے گی۔ اسے دلچسپ بنائیں تاکہ سرچ نتائج سے کلک ریٹ بہتر ہو۔

چوڑائیاں اندازہ ہیں: Google حروف کے بجائے پکسلز کے حساب سے کاٹتا ہے۔

سوشل کارڈ پری‌ویو

og:image پری‌ویو
example.com
صفحے کا عنوان
صفحے کی وضاحت
<head> میں پیسٹ کریں

میٹا ٹیگز تیار کرنے کے لیے اوپر کم از کم ایک فیلڈ بھریں۔

عام استعمالات

  • بلاگ پوسٹس کے لیے میٹا ٹیگزعنوان، تفصیل، اور سوشل ٹیگز بنائیں تاکہ آپ کی مضامین شیئر کرتے وقت بہترین نظر آئیں۔
  • پروڈکٹ صفحات کے لیے میٹا ٹیگزپروڈکٹ صفحات کو خوبصورتی سے شیئر کریں اور تلاش کے نتائج میں بہتری سے پڑھیں۔
  • لینڈنگ صفحات کے لیے میٹا ٹیگزبالکل کنٹرول کریں کہ آپ کے مہم کے لینڈنگ صفحات شیئر اور تلاش میں کیسے نظر آئیں۔
  • کسی بھی ویب ایپ کے لیے میٹا ٹیگز بنائیںنئے صفحہ یا سائٹ کے لیے مکمل head میٹا ٹیگز تیزی سے تخلیق کریں۔
  • غلیظ لنک پریویو ٹھیک کریںاپنے لنکس کو بے نام URLs کے طور پر نہ دکھایا جائے — ٹیگز شامل کریں جو بھرپور پریویو کارڈز بناتے ہیں۔

یہ کیسے کام کرتا ہے

تمام ٹیگ سازی اور head پارسنگ براہ راست آپ کے براؤزر میں ہوتی ہے — کوئی سرور شامل نہیں۔ ٹول HTML اسٹرنگز ردعمل کے ساتھ بنانے کے لیے React کا useMemo اور امپورٹ/آڈٹ فیچر کے لیے موجودہ صفحے کا مارک اپ پڑھنے کو براؤزر کی مقامی DOMParser API استعمال کرتا ہے۔

  1. 1
    فارم ان پٹ لائیو تعمیر چلاتا ہے
    ٹائپ کرتے ہی ایک useMemo hook فوراً پورا ٹیگ بلاک دوبارہ جوڑتا ہے — عنوان، meta description، Open Graph خصوصیات اور Twitter Card attributes — خاص حروف (&، <، >، ") کو escape کرتے ہوئے تاکہ آؤٹ پٹ براہ راست HTML میں پیسٹ کرنا محفوظ ہو۔
  2. 2
    براؤزر کے URL constructor سے URL کی جانچ
    ہر URL خانہ (صفحے کا URL، سوشل تصویر) براؤزر کے بلٹ اِن URL constructor سے جانچا جاتا ہے۔ صرف نقطہ دار ہوسٹ ناموں والے درست http:// یا https:// پتے پاس ہوتے ہیں؛ غلط قدریں کاپی بٹن روکتی ہیں اور inline خرابی دکھاتی ہیں۔
  3. 3
    امپورٹ: DOMParser موجودہ head مارک اپ پڑھتا ہے
    اگر آپ آڈٹ کے لیے موجودہ <head> HTML پیسٹ کریں تو ٹول اسے غیر فعال موڈ میں DOMParser سے گزارتا ہے — نہ اسکرپٹس چلتے ہیں اور نہ نیٹ ورک درخواستیں ہوتی ہیں۔ پھر پارس شدہ دستاویز میں معلوم meta سلیکٹرز (og:title، twitter:description، canonical لنک وغیرہ) تلاش کر کے جو ملے اس سے فارم کے خانے پہلے سے بھرتا ہے۔
  4. 4
    لائیو Google اور سوشل کارڈ پیش منظر
    ٹول اسی فارم state سے حقیقی وقت میں اسٹائل شدہ Google تلاش نتیجہ اور Open Graph کارڈ پیش منظر بناتا ہے، تاکہ آؤٹ پٹ کاپی کرنے سے پہلے آپ بالکل دیکھ سکیں کہ عنوان اور وضاحت کیسے کٹیں گے۔

متعلقہ ٹولز

اکثر پوچھے جانے والے سوالات