پاسخ کوتاه: برای بررسی Open Graph آنلاین، آدرس صفحه را در ابزار رایگان Open Graph Debugger PromoPilot قرار دهید. این ابزار تمام تگ‌های og:* و Twitter Card را می‌خواند، وجود و اندازه تصویر را بررسی می‌کند، کامل بودن نشانه‌گذاری را ارزیابی می‌کند و پیشنمایش لینک‌ها را برای Facebook ، X (توییتر) و لینکدین نمایش میدهد - به علاوه توصیه‌هایی برای افزودن موارد جدید. نیازی به ثبت‌نام نیست. در زیر تگ‌های مورد نیاز، اندازه مورد نیاز og:image و نحوه به‌روزرسانی پیشنمایش "گیر کرده" را خواهید یافت.
من ۱۲ سال است که وب‌سایت می‌سازم و این سوال را از مشتریانم بیشتر می‌شنوم که «چرا لینک Telegram تصویر ندارد؟» تا اینکه در مورد رتبه‌بندی سوال بپرسم. این کار معمولاً پنج دقیقه طول می‌کشد - البته اگر بدانید کجا را جستجو کنید.
Open Graph Debugger چه چیزهایی را بررسی می‌کند؟
وقتی لینکی را در یک پست یا پیام وارد می‌کنید، این پلتفرم به صفحه مورد نظر می‌رود و به دنبال تگ‌های Open Graph می‌گردد. اگر چنین تگی پیدا کند، یک کارت مرتب رسم می‌کند. اگر پیدا نکند، هر چه پیدا کند را می‌گیرد یا یک URL ساده نمایش میدهد. این ابزار فقط مواردی را که شبکههای اجتماعی می‌خوانند بررسی می‌کند.
| چه چیزی را بررسی می‌کند؟ | او به چه چیزی نگاه می‌کند؟ | چرا کسب و کار به این نیاز دارد؟ |
|---|---|---|
| همه برچسبها:* | og:title، og:description، og:image، og:url، og:type، og:site_name، og:locale | از این موارد، سایت‌ها عنوان، توضیحات و تصویر کارت را جمع‌آوری میکنند. |
| کارت توییتر | توییتر:کارت، توییتر:عنوان، توییتر:توضیحات، توییتر:تصویر | X (توییتر) تگ‌هایش را می‌خواند، و اگر آنها وجود نداشته باشند، تا حدی og |
| تصویر OG | آیا عکسی وجود دارد و اندازه آن چقدر است؟ | تصویر کوچک، کارت را به یک آیکون کوچک در کنار آن تبدیل می‌کند. |
| ارزیابی کامل بودن | چند تگ پیشنهادی پر شده است؟ | مرجع سریع: آیا همه چیز سر جای خود است؟ |
| پیش‌نمایش‌های شبکه | کارت‌هایی برای Facebook ، ایکس و لینکدین | می‌توانید ببینید که پست قبل از انتشار چگونه به نظر خواهد رسید. |
| توصیه‌ها | چی رو باید اضافه یا اصلاح کنم؟ | یک لیست وظایف آماده برای یک توسعه‌دهنده یا برای شما |
چگونه صفحات Open Graph را به صورت آنلاین بررسی کنیم؟
- اشکال‌زدای گراف باز را باز کنید.
- آدرس اینترنتی (URL) صفحه‌ای که می‌خواهید به اشتراک بگذارید را وارد کنید: یک مقاله، یک محصول یا یک صفحه فرود تبلیغاتی. روی «بررسی» کلیک کنید.
- فهرست برچسبها را بررسی کنید: کدام‌ها تنظیم شده‌اند، کدام‌ها خالی هستند، و اینکه آیا آدرس خارجی یا آزمایشی در og:url وجود دارد یا خیر.
- پیشنمایش هر شبکه را بررسی کنید: آیا عنوان بریده شده است، آیا تصویر قابل مشاهده است و آیا متن مهمی در اطراف لبهها وجود دارد؟
- لطفاً برچسب‌های جا افتاده را طبق توصیه اضافه کنید و صفحه را دوباره بررسی کنید.
صفحه ابزار: فیلد آدرس، دکمه «بررسی»، لیست بررسی‌ها و سوالات متداول.
این ابزار سبک است: یک محدودیت روزانه برای یک مهمان کافی است تا تمام قالب‌های سایت - صفحه اصلی، دسته‌بندی، محصول و مقاله - را بررسی کند. پس از ثبت نام رایگان، این محدودیت سه برابر می‌شود.
رایج‌ترین خطاها در Open Graph چیست؟
این چیزی است که تقریباً در هر سایت دیگری پیدا می‌کنم، و اینکه به چه ترتیبی می‌توان آن را برطرف کرد.
- هیچ og:image وجود ندارد یا به عنوان یک URL نسبی مشخص شده است. شبکههای اجتماعی
content="/img/cover.jpg"درک نمی‌کنند - URL کامل که باhttps://شروع می‌شود، الزامی است. بدون تصویر، میزان بازدید پست به طور قابل توجهی کاهش می‌یابد. - تصویر خیلی کوچک است. لوگوی ۲۰۰x۲۰۰ کارت را به یک مربع کوچک در کنار تبدیل می‌کند. به یک تصویر ۱۲۰۰x۶۳۰ نیاز است.
- یک تصویر og: برای کل سایت. هر مقاله و هر محصول در رسانه‌های اجتماعی باید یکسان به نظر برسد - با لوگو. برای وبلاگ و کاتالوگ، تصویر باید از عکس اصلی صفحه گرفته شود.
- og:url به آدرس دیگری منتهی می‌شود - صفحه اصلی، یک دامنه آزمایشی یا نسخه
http://. این پلتفرم می‌تواند همه لینک‌ها را در یک صفحه واحد تجمیع کند. - twitter:card وجود ندارد. بدون آن، X اغلب یک کارت کوچک را نشان میدهد. برای تصویر بزرگتر، به
summary_large_imageنیاز دارید. - عبارت og:title عنوان را با «خرید» و نام تجاری تکرار می‌کند. در فید رسانه‌های اجتماعی، این شبیه یک تبلیغ به نظر میرسد؛ یک تیتر پرجنب‌وجوش، مانند یک پست، بهتر است.
حداقل مجموعه صحیح به این شکل است:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">چگونه یک تصویر را برای og:image آماده کنیم؟
تصویر قابل توجه‌ترین بخش کارت است و جایی است که افراد اغلب در آن خساست به خرج می‌دهند. در اینجا چند قانون وجود دارد که من از آنها پیروی می‌کنم:
- اندازه ۱۲۰۰×۶۳۰ و جهت افقی است. این شبکه اجتماعی بالا و پایین عکس مربعی محصول را برش میدهد که ممکن است منجر به از دست رفتن سر یا کف محصول شود.
- نکته مهم در مرکز است. پلتفرم‌های مختلف لبهها را به طور متفاوتی برش می‌دهند و در فید موبایل، کارت حتی کوچکتر است. متن را بزرگ و دور از لبهها نگه دارید.
- متن مختصر. عنوان از قبل زیر تصویر آمده است؛ ۳ تا ۶ کلمه یا هیچ توضیحی برای خود تصویر لازم نیست.
- فایل سبک. یک JPG یا PNG با اندازه معقول به سرعت بارگذاری می‌شود و پلتفرم به دلیل اتمام زمان، تصویر را «از دست نمی‌دهد».
- یک تصویر اختصاصی برای هر صفحه کلیدی. برای مقالات و محصولات، ایجاد خودکار یک تصویر راحت است: یک جلد مقاله یا عکس اصلی محصول.
یک آزمایش خوب این است که پیشنمایش را در دیباگر گوشی خود باز کنید. اگر لینک بدون بزرگنمایی واضح نیست، تصویر نیاز به اصلاح دارد.
چگونه می‌توانم پیشنمایش قدیمی را پس از رفع مشکل، به‌روزرسانی کنم؟
یک سناریوی رایج: شما تگ‌ها را اصلاح کرده‌اید، اما شبکه اجتماعی سرسختانه تصویر قدیمی را نمایش میدهد. دلیل آن حافظه پنهان است: پلتفرم پیشنمایش اولین اشتراک‌گذاری را به خاطر سپرده است. در Facebook جمع‌آوری مجدد داده‌ها در Sharing Debugger، در لینکدین، Post Inspector و در Telegram ، با ربات @WebpageBot که لینک را برای آن ارسال می‌کنید، کمک می‌کند. اگر هیچ‌کدام از روش‌های دیگر جواب نداد، یک پارامتر بی‌ضرر مانند ?v=2 به آدرس اضافه کنید: برای پلتفرم، این یک لینک جدید است.
مقایسه: اشکال‌زدای Open Graph و جایگزین‌ها
| ابزار | چی رایگانه؟ | محدودیت‌ها | برای چه کسانی مناسب است؟ |
|---|---|---|---|
| پروموپایلوت - دیباگر گراف باز | همه برچسب‌های og و توییتر، og:اندازه تصویر، پیشنمایشها برای Facebook ، X و لینکدین، توصیه‌ها | حافظه پنهان رسانه‌های اجتماعی را پاک نمی‌کند | قبل از انتشار صفحه خود در هر رسانه اجتماعی، فوراً آن را بررسی کنید |
| اشکال‌زدای اشتراک‌گذاری (متا) | پیشنمایش Facebook و جمع‌آوری مجدد داده‌ها | فقط Facebook ، ورود به حساب کاربری الزامی است | پیشنمایش قدیمی در Facebook را بازنشانی کنید |
| بازرس پست لینکدین | پیشنمایش لینکدین و به‌روزرسانی حافظه پنهان | فقط لینکدین، ورود لازم است | برای کسانی که در لینکدین تبلیغ میکنند |
| @WebpageBot در Telegram | به‌روزرسانی پیشنمایش لینک در Telegram | فقط Telegram ، تگ‌ها را تجزیه نمی‌کند | برای صاحبان کانال‌های Telegram |
نتیجه‌گیری: برای پاک کردن حافظه پنهان به دیباگرهای رسمی پلتفرم نیاز است، اما هر پلتفرم فقط شبکه خودش را نشان میدهد. برای دیدن همه پیشنمایشها و لیستی از تگ‌های از دست رفته به طور همزمان، یک دیباگر جهانی راحت‌تر است.
ضمناً، PromoPilot 87 ابزار سئو رایگان دارد. اگر هنوز تگ ننوشته‌اید، ما در مجموعه مقالات خود مقاله‌ای در مورد تولیدکننده متا تگ داریم که یک بلوک Open Graph با پیشنمایش ایجاد می‌کند.
اشکال‌زدای Open Graph چه تفاوتی با تحلیل متا تگ دارد؟
تحلیل متا تگ‌ها به یک صفحه از دید یک موتور جستجو نگاه می‌کند: عنوان، توضیحات، استاندارد، hreflang و Open Graph تنها یک گروه از این موارد هستند. این ابزار اشکال‌زدایی (دیباگر) بر رسانه‌های اجتماعی تمرکز دارد: کارت‌هایی برای پلتفرم‌های مختلف ایجاد می‌کند، اندازه تصویر را بررسی می‌کند و به‌طور خاص بر اساس پیشنمایشها توصیه‌هایی ارائه میدهد. اگر لینک‌های سایت شما به‌طور فعال در رسانه‌های اجتماعی و برنامههای پیامرسان به اشتراک گذاشته میشوند، این ابزار اشکال‌زدایی مفیدتر است.
هر دو یک محدودیت دارند: آنها HTML برگردانده شده توسط سرور را می‌خوانند. اگر تگ‌ها توسط یک اسکریپت مرورگر درج شوند، بسیاری از شبکههای اجتماعی آنها را نمی‌بینند - این باید از طرف وب‌سایت اصلاح شود. نکته دیگر: اشکال‌زدا تگ‌ها را بررسی می‌کند، اما خود اشتراک‌گذاری را نه. اگر صفحه با رمز عبور محافظت شده باشد، مسدود شده باشد یا از ربات‌ها محافظت شده باشد، ممکن است شبکه اجتماعی نتواند به آن دسترسی پیدا کند، حتی اگر همه تگ‌ها وجود داشته باشند.
چه زمانی یک ابزار رایگان کافی نیست؟
یک اشکال‌زدا نشان میدهد که صفحه og:image ندارد. اما اگر هزاران صفحه وجود داشته باشد، درج دستی تصاویر امکان‌پذیر نیست. در موارد زیر به یک متخصص نیاز است:
- هر محصول یا مقاله باید تصویر پیشنمایش مخصوص به خود را داشته باشد که به طور خودکار جمع‌آوری می‌شود.
- سایت با استفاده از یک اسکریپت، تگ‌ها را برمی‌گرداند و شبکههای اجتماعی آنها را نمی‌بینند؛
- شما تبلیغات و ایمیل‌هایی را راه‌اندازی می‌کنید که هر پیشنمایش بر هزینه هر کلیک تأثیر می‌گذارد؛
- ما به ترکیبی از «وب‌سایت + کانال Telegram + انتشار خودکار» به همراه کارت‌های مناسب نیاز داریم.
برای وب‌سایت شما چه کاری می‌توانم انجام دهم؟
من والری دانیوک هستم، توسعه‌دهنده و متخصص سئو با ۱۲ سال سابقه و بیش از ۲۰۰ مشتری. پیشنمایش زیبای لینک رایگان در دسترس است و من آن را برای هر پروژه سفارشی می‌کنم.
سئو و تبلیغات
- حسابرسی سئوی وب‌سایت آماده: من تمام تگ‌های قالب را بررسی می‌کنم، تصاویر پیشنمایش خودکار را تنظیم می‌کنم و کد را اصلاح می‌کنم.
وب‌سایت‌ها و فروشگاه‌های آنلاین
- انتقال فروشگاه شما از Instagram به وب‌سایتتان - محصولاتی با پیش‌نمایش‌های مناسب برای اشتراک‌گذاری آسان.
- یک صفحه فرود برای یک محصول جدید که در یک شب ایجاد شده است - یک مطالعه موردی NordHarvest با یک کارت آماده برای رسانه‌های اجتماعی.
- یک وب‌سایت کلینیک جراحی پلاستیک با هوش مصنوعی و برنامههای کاربردی از طریق Telegram.
- وب‌سایت در 1001site: پیشنمایشها برای شبکههای اجتماعی و انتشار خودکار در Telegram به‌طور خودکار پیکربندی میشوند.
ربات‌ها و اتوماسیون
- ربات Telegram با هوش مصنوعی برای فروشگاه آنلاین سس.
- کوئست‌فلو (QuestFlow) یک سازنده‌ی نرم‌افزار به عنوان سرویس (SaaS) Telegram با هوش مصنوعی است.
- نمایندگان تجارت الکترونیک به جای چت‌بات‌ها
لینکی که در پیامرسان Telegram ظاهر بدی دارد را برای من ارسال کنید تا به شما بگویم کدام تگ از قلم افتاده است.
نتیجه
- یک بررسی‌کننده‌ی آنلاین Open Graph نشان میدهد که یک لینک در Facebook ، X و لینکدین چگونه به نظر میرسد و کدام تگ‌ها وجود ندارند.
- حداقل مورد نیاز og:title، og:type، og:image (1200×630، آدرس کامل) و og:url، به علاوه twitter:card است.
- پس از رفع مشکل، حافظه پنهان سایت‌ها را بازنشانی کنید: Sharing Debugger، Post Inspector، @WebpageBot.
- برای کاتالوگ و وبلاگ، تصاویر پیشنمایش باید به‌طور خودکار جمع‌آوری شوند، مانند 1001site.
قبل از اینکه دنبال‌کنندگانتان پست را ببینند، صفحه‌ای را که می‌خواهید به اشتراک بگذارید، در ابزار رایگان Open Graph Debugger بررسی کنید.
منابع
- صفحه ابزار اشکال‌زدای گراف باز PromoPilot - فهرست بررسی‌ها و سوالات متداول.
- پروتکل گراف باز (ogp.me) - ویژگی‌های اجباری و اختیاری.
- اشکال‌زدای اشتراک‌گذاری متا و بازرس پست لینکدین ابزارهای رسمی این پلتفرمها هستند.
