تولید متا تگ و Open Graph رایگان
متا تگهای SEO، Open Graph و markup Twitter Card با پیشنمایش زنده Google و اشتراک‌گذاری اجتماعی تولید کنید. مستقیم در head صفحه کپی کنید.
بهترین: 1200×630 px، کمتر از ۵ مگابایت، پیوند مطلق https://.
پیشنمایش جستجوی Google
عرضها تخمینی‌اند: گوگل بر اساس پیکسل کوتاه میکند، نه تعداد نویسه.
پیشنمایش کارت اجتماعی
حداقل یک فیلد بالا را پر کنید تا برچسب‌های meta تولید شوند.
کاربردهای رایج
- تگ های متا برای پست های وبلاگعنوان، توضیح و تگ های رسانه های اجتماعی ایجاد کنید تا مقالات شما هنگام اشتراک گذاری خوب به نظر برسند.
- تگ های متا برای صفحات محصولصفحات محصول را برای اشتراک گذاری زیبا و خواندن خوب در نتایج جستجو درست کنید.
- تگ های متا برای صفحات فروددقیقا کنترل کنید که صفحات فرود کمپین شما هنگام اشتراک و جستجو چگونه ظاهر می شوند.
- تگ های متا را برای هر برنامه وب ایجاد کنیدبه سرعت مجموعه کامل تگ های متا سر را برای یک صفحه یا وب سایت جدید ایجاد کنید.
- پیش نمایش های لینک زشت را اصلاح کنیدلینک های خود را از نمایش به عنوان آدرس URL ساده متوقف کنید — تگ هایی را اضافه کنید که کارت های پیش نمایش غنی ایجاد می کنند.
نحوه کار
همه مونتاژ تگ و تجزیه-سرتیتر مستقیماً در مرورگر شما اتفاق می‌افتد — سروری دخیل نیست. ابزار از useMemo مربوط به React برای ساخت واکنش‌گر رشته‌های HTML و API بومی DOMParser مرورگر برای خواندن مارک‌آپ موجود صفحه برای ویژگی وارد کردن/ممیزی استفاده میکند.
- 1ورودی فرم مونتاژ زنده را هدایت میکندهنگام تایپ، یک هوک useMemo فوراً کل بلوک تگ را دوباره مونتاژ میکند — عنوان، توضیحات meta، ویژگی‌های Open Graph، و ویژگی‌های Twitter Card — با گریزکردن کاراکترهای ویژه (&، <، >، ")، پس خروجی برای چسباندن مستقیم در HTML امن است.
- 2اعتبارسنجی URL از طریق سازنده URL مرورگرهر فیلد URL (URL صفحه، تصویر اجتماعی) با استفاده از سازنده داخلی URL مرورگر اعتبارسنجی میشود. فقط آدرس‌های http:// یا https:// ساختارمند با نام‌های میزبان نقطه‌دار می‌گذرند؛ مقادیر نامعتبر دکمه کپی را مسدود می‌کنند و یک خطای درون‌خطی نشان می‌دهند.
- 3وارد کردن: DOMParser مارک‌آپ head موجود را میخوانداگر HTML <head> موجود را برای ممیزی بچسبانید، ابزار آن را از طریق DOMParser در حالت خنثی اجرا میکند — هیچ اسکریپتی اجرا نمی‌شود و هیچ درخواست شبکه‌ای انجام نمی‌شود. سپس سند تجزیه‌شده را برای انتخاب‌گرهای meta شناخته‌شده (og:title، twitter:description، لینک canonical، و غیره) پرس‌وجو میکند و فیلدهای فرم را با هر چه پیدا کند از‌پیش‌پر میکند.
- 4پیشنمایش زنده Google و کارت اجتماعیابزار یک نتیجه جست‌وجوی Google استایل‌دار و یک پیشنمایش کارت Open Graph را در زمان واقعی با استفاده از همان حالت فرم رندر میکند، پس می‌توانید دقیقاً ببینید عنوان و توضیحات چگونه پیش از کپی خروجی کوتاه میشوند.
ابزارهای مرتبط
تغییر اندازه تصویر شبکههای اجتماعی
تصاویر را به اندازه‌های دقیق ۲۰۲۶ برای Instagram، YouTube، TikTok، X، Facebook، LinkedIn و Pinterest تغییر اندازه دهید و برش دهید — با راهنمای منطقه ایمن و ZIP دسته‌ای. ۱۰۰٪ در مرورگر شما، بدون آپلود.
ویرایشگر برچسب صوتی (ID3)
ویرایش برچسب‌های ID3 در MP3 — عنوان، هنرمند، آلبوم، سال، ژانر و تصویر جلد — ۱۰۰٪ در مرورگر شما. بدون بارگذاری، و صدا دوباره رمزگذاری نمی‌شود. رایگان و خصوصی.
تولید Slug
هر عنوان یا متنی را به slug مناسب URL تبدیل کنید. مناسب برای پست‌های وبلاگ، صفحات CMS و URLهای بهینه‌شده برای SEO.