درباره این ابزار
تگهای Open Graph (OG) نحوه نمایش صفحه هنگام اشتراکگذاری در پلتفرمهای اجتماعی را کنترل میکنند. Facebook، LinkedIn، Slack، Discord و بسیاری دیگر تگ های OG را برای ساخت کارت های پیش نمایش می خوانند. بدون تگ های OG مناسب، لینک های به اشتراک گذاشته شده شکسته به نظر می رسند - فاویکون های عمومی، تصاویر گم شده، عناوین کوتاه شده. با استفاده از آنها، سهام به نظر صیقلی می رسند و نرخ کلیک به طور قابل توجهی بهبود می یابد.
برچسبهای استاندارد OG: og:title (عنوان نشان داده شده در پیشنمایش)، og:description (قطعه متن)، og:image (تصویر پیشنمایش، در حالت ایدهآل 1200×630)، og:url (URL متعارف)، og:type (معمولاً «وبسایت» یا «مقاله»). لایه برچسب کارت توییتر در بالا: توییتر: کارت، توییتر: عنوان، توییتر: توضیحات، توییتر: تصویر. بیشتر ابزارها زمانی که برچسبهای خاص توییتر وجود نداشته باشند به OG بازمیگردند.
این ژنراتور مجموعه کاملی از برچسبهای کارت OG و Twitter را از ورودی شما تولید میکند. HTML حاصل را در <head> صفحه قرار دهید. نتیجه رندر پیشنمایش صحیح در تمام پلتفرمهای اجتماعی اصلی است.
چرا از یک OG Tag Generator استفاده کنید؟
صفحات بدون تگ OG هنگام اشتراک گذاری بد به نظر می رسند. تصویر خالی، عنوان عمومی، توضیحات از دست رفته - پیش نمایش با صفحاتی که به درستی برچسب گذاری شده اند در فیدها رقابت ضعیفی دارد. برای بازاریابی محتوا و به اشتراک گذاری لینک، این به طور مستقیم بر نرخ کلیک تأثیر می گذارد.
تگ های OG دست نویس تکراری است. هر صفحه نیاز به مجموعه خاص خود دارد. یک مولد که برچسبهای درستی را از چند ورودی تولید میکند، از اشتباهات تایپی و ویژگیهای از دست رفته که پیشنمایشهای اجتماعی را میشکنند، اجتناب میکند.
جزئیات فنی
تگ های OG از ویژگی متا خاصیت (نه نام) استفاده می کنند: <meta property="og:title" content="..." />. ویژگی ویژگی برای OG مورد نیاز است. برخی از تجزیه کننده ها نام را به عنوان یک بازگشت پذیرفته اند اما ویژگی صحیح است.
تصویر مورد نیاز: 1200×630 پیکسل برای رندر شبکیه چشم، نسبت تصویر 1.91:1. تگهای og:image:width و og:image:height به پلتفرمها کمک میکنند تا تصاویر را بهطور صحیح ذخیره کنند. og:image:alt متن دسترسی را فراهم می کند.
برچسبهای کارت توییتر از ویژگی نام استفاده میکنند: <meta name="twitter:title" content="..." />. توییتر وقتی برچسبهای OG وجود ندارد، به برچسبهای OG بازمیگردد، بنابراین OG به خوبی تنظیم شده اغلب کافی است. افزودن twitter:card به صراحت نوع کارت را انتخاب می کند (summary_large_image رایج ترین است).
سوالات متداول
- آیا می توانم خروجی تولید شده را سفارشی کنم؟
- بله. این ابزار گزینه های سفارشی سازی مختلفی را برای تنظیم خروجی با نیازهای خاص شما فراهم می کند. تنظیمات را قبل از تولید تنظیم کنید یا با گزینههای مختلف بازسازی کنید.
- آیا محتوای تولید شده برای استفاده رایگان است؟
- بله. همه چیزهایی که با این ابزار تولید میکنید متعلق به شماست تا برای مقاصد شخصی، آموزشی یا تجاری بدون هیچ گونه محدودیت یا الزامات اسنادی استفاده کنید.
- آیا این نیاز به یک حساب کاربری دارد؟
- خیر. ابزار بلافاصله بدون ثبت نام، بدون ایمیل و بدون ثبت نام آماده استفاده است. فقط صفحه را باز کنید و شروع به تولید کنید.
- آیا داده های ورودی من خصوصی نگه داشته می شود؟
- بله. تمام پردازش ها در مرورگر شما انجام می شود. داده های ورودی و خروجی تولید شده شما هرگز به هیچ سرور خارجی ارسال نمی شود.
- آیا می توانم از یک تصویر OG برای هر صفحه استفاده کنم؟
- ممکن است اما کمتر از حد مطلوب. تصاویر مربوط به صفحه برای کلیک کردن، بهتر از تصاویر عمومی در سراسر سایت هستند. از یک پیشفرض برای بازگشت استفاده کنید، اما برای محتوای مهم تصاویر هر صفحه تولید کنید.
- آیا اعلام ابعاد تصویر مورد نیاز است؟
- مفید است اما به شدت مورد نیاز نیست. og:image:width و og:image:height به پلتفرمها اجازه میدهند تصاویر را بدون واکشی مجدد برای تعیین ابعاد ذخیره کنند. به اشتراک گذاری های بعدی سرعت می بخشد.
- آیا داده های من آپلود شده است؟
- خیر. تولید در مرورگر شما اتفاق می افتد.
- چگونه تگ های OG را تست کنم؟
- اشکالزدای اشتراکگذاری فیسبوک، اعتبارسنجی کارت توییتر، و بازرس پست لینکدین هر کدام واکشی و تأیید میشوند. پس از استقرار تگ های OG جدید از آنها استفاده کنید.