بررسی‌کننده متاتگ‌های Open Graph

تگ‌های متا Open Graph و کارت توییتر را برای هر صفحه HTML بررسی کنید. og:title/og:description/og:image به همراه تگ‌های توییتر را استخراج کنید، مقادیر مفقود یا نامعتبر را برجسته کنید و گزارش‌های قابل اشتراک JSON/PDF تولید کنید. طراحی شده برای اشکال‌زدایی سئو و پیش‌نمایش اجتماعی با پشتیبانی از تغییر مسیر و خروجی متن خام.

Loading…

درباره بررسی‌کننده متا Open Graph

یک URL را برای تأیید آنچه پلتفرم‌های اجتماعی از صفحه شما می‌خوانند، وارد کنید: تگ‌های Open Graph (og:*) و فراداده کارت توییتر. این ابزار به شما کمک می‌کند تا عناوین/توضیحات مفقود، URLهای og:image شکسته یا غیرعمومی، مشکلات تغییر مسیر و اشتباهات رایج پیش‌نمایش را شناسایی کنید — تا لینک‌های شما در X/توییتر، فیسبوک، لینکدین، اسلک، دیسکورد و موارد دیگر به درستی نمایش داده شوند.

ویژگی‌ها

  • استخراج متا Open Graph: og:title، og:description، og:image و ویژگی‌های مرتبط OG در صورت وجود.
  • استخراج تگ‌های کارت توییتر (twitter:card، twitter:title، twitter:description، twitter:image) در صورت وجود.
  • دنبال کردن تغییر مسیرها برای بررسی مقصد نهایی کانونی (رایج برای HTTP→HTTPS، www، مسیرهای محلی).
  • حالت اعتبارسنجی فقط HTML برای تمرکز بر تگ‌های متا (نه منابع غیر HTML).
  • یافته‌ها + کارت امتیاز و فیلتر «فقط مشکلات» برای پاکسازی سریع.
  • خروجی متن خام که کپی، مقایسه و اشتراک‌گذاری آن آسان است.
  • کپی نتایج برای تیکت‌ها و مستندات.
  • خروجی JSON برای اتوماسیون و حسابرسی.
  • خروجی گزارش‌های PDF برای تحویل به مشتری و حسابرسی سئو.

🧭 نحوه استفاده for open-graph-meta-checker

1

URL صفحه را وارد کنید

URL صفحه‌ای را که می‌خواهید پیش‌نمایش کنید، وارد کنید (مثلاً صفحه فرود، پست وبلاگ، صفحه محصول). این ابزار برای صفحات HTML طراحی شده، نه تصاویر یا APIها.

2

اگر سایت شما تغییر مسیر می‌دهد، آن را دنبال کنید

گزینه «دنبال کردن تغییر مسیرها» را فعال نگه دارید تا ابزار مقصد نهایی‌ای را که خزنده‌های اجتماعی احتمالاً به آن می‌رسند، بررسی کند.

3

مقادیر OG و توییتر را مرور کنید

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

4

مشکلات رایج پیش‌نمایش را برطرف کنید

مطمئن شوید که og:image یک URL مطلق، قابل دسترسی عمومی و اشاره‌کننده به فایل صحیح است. تأیید کنید که عناوین/توضیحات مختصر و منحصربه‌فرد برای هر صفحه هستند.

5

گزارش را خروجی بگیرید و به اشتراک بگذارید

برای اتوماسیون JSON یا برای گزارش‌دهی سئو/مشتری PDF را دانلود کنید. از نمای متن خام برای چسباندن سریع مقادیر در تیکت‌ها استفاده کنید.

مشخصات فنی

مدل درخواست و تجزیه

این ابزار صفحه هدف (HTML) را واکشی کرده و تگ‌های متا Open Graph و کارت توییتر را از عناصر متای سند استخراج می‌کند. از دنبال کردن تغییر مسیر برای بررسی مقصد مؤثر پشتیبانی می‌کند.

تنظیمرفتارپیش‌فرض
فقط HTMLتمرکز بر صفحات HTML و استخراج متادادهفعال (بر اساس قابلیت ابزار)
دنبال کردن تغییر مسیرهاتغییر مسیرها را دنبال می‌کند تا آدرس نهایی بررسی شودفعال
حداکثر تغییر مسیرهاسقف تغییر مسیر برای جلوگیری از حلقه۱۰
مهلت زمانیمحدودیت مهلت زمانی درخواست۱۵۰۰۰ میلی‌ثانیه
عامل کاربرعامل کاربر درخواست را شناسایی می‌کندEncode64Bot/1.0 (+https://encode64.com)
شبکه‌های خصوصیبرای ایمنی، دسترسی به محدوده‌های شبکه خصوصی را مسدود می‌کندغیرفعال (شبکه‌های خصوصی مجاز نیستند)

مجموعه متاداده توصیه شده (خط پایه)

یک خط پایه محکم شامل فیلدهای Open Graph و Twitter Card است تا پیش‌نمایش‌ها در پلتفرم‌های مختلف به صورت یکسان نمایش داده شوند.

پلتفرمحداقل تگ‌هایادداشت‌ها
Open Graphog:title, og:description, og:imageدر صورت لزوم og:url و og:type را اضافه کنید
Twitter Cardtwitter:card, twitter:title, twitter:description, twitter:imagetwitter:card معمولاً summary یا summary_large_image است
حتی اگر صفحه شما در مرورگر خوب به نظر برسد، خزنده‌ها فقط محتوای موجود در پاسخ HTML دریافتی را می‌بینند. تزریق متاداده فقط در سمت کلاینت ممکن است به طور قابل اطمینانی شناسایی نشود.

مشکلات رایج og:image که باید مراقب بود

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

مشکلنشانهراه‌حل
آدرس تصویر نسبیپیش‌نمایش تصویری نشان نمی‌دهداز آدرس مطلق برای og:image و twitter:image استفاده کنید
مسدود شده توسط احراز هویت / ربات‌ها / فایروالپیش‌نمایش وجود ندارد یا ناسازگار استدسترسی عمومی برای خزنده‌ها را تضمین کنید؛ اگر فیلتر می‌کنید، عامل‌های کاربری شبکه‌های اجتماعی را مجاز کنید
تغییر مسیر آدرس تصویربرخی پلتفرم‌ها در واکشی آن ناموفق می‌شوندیک آدرس تصویر مستقیم و پایدار را ترجیح دهید (بدون تغییر مسیر)
نوع محتوای نادرستتصویر شناسایی نشدContent-Type صحیح را ارائه دهید (مانند image/png، image/jpeg)

خط فرمان

می‌توانید برچسب‌های OG/Twitter را از ترمینال با واکشی HTML و جستجوی برچسب‌های متا اعتبارسنجی کنید. برای بررسی‌های CI و اشکال‌زدایی مسائل SSR مفید است.

macOS / Linux

HTML را واکشی کرده و برچسب‌های متای OG/Twitter را فهرست کنید

curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"

برچسب‌های متایی که بر پیش‌نمایش‌های اجتماعی تأثیر می‌گذارند را نشان می‌دهد. برای دنبال کردن تغییر مسیرها از -L استفاده کنید.

آدرس نهایی پس از تغییر مسیرها را بررسی کنید

curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'

خطوط وضعیت زنجیره تغییر مسیر و هدرهای Location را چاپ می‌کند.

ویندوز (PowerShell)

HTML را دانلود کرده و برای برچسب‌های OG/Twitter جستجو کنید

$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"

راه سریعی برای تأیید وجود برچسب‌ها در HTML تحویل داده شده.

اگر برنامه شما به شدت SPA است، مطمئن شوید که برچسب‌های OG/Twitter در سمت سرور رندر می‌شوند (SSR/SSG) برای قابلیت اطمینان. خزنده‌ها ممکن است جاوااسکریپت سمت کلاینت شما را مانند مرورگرها اجرا نکنند.

موارد استفاده

رفع پیش‌نمایش‌های اجتماعی خراب

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

  • اعتبارسنجی og:title و twitter:title
  • تأیید دسترسی و مطلق بودن og:image
  • تشخیص توضیحات خالی یا جایگزین‌ها

کنترل کیفیت برای صفحات پویا و SSR

مطمئن شوید که چارچوب شما برچسب‌های OG/Twitter را در پاسخ HTML برای هر مسیر خروجی می‌دهد (به ویژه با Next.js، Nuxt، SvelteKit و غیره).

  • تأیید وجود متا برای هر صفحه در HTML
  • شناسایی تولید متا فقط در سمت کلاینت
  • اعتبارسنجی تغییر مسیرها به زبان‌های کانونی

سئو و گردش کار انتشار محتوا

یکسان‌سازی پیش‌نمایش‌ها در سراسر سایت: عنوان‌ها/توضیحات یکسان، نوع OG صحیح و تصاویر پایدار، CTR را هنگام اشتراک‌گذاری لینک‌ها بهبود می‌بخشد.

  • حسابرسی قالب‌ها برای فیلدهای OG گمشده
  • خروجی PDF/JSON برای چک‌لیست‌های ویراستاری
  • شناسایی متا تکراری در چندین صفحه

گزارش‌دهی و حسابرسی به مشتری

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

  • گزارش PDF برای ذینفعان
  • گزارش JSON برای ردیابی تغییرات در طول زمان

❓ Frequently Asked Questions

تفاوت Open Graph و Twitter Cards چیست؟

Open Graph (og:*) توسط بسیاری از پلتفرم‌ها (فیسبوک، لینکدین، اسلک/دیسکورد و غیره) استفاده می‌شود. Twitter Cards (twitter:*) توسط X/Twitter استفاده می‌شود. بسیاری از سایت‌ها هر دو را برای پوشش بهتر منتشر می‌کنند.

چرا پیش‌نمایش من یک تصویر یا عنوان قدیمی را نشان می‌دهد؟

پلتفرم‌ها پیش‌نمایش‌ها را کش می‌کنند. پس از اصلاح تگ‌ها، اغلب باید با استفاده از ابزارهای دیباگر پلتفرم مجدداً اسکرپ کنید و ممکن است نیاز باشد منتظر رفرش کش بمانید.

چرا og:image من نمایش داده نمی‌شود؟

دلایل رایج: URL نسبی است، مسدود شده (احراز هویت/WAF/robots)، بیش از حد ریدایرکت می‌کند، نوع محتوای نادرست دارد یا به صورت عمومی قابل دسترسی نیست. از این ابزار برای تأیید مقدار استخراج شده و سپس تست مستقیم URL تصویر استفاده کنید.

آیا به هر دو og:title و twitter:title نیاز دارم؟

توصیه می‌شود. برخی پلتفرم‌ها به OG و برخی دیگر به تگ‌های توییتر متکی هستند. داشتن هر دو ناسازگاری‌ها را کاهش می‌دهد.

آیا می‌توانم یک صفحه پشت لاگین را تست کنم؟

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

آیا قرار دادن URLها در اینجا امن است؟

این ابزار درخواست‌های سمت سرور به URL ارائه شده انجام می‌دهد و اهداف شبکه خصوصی را مسدود می‌کند. از قرار دادن اسرار (توکن‌ها) در رشته‌های کوئری خودداری کنید.

Pro Tips

Best Practice

از URLهای مطلق برای og:image و twitter:image استفاده کنید و آن‌ها را پایدار نگه دارید (از ریدایرکت خودداری کنید) تا خرابی‌های خزنده کاهش یابد.

Best Practice

تصاویر OG را به صورت قطعی (قالب + پارامترها) تولید کنید تا بتوانید برندینگ را به‌روزرسانی کنید در حالی که URLها برای هر صفحه پایدار می‌مانند.

Best Practice

برای برنامه‌های Next.js/SSR، تگ‌ها را در پاسخ HTML اولیه (View Source) تأیید کنید، نه فقط در DOM پس از هیدراته شدن.

Best Practice

عناوین را مختصر و منحصر به فرد برای هر صفحه نگه دارید؛ عناوین بیش از حد طولانی ممکن است در پیش‌نمایش‌ها کوتاه شوند و CTR را کاهش دهند.

Best Practice

گزارش‌های JSON را صادر کنید و آن‌ها را به چک‌لیست انتشار خود اضافه کنید تا پسرفت‌ها در قالب‌های متا شناسایی شوند.

Additional Resources

Other Tools