متا تگ OG چیست و چرا برای اشتراک گذاری لینکها مهم است؟

حتما می‌دانید که امروزه شبکه‌های اجتماعی جزء جدایی‌ناپذیر زندگی همه ما هستند؛ به عنوان مثال اگر محتوایی تولید کنید که از نظر کیفیت نگارش، پاسخگویی به نیاز کاربران و رعایت اصول سئو عالی باشد ولی توانایی رساندن مطلب مورد نظر به کاربران را نداشته باشید هیچ نتیجه‌ای نمی‌گیرید در این میان، متا تگ open graph  به شما کمک می‌کند تا محتوای خود را به شکلی بهینه و کاربرپسند در شبکه‌های اجتماعی به نمایش بگذارید و همین نمایش چشم‌گیر محتوا، تمایل کاربران به بازدید را افزایش می‌دهد. در واقع در جواب متاتگ OG چیست؟ باید بگوییم که مجموعه کدهایی هستند که نحوه نمایش آدرس‌هایی که در شبکه‌های اجتماعی به اشتراک گذاشته شده‌اند را کنترل کرده و باعث ظاهر کاربر پسندتر محتوا در شبکه‌های اجتماعی می‌شوند در ادامه می‌گوییم که متا تگ OG یا Open Graph چیست + تاثیر آن بر سئو سایت را شرح می‌دهیم:

Open Graph  چیست؟

به قطعه کدهایی که نحوه نمایش  URLها را هنگام به اشتراک‌گذاری در رسانه‌های اجتماعی کنترل می‌کنند متاتگ‌های OG یا Open Graph می‌گویند گفتنی است که آنها بخشی از پروتکل Open Graph فیسبوک بوده و به واسطه سایر سایت‌های رسانه‌های اجتماعی از جمله لینکدین، توییتر و در صورت عدم وجود Twitter Cards نیز استفاده می‌شوند. به بیانی دیگر تصور کنید می‌خواهید لینکی از سایت خود را در فیسبوک به اشتراک بگذارید؛ فیسبوک معمولاً به طور خودکار عنوان، توضیحات و تصویری را از صفحه وب شما استخراج می‌کند تا پیش‌نمایشی از آن لینک را نمایش دهد اما شما می‌توانید این اطلاعات را با استفاده از متا تگ‌های Open Graph، به صورت دقیق‌تر و جذاب‌تر به فیسبوک ارائه دهید.

مهم‌ترین متا تگ‌های  OG

تا اینجا توضیح دادیم که تگ اوپن گراف چیست؟ حالا مهم‌ترن تگ‌های اپن گراف (Open Graph tags) که باید در نظر گرفته شوند عبارتند از:

• og:title برای عنوان صفحه وب: این تگ، توضیح کوتاهی است که در زیر عنوان ظاهر می‌شود قوانین نوشتن تگ Open Graph مانند نوشتن توضیحات متا برای موتورهای جستجو است.

• og:description برای توضیحات صفحه وب: برای تعیین عنوان صفحه شما استفاده می‌شود عنوانی که هنگام به اشتراک گذاری صفحه شما در شبکه‌های اجتماعی مانند فیسبوک یا توییتر نشان داده می‌شود.
• og:image برای تصویر نمایش داده شده : به عبارتی در جواب og: image چیست؟ باید بگوییم که تصویر بندانگشتی که هنگام به اشتراک گذاری وب سایت شما در فیسبوک و دیگر شبکه‌های اجتماعی نشان داده می‌شود، را شرح می‌دهد.
• og:type برای تعیین نوع محتوا: به شما امکان می‌دهد نوع محتوایی را که در وب سایت یا وبلاگ خود به اشتراک می‌گذارید مشخص کنید.
• og:url برای URL صفحه وب: لینکی به نسخه canonical برای صفحه‎ای که می‌خواهید به اشتراک بگذارید. این تگ OG تضمین می‌کند که کاربران شبکه‌های اجتماعی محتوایی را که برای آنها آماده کرده‌اید، ببینند.
• og:site_name برای نام وب سایت: این تگ نام وب سایت شما را مشخص می‌کند و به ویژه در صورتی مفید است که صفحه شما در چندین شبکه اجتماعی به اشتراک گذاشته شود این تگ کمک می‌کند کاربران به راحتی وب سایت شما را شناسایی نمایند.

چه زمانی باید از OG استفاده کنیم؟

نا گفته نماند که یکی از ضرورت استراتژیک دنیای دیجیتال مارکتینگ استفاده از متا تگ‌های Open Graph است، اما در چه مواقعی باید حتماً از آن‌ها بهره ببریم؟

• هنگام انتشار محتوا در شبکه‌های اجتماعی: برای نمایش لینک در واتساپ یا هر زمان که قصد دارید لینک یک صفحه از وبسایت خود (مانند مقاله، محصول، یا ویدیو) را در فیسبوک، توییتر، لینکدین یا اینستاگرام به اشتراک بگذارید، وجود این تگ‌ها الزامی بوده و باعث بهینه‌سازی لینک برای اشتراک می‌شود.
• برای صفحات مهم و پرترافیک: صفحات اصلی سایت، پست‌های وبلاگ، صفحه محصولات و خدمات، و صفحات فرود کمپین‌ها باید مجهز به OG باشند تا هنگام اشتراک‌گذاری لینک در تلگرام و دیگر شبکه‌ها جلوه‌ای حرفه‌ای داشته باشند.
• زمانی که کنترل بر روی پیش‌نمایش لینک حیاتی است: اگر می‌خواهید مطمئن شوید که لینک با تصویر در سوشال مدیا دقیقاً مطابق با پیام برند شما نمایش داده می‌شود در واقع از نمایش خودکار و نامناسب محتوا جلوگیری می‌کنید.
• برای افزایش نرخ کلیک (CTR): یک پیش‌نمایش جذاب و پرمحتوا که توسط OG تگ‌ها ایجاد می‌شود، به طور مستقیم بر تصمیم کاربر برای کلیک کردن روی لینک شما تأثیر می‌گذارد.
• در کمپین‌های تبلیغاتی: کاربرد چشمگیر تگ og برای شبکه‌های اجتماعی، وقتی برای یک محصول یا رویداد خاص، لینکی را در شبکه‌های اجتماعی تبلیغ می‌کنید، OG تگ‌ها تضمین می‌کنند که پیام تبلیغاتی شما به درستی و با بیشترین تأثیر بصری منتقل شود.

تأثیر متاتگ Open Graph بر سئو سایت چیست؟

در ادامه مبحث متاتگ OG چیست؟ لازم است بدانید که متا تگ های OG تأثیر مستقیمی رو سئو نداشته و عمدتاً برای بهینه سازی رسانه‌های اجتماعی طراحی شده‎اند، اما به طور غیرمستقیم به بهبود دید کلی، تعامل و عملکرد موتور جستجوی سایت شما کمک می‎کنند.

• بهبود تعامل در شبکه های اجتماعی: متا تگ های OG نحوه نمایش محتوای شما را هنگام اشتراک‌گذاری در پلتفرم‎های رسانه‌های اجتماعی (مانند عنوان، توضیحات، تصویر) کنترل کرده و باعث بهینه‌سازی لینک برای اشتراک می‌شوند.
• افزایش نرخ کلیک: تگ‌های OG باعث می‌شوند که ارائه جذاب‎تری در نتایج داشته باشید و همین موضوع باعث افزایش نرخ کلیک خواهد شد.
• مشاهده بیشتر محتوا: تگ‌های OG پیش‌ نمایش‎های واضح و جذاب ارائه داده و باعث می‌شوند محتوای شما قابل اشتراک‌‌تر شود.

نحوه پیاده سازی OG در HTML

اگر از سیستم‌های مدیریت محتوا (CMS) معروف استفاده می‌کنید، احتمالاً پیاده‌سازی og با نصب افزونه مربوط به آن (از قبل نگارش شده در صورت وجود) آسان خواهد بود. محل قرارگیری تگ‌های og قسمت head در html  می‌باشد.

• افزونه Yoast SEO در وردپرس از طریق بخش شبکه‌های اجتماعی واردکردن اطلاعات برخی از مهم‌ترین تگ‌ها را برای شما ممکن می‌کند.
• Open Graph Protocol Solution در جوملا یک کامپوننت تخصصی افزودن اوپن گراف است که امکان اضافه‌کردن انواع این تگ‎ها را به شما می‌دهد.
• Open Graph Meta Data در مجنتو نیز وضعیت مشابه با کامپوننت جوملا است و به‌ صورت تخصصی و حرفه‌ای اپن گراف پیاده‌سازی می‌کند.

گفتنی است که برای ساخت این تگ در سایر سیستم‌های متن‌باز هم ابزارهایی وجود دارد کافی است، نام CMS خود را به همراه کلمه open graph در گوگل سرچ کرده تا به اطلاعات موردنظر دست پیدا کنید.

ابزارهای بررسی  OG

نا گفته نماند که برای بررسی  og ابزارهای زیادی در سایت وجود دارد از مهم‌ترین این ابزارها می‌توان به  Facebook sharing،Twitter card validator، LinkedIn Post Inspector، debugger  و… اشاره کرد.

• اگر نیاز به بررسی متا تگ og در کل صفحات سایت داشتید از ابزار Ahrefs’ Site Audit استفاده کنید این ابزار کار پردازش گروهی صفحات را انجام می‌دهد.
• Facebook sharing debugger جهت آسان‌تر شدن تست اپن گراف‌ها توسط فیس‌بوک طراحی شده است و دلیل محبوبیت آن فقط نمایش خطاها نیست بلکه در خصوص برطرف کردن خطا  نیز توضیحات مختصری ارائه داده همچنین کش فیس‌بوک از لینک‌ها را پس از هر تست پاک می‌کند. برای استفاده از این ابزار باید در نوار آدرس مشخص شده در صفحه اصلی آدرس (url) مورد نظر خود را وارد کرده و گزینه Debug را بزنید. پس از انجام پردازش اطلاعات کاملی از تگ‌های استفاده شده، خطاها، شیوه رفع خطا و… به شما ارائه می‎دهد لازم به ذکر است، پس از انجام هر Debug، کش اطلاعات تگ در آدرس دیباگ شده توسط فیس‌بوک پاک می‌شود.
• سایت xyz: برای بررسی و ساخت og به کار می‌رود بعد از واردکردن url صفحه، اطلاعات به‌صورت خودکار خوانده شده و در بخش‌های مربوط به نمایش در خواهد آمد. همچنین در این سایت می‌توانید پیش‌نمایشی از اوپن گراف در شبکه‌های اجتماعی مختلف مانند نمایش لینک در واتساپ مشاهده نمایید.
• سایت dev: مانند سایت قبل این ابزار به شما کمک می‌کند og خود را بررسی کنید و یا آن را بسازید. با استفاده از سایت opengraph.dev می‌توانید با جستجوکردن آدرس، پیش‌نمایش og خود را در شبکه‌های اجتماعی مختلف ببینید و یا با واردکردن اطلاعات خواسته شده به ساده‌ترین روش ممکن آن را بسازید.

اشتباهات رایج در استفاده از OG

در ادامه مطالب متاتگ OG چیست؟ باید بگوییم که اشتباهات رایجی در استفاده از اپن گراف، وجود دارد که برخی از آنها عبارتند از:

• عدم تنظیم درست تگ‌های متا
• استفاده از تصاویر نامرتبط
• استفاده از توضیحات بی‌اهمیت یا مبهم

نتیجه گیری

همانطور که در توضیحات متاتگ OG چیست؟ گفتیم این متاتگ‌ها نه تنها یک ابزار فنی بلکه رابطی کاربردی  بین محتوای وبسایت و فضای تعاملی شبکه‌های اجتماعی هستند که امکان کنترل دقیق بر روی نحوه نمایش عنوان، تصویر، توضیحات و نوع محتوا در هنگام اشتراک‌گذاری لینک داشته و تجربه کاربر را بهبود می‌بخشند در واقع با یک پیش‌نمایش جذاب و حرفه‌ای، اعتماد کاربر را جلب ، نرخ کلیک (CTR) را افزایش داده و در نهایت، ترافیک ارگانیک باکیفیتی را به سمت سایت هدایت می‌کند؛ در واقع اهمیت  OG از آنجایی نمایان می‌شود که  می‎تواند یک لینک ساده و بی‌روح را به یک “کارت ویزیت دیجیتال” جذاب و کاربردی در رسانه‌های اجتماعی تبدیل کند؛ از سویی دیگر اگرچه متا تگ‌های OG به طور مستقیم روی سئو تأثیر نمی‌گذارند، اما تاثیر غیرمستقیم و بسیار قدرتمندی بر بهینه‌سازی سایت دارند افزایش نرخ کلیک، زمان ماندگاری کاربر در سایت و اشتراک‌گذاری گسترده در پلتفرم‌های اجتماعی، همگی سیگنال‌های مثبت و ارزشمندی هستند که موتورهای جستجو آن‌ها را به عنوان نشانه‌ای از کیفیت و ارتباط محتوا در نظر می‌گیرند.

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

آیا استفاده از متاتگ‌های OG در سئو تأثیر دارد؟

بله، به صورت غیرمستقیم با بهبود نمایش لینک در شبکه‌های اجتماعی، نرخ کلیک (CTR) و تعامل کاربر را افزایش داده که این عوامل سیگنال‌های مثبتی برای موتورهای جستجو هستند.

چرا لینک سایت من در واتساپ یا تلگرام تصویر ندارد؟

معمولاً به دلیل وجود نداشتن یا نادرست بودن متاتگ  og:image  است. مطمئن شوید که آدرس تصویر کامل بوده و با HTTP/HTTPS و سایز آن برای پلتفرم مورد نظر مناسب می‌باشد.

چگونه مطمئن شوم که OG در سایتم درست کار می‌کند؟

از ابزارهای رایگان مانند فیس‌بوک، Sharing Debugger” و… کمک بگیرید؛ کافیست آدرس صفحه خود را در این ابزارها وارد کنید تا خطاها و پیش‌نمایش آن را بررسی کنید.

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

یک تصویر با کیفیت با ابعاد استاندارد (1200 در 630 پیکسل) که مفهوم اصلی محتوا را به سرعت انتقال دهد. از قرار دادن متن زیاد در تصویر خودداری کنید و فرمت‌های رایج مانند JPG یا PNG را به کار ببرید.