وړیا د Meta ټاگ او Open Graph تولیدونکی

دا څنګه کار کوي

ټول ټاګ راټولول او head-تحلیل مستقیم ستاسو براوزر کې کیږي — هیڅ سرور پکې شامل نه دی. وسیله React useMemo کاروي ترڅو HTML متنونه فعال ډول جوړ کړي او براوزر اصلي DOMParser API چې موجود پاڼه مارک‌اپ لپاره د واردولو/تدقیق ځانګړتیا لپاره لولي.

1. 1
   فارم ننوت ژوندۍ راټولونه چلوي

   کله چې تاسو ولیکئ، یو useMemo هوک سملاسي بشپړ ټاګ بلاک بیا راټولوي — سرلیک، میتا توضیح، Open Graph خصوصیتونه، او Twitter Card خصوصیتونه — ځانګړي توري (&، <، >، ") تیښتیدونکي کوي نو محصول مستقیم HTML کې پیستلو لپاره خوندي دی.
2. 2
   URL تصدیق د براوزر URL جوړونکي له لارې

   هره URL ساحه (پاڼه URL، ټولنیز انځور) د براوزر جوړ شوي URL جوړونکي سره تصدیقیږي. یوازې ښه-جوړ شوي http:// یا https:// پتې د نقطه-لرونکو هوسټ نومونو سره پاسیږي؛ ناسم ارزښتونه کاپي تڼۍ بندوي او یو ان‌لاین غلطي ښیي.
3. 3
   وارد کول: DOMParser موجود head مارک‌اپ لولي

   که تاسو موجود <head> HTML یې تدقیق لپاره پیستئ، وسیله یې DOMParser دننه inert حالت کې چلوي — هیڅ سکریپټ نه چلیږي او هیڅ شبکې غوښتنه نه کیږي. دا بیا تحلیل شوي سند د پیژندل شویو میتا انتخاب کوونکو لپاره پوښتنه کوي (og:title، twitter:description، canonical link، او داسې نور) او فارم ساحې هرڅه چې یې ومومي مخکینی-ډکوي.
4. 4
   ژوندي Google او ټولنیز کارت مخکتنې

   وسیله یو سټایل شوی Google لټون پایله او یو Open Graph کارت مخکتنه ریښتینې وخت کې همغه فارم حالت سره رسموي، نو تاسو کولی شئ دقیقاً وګورئ چې سرلیک او توضیح به څنګه پرې کیدل کیږي مخکې د دې چې تاسو محصول کاپي کړئ.

اړوندې وسیلې