تولیدکننده Open Graph و Twitter Card

Q: متا تگهای Open Graph چیستند؟

Open Graph تگهای HTML متا هستند که نحوه نمایش صفحه شما هنگام اشتراکگذاری در فیسبوک و لینکدین و دیسکورد و واتساپ را کنترل میکنند. عنوان و توضیحات و تصویر و URL کارت اشتراکگذاری اجتماعی را تعریف میکنند.

Q: اندازه مناسب تصویر og:image چقدر است؟

اندازه توصیهشده ۱۲۰۰ در ۶۳۰ پیکسل با نسبت 1.91:1 است که در فیسبوک و توییتر و لینکدین و دیسکورد بهینه نمایش داده میشود. حجم تصویر برای فیسبوک زیر ۵ مگابایت و برای واتساپ زیر ۳۰۰ کیلوبایت باشد.

Q: آیا هم Open Graph و هم Twitter Card لازم است؟

توییتر در غیاب تگهای twitter:title به تگهای og:title برمیگردد. اما توییتر محدودیتهای کاراکتری و انواع کارت متفاوتی summary و summary_large_image دارد. استفاده از هر دو کنترل مستقل هر پلتفرم را ممکن میسازد.

Q: تفاوت og:title و twitter:title چیست؟

og:title توسط فیسبوک و لینکدین و دیسکورد و واتساپ استفاده میشود. twitter:title مختص توییتر/X است. توییتر اگر twitter:title نباشد به og:title برمیگردد اما محدودیت طول بهینه متفاوت است.

Q: آیا دادهها به سروری ارسال میشوند؟

خیر. تمام تولید تگ و پیشنمایش در مرورگر شما انجام میشود. هیچ دادهای ارسال نمیگردد. همچنین، تمام پردازشها با استفاده از APIهای محلی مرورگر انجام میشود و هیچ دادهای به سرورهای خارجی ارسال نمیشود. میتوانید این را در تب شبکه ابزارهای توسعهدهنده تأیید کنید.

تولید متا تگ Open Graph و Twitter Card با پیش‌نمایش زنده شبکه‌های اجتماعی برای فیسبوک و توییتر و لینکدین و دیسکورد و واتس‌اپ. پردازش محلی. ابزار وب آنلاین با نتایج.

Web Utility

OG Meta Generator

Open Graph Details

Page Title

Title Length18 / 60

Description

Description Length89 / 200

Page URL

Image URL

Site Name

Platform Settings

OG Type

Twitter Card

Twitter / X Handle

Locale

Validation (1)

imageUrl: An image dramatically increases engagement. Use 1200x630px for best results.

Social Preview

No image set

example.com

My Awesome Website

A brief and compelling description of your page content for social media sharing and SEO.

Generated Meta Tags

<meta property="og:title" content="My Awesome Website">
<meta property="og:description" content="A brief and compelling description of your page content for social media sharing and SEO.">
<meta property="og:url" content="https://example.com">
<meta property="og:site_name" content="Example">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Awesome Website">
<meta name="twitter:description" content="A brief and compelling description of your page content for social media sharing and SEO.">

Was this tool helpful?

نحوه استفاده

استفاده از تولیدکننده Open Graph سریع و آسان است. بدون نیاز به نصب نرم‌افزار یا ثبت‌نام، مستقیماً از مرورگر استفاده کنید:

ورود داده: داده ورودی را وارد یا بارگذاری کنید. ابزار فرمت‌های رایج را به صورت خودکار شناسایی می‌کند و نوع ورودی را تعیین می‌نماید.
تنظیم پارامترها: گزینه‌ها و تنظیمات مورد نظر را انتخاب کنید. پیش‌نمایش زنده تغییرات را فوراً نمایش می‌دهد.
پردازش: ابزار به صورت خودکار داده را پردازش می‌کند. برای عملیات پیچیده‌تر، نوار پیشرفت وضعیت را نمایش می‌دهد.
دریافت نتیجه: خروجی را با دکمه کپی به کلیپ‌بورد منتقل کنید یا با دکمه دانلود به صورت فایل ذخیره نمایید.

نکته: تمام پردازش در دستگاه شما انجام می‌شود و هیچ داده‌ای به سرور ارسال نمی‌شود. نتایج فوری و بدون تأخیر ارائه می‌شوند. ابزار از تمام مرورگرهای مدرن پشتیبانی می‌کند.

پنل تنظیمات پارامترهای خروجی قابل سفارشی‌سازی ارائه می‌دهد که امکان پیکربندی گزینه‌های مختص فرمت، سطوح کیفیت و ترجیحات پردازش را فراهم می‌کند. نتایج به صورت آنی با نشانگرهای پیشرفت نمایش داده می‌شوند و می‌توانند به کلیپبورد کپی یا به عنوان فایل دانلود شوند.

میانبرهای صفحه‌کلید عملیات تکراری را تسریع کرده و بهره‌وری کاربران حرفه‌ای را افزایش می‌دهند. پیش‌نمایش زنده امکان بررسی صحت خروجی قبل از ذخیره‌سازی نهایی را فراهم می‌کند. کشیدن و رها کردن فایل‌ها مستقیماً در فضای کاری بارگذاری را ساده‌تر می‌کند.

درباره این ابزار

تولیدکننده Open Graph در DevToolkit یک ابزار آنلاین حرفه‌ای است که مستقیماً در مرورگر وب اجرا می‌شود. نیازی به نصب نرم‌افزار یا ثبت‌نام ندارد و بلافاصله قابل استفاده است.

این ابزار با استفاده از جاوااسکریپت و API‌های مدرن مرورگر پیاده‌سازی شده و عملکرد بالایی ارائه می‌دهد. الگوریتم‌های بهینه نتایج دقیق و سریع را تضمین می‌کنند. رابط کاربری ساده و شهودی برای استفاده آسان طراحی شده است.

حریم خصوصی و امنیت داده‌ها اولویت اول طراحی این ابزار بوده است. تمام پردازش در حافظه موقت مرورگر شما انجام می‌شود. هیچ داده‌ای به سرور خارجی ارسال نمی‌شود و هیچ اطلاعاتی ذخیره نمی‌گردد.

موتور پردازش از فناوری‌های مدرن مرورگر شامل Canvas API و WebAssembly و Web Workers برای محاسبات موازی استفاده می‌کند. الگوریتم‌های سازگار با استانداردها خروجی یکپارچه در مرورگرها، سیستم‌عامل‌ها و پیکربندی‌های سخت‌افزاری مختلف را تضمین می‌کنند.

معماری ماژولار قابلیت توسعه و سازگاری با نسخه‌های آینده مشخصات فنی را تضمین می‌کند. خط لوله پردازش بهینه‌سازی شده مصرف حافظه را حتی هنگام کار با اسناد حجیم به حداقل می‌رساند. سیستم تشخیص خطای داخلی تشخیص دقیق با مکان‌یابی بخش‌های مشکل‌دار را ارائه می‌دهد.

چرا از این ابزار استفاده کنید

دلایل اصلی استفاده از تولیدکننده Open Graph در DevToolkit:

دسترسی فوری: بدون نصب نرم‌افزار یا ثبت‌نام. مستقیماً از مرورگر وب قابل استفاده است و از هر دستگاهی قابل دسترسی است.
حریم خصوصی: تمام پردازش در دستگاه شما انجام می‌شود. هیچ داده‌ای به سرور ارسال نمی‌شود و هیچ اطلاعاتی ذخیره نمی‌گردد.
سرعت: پردازش محلی بدون تأخیر شبکه. نتایج فوری حتی با اتصال اینترنت کند.
رایگان و نامحدود: تمام قابلیت‌ها بدون پرداخت هزینه و بدون محدودیت تعداد استفاده در دسترس هستند.
کیفیت حرفه‌ای: الگوریتم‌های بهینه و استاندارد صنعت نتایج دقیق و قابل اعتماد تولید می‌کنند.

DevToolkit مجموعه‌ای جامع از ابزارهای آنلاین رایگان است که نیاز به نرم‌افزارهای سنگین دسکتاپ را از بین می‌برد. با تمرکز بر حریم خصوصی و پردازش محلی، DevToolkit جایگزینی امن و سریع برای سرویس‌های آنلاینی است که داده‌های شما را به سرور ارسال می‌کنند.

دسترسی فوری بدون ایجاد حساب کاربری و دانلود نرم‌افزار موانع سنتی پردازش حرفه‌ای داده‌ها را برطرف می‌کند. سازگاری چندسکویی نتایج یکسان در دستگاه‌های Windows و macOS و Linux و iOS و Android را بدون نیاز به تنظیمات اضافی تضمین می‌کند.

تیم‌های حرفه‌ای می‌توانند فرآیندهای کاری خود را با استفاده از یک ابزار واحد که از هر نقطه‌ای در جهان از طریق مرورگر وب قابل دسترسی است استانداردسازی کنند. عدم محدودیت در تعداد عملیات و حجم فایل‌های پردازشی این راه‌حل را برای کارهای فردی و پروژه‌های بزرگ مناسب می‌سازد.

سوالات متداول

متا تگ‌های Open Graph چیستند؟

Open Graph تگ‌های HTML متا هستند که نحوه نمایش صفحه شما هنگام اشتراک‌گذاری در فیسبوک و لینکدین و دیسکورد و واتس‌اپ را کنترل می‌کنند. عنوان و توضیحات و تصویر و URL کارت اشتراک‌گذاری اجتماعی را تعریف می‌کنند.

اندازه مناسب تصویر og:image چقدر است؟

اندازه توصیه‌شده ۱۲۰۰ در ۶۳۰ پیکسل با نسبت 1.91:1 است که در فیسبوک و توییتر و لینکدین و دیسکورد بهینه نمایش داده می‌شود. حجم تصویر برای فیسبوک زیر ۵ مگابایت و برای واتس‌اپ زیر ۳۰۰ کیلوبایت باشد.

آیا هم Open Graph و هم Twitter Card لازم است؟

توییتر در غیاب تگ‌های twitter:title به تگ‌های og:title برمی‌گردد. اما توییتر محدودیت‌های کاراکتری و انواع کارت متفاوتی summary و summary_large_image دارد. استفاده از هر دو کنترل مستقل هر پلتفرم را ممکن می‌سازد.

تفاوت og:title و twitter:title چیست؟

og:title توسط فیسبوک و لینکدین و دیسکورد و واتس‌اپ استفاده می‌شود. twitter:title مختص توییتر/X است. توییتر اگر twitter:title نباشد به og:title برمی‌گردد اما محدودیت طول بهینه متفاوت است.

آیا داده‌ها به سروری ارسال می‌شوند؟

خیر. تمام تولید تگ و پیش‌نمایش در مرورگر شما انجام می‌شود. هیچ داده‌ای ارسال نمی‌گردد. همچنین، تمام پردازش‌ها با استفاده از API‌های محلی مرورگر انجام می‌شود و هیچ داده‌ای به سرورهای خارجی ارسال نمی‌شود. می‌توانید این را در تب شبکه ابزارهای توسعه‌دهنده تأیید کنید.