این ابزار درست کار نمی‌کند؟

دربارهٔ ابزار «سازندهٔ متا تگ آنلاین»

این ابزار چه می‌کند؟

سازندهٔ تگ‌های متا یک فرم کوتاه را به همان HTML دقیقی تبدیل می‌کند که در صفحه‌تان می‌چسبانید. هم‌زمان تگ‌های سئو، تگ‌های Open Graph (og:) و تگ‌های Twitter Card (twitter:) را می‌سازد و یک پیش‌نمایش زنده از کارت شبکهٔ اجتماعی نشان می‌دهد تا پیش از انتشار ببینید لینک چگونه دیده می‌شود. همه‌چیز فوری در مرورگر شما اجرا می‌شود و چیزی ذخیره نمی‌شود.

چه تگ‌هایی تولید می‌کند؟

تگ‌های اصلی سئو را می‌گیرید — <title>، <meta name="description"> و یک <link rel="canonical"> — به‌همراه مجموعهٔ Open Graph شامل og:title، og:description، og:image، og:url، og:type و og:site_name. برای X تگ‌های twitter:card، twitter:title، twitter:description و twitter:image افزوده می‌شود. تگ‌های پایه‌ای که هر صفحه لازم دارد نیز پر می‌شوند: <meta charset="utf-8">، تگ واکنش‌گرای viewport و <meta name="theme-color">.

چرا اهمیت دارد؟

موتورهای جست‌وجو عنوان و توضیحات شما را می‌خوانند تا اسنیپتِ نمایش‌داده‌شده در صفحهٔ نتایج را بسازند؛ پس تگ‌های روشن کلیک بیشتری می‌گیرند. وقتی کسی لینک شما را در X، فیسبوک، لینکدین، اسلک یا واتساپ می‌چسباند، این برنامه‌ها تگ‌های og: و twitter: را می‌خوانند تا یک کارت پیش‌نمایش غنی با تیتر، خلاصه و تصویر شما بکشند. بدون آن‌ها فقط یک نشانی خام می‌بینید؛ با آن‌ها کارتی می‌گیرید که توجه جلب می‌کند.

خصوصی و فوری

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

چطور از این ابزار استفاده کنم؟

مراحل استفاده

  1. جزئیات را وارد کنید. عنوان صفحه، توضیحات، نشانی متعارف و نشانی تصویر را تایپ کنید، سپس نام سایت، نوع محتوا، نوع کارت توییتر و رنگ تم را تنظیم کنید.

  2. پیش‌نمایش را ببینید. به‌روزرسانی زندهٔ کارت اجتماعی را تماشا کنید تا تیتر، خلاصه و تصویر درست به نظر برسند.

  3. تگ‌ها را کپی کنید. دکمهٔ کپی را بزنید تا کل بلوک تگ‌های <meta> ساخته‌شده را بردارید.

  4. در صفحه‌تان بچسبانید. تگ‌ها را داخل <head> کد HTML قرار دهید و منتشر کنید.

نکات

  • عنوان را حدود ۶۰ نویسه و توضیحات را حدود ۱۵۵ نویسه نگه دارید تا موتورهای جست‌وجو آن‌ها را بدون بریدن نشان دهند.
  • از نشانی مطلق تصویر با HTTPS و ابعادِ حدود ۱۲۰۰×۶۳۰ پیکسل استفاده کنید — برنامه‌های اجتماعی مسیرهای نسبی را نادیده می‌گیرند و تصاویر کوچک را رد می‌کنند.
  • تگ‌ها را در <head> صفحه بگذارید نه در بدنه، وگرنه ممکن است خزنده‌ها هرگز آن‌ها را نبینند.
  • مقدار og:url را با نشانی متعارف یکی کنید تا اشتراک‌ها و جست‌وجو به یک نشانی اشاره کنند.