تگ Open Graph (اپن گراف) و تاثیر آن بر روی سئو سایت

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

Open Graph چیست؟

Open Graph یک پروتکل و مجموعه‌ای از متادیتاهاست که در بخش کد HTML صفحه قرار می‌گیرند و اطلاعاتی درباره محتوای صفحه در اختیار سرویس‌هایی قرار می‌دهند که URL آن را دریافت می‌کنند. برای مثال، زمانی که لینک یک مقاله را در یک شبکه اجتماعی یا پیام‌رسان ارسال می‌کنید، پلتفرم مقصد باید تشخیص دهد:

• عنوان صفحه چیست؟
• چه توضیحی برای آن نمایش داده شود؟
• تصویر اصلی صفحه کدام است؟
• URL اصلی صفحه چیست؟
• نوع محتوای صفحه چیست؟

تگ‌های Open Graph برای مشخص کردن همین اطلاعات استفاده می‌شوند. این اطلاعات معمولاً برای پیش‌نمایش لینک (Link Preview) استفاده می‌شوند.

Open Graph چگونه کار می‌کند؟

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

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

چرا متاتگ Open Graph اهمیت دارد؟

Open Graph به‌تنهایی یک فاکتور مستقیم رتبه‌بندی گوگل محسوب نمی‌شود؛ بنابراین نباید انتظار داشت صرفاً با اضافه کردن OG Tagها، رتبه یک صفحه در نتایج جستجو افزایش پیدا کند. اما این موضوع به معنی بی‌اهمیت بودن Open Graph نیست.

تنظیم صحیح این تگ‌ها می‌تواند باعث شود لینک‌های شما هنگام انتشار در پلتفرم‌های مختلف ظاهر مناسب‌تری داشته باشند و در نتیجه احتمال تعامل و کلیک کاربران افزایش پیدا کند. مهم‌ترین مزایای استفاده از Open Graph عبارت‌اند از:

کنترل پیش‌نمایش لینک

با OG Tagها می‌توانید مشخص کنید هنگام اشتراک‌گذاری یک صفحه، چه عنوان، تصویر و توضیحی در پیش‌نمایش لینک نمایش داده شود.

افزایش جذابیت لینک‌های اشتراکی

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

بهبود تجربه کاربر

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

بیشتر بخوانید: تجربه کاربری یا UX چیست؟

جلوگیری از نمایش اطلاعات اشتباه

اگر Open Graph به‌درستی تنظیم نشده باشد، ممکن است پلتفرم مقصد تصویر نامرتبط، عنوان قدیمی یا توضیحات اشتباه را نمایش دهد.

کمک به بازاریابی محتوا

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

مهم‌ترین تگ‌های Open Graph

Open Graph تگ‌های مختلفی دارد، اما برای بیشتر صفحات سایت، چند تگ اصلی اهمیت بیشتری دارند.

تگ og:title

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

بهتر است عنوان:

• دقیق و مرتبط با صفحه باشد؛
• برای کاربر جذاب باشد؛
• بیش از حد طولانی نباشد؛
• با محتوای واقعی صفحه مطابقت داشته باشد.

نکته مهم اینکه محدودیت ثابت و جهانی مانند «حتماً 60 تا 90 کاراکتر» برای og:title وجود ندارد. این نوع محدودیت‌ها بیشتر به نحوه نمایش پلتفرم مقصد و فضای موجود در رابط کاربری آن بستگی دارند. بنابراین به جای تمرکز وسواس‌گونه روی تعداد کاراکتر، عنوانی واضح و قابل‌فهم بنویسید.

 تگ og:description

این تگ توضیح کوتاهی درباره محتوای صفحه ارائه می‌کند.

توضیحات باید با محتوای واقعی صفحه هماهنگ باشد و به کاربر کمک کند متوجه شود با کلیک روی لینک چه چیزی دریافت خواهد کرد. og:description با meta description یکسان نیست، اگرچه می‌توان محتوای آن‌ها را مشابه یا حتی در برخی صفحات یکسان در نظر گرفت.

تگ og:image

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

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

نسبت تصویر 1.91:1 و ابعاد رایج 1200×630 پیکسل برای بسیاری از اشتراک‌گذاری‌های اجتماعی انتخاب مناسبی است، اما باید الزامات پلتفرم مقصد را نیز در نظر گرفت.

بیشتر بخوانید: راهنمای بهینه سازی تصاویر

تگ og:url

این تگ URL اصلی صفحه را مشخص می‌کند.

استفاده از URL اصلی و ترجیحاً Canonical صفحه به جلوگیری از ابهام میان URLهای مختلف یک محتوا کمک می‌کند. برای مثال اگر یک صفحه با پارامترهای مختلف URL در دسترس باشد، بهتر است URL اصلی و استاندارد آن در og:url مشخص شود.

تگ og:type

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

برای یک مقاله یا محتوای وبلاگی، article انتخاب رایجی است و برای صفحات عمومی سایت معمولاً website استفاده می‌شود. در پروژه‌های مختلف ممکن است انواع دیگری از Open Graph نیز مورد استفاده قرار بگیرند؛ بنابراین بهتر است مقدار og:type را متناسب با نوع واقعی محتوا انتخاب کنید.

Open Graph و Twitter Card چه تفاوتی دارند؟

یکی از نکات مهم در پیاده‌سازی متادیتای شبکه‌های اجتماعی، تفاوت بین Open Graph و Twitter Cards است. Twitter که اکنون با نام X شناخته می‌شود، متادیتای اختصاصی خود را با نام Twitter Cards ارائه می‌کند.

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

آیا Open Graph روی سئو تأثیر مستقیم دارد؟

خیر؛ Open Graph به‌عنوان یک فاکتور مستقیم رتبه‌بندی گوگل شناخته نمی‌شود. این موضوع یکی از مهم‌ترین نکاتی است که باید هنگام بهینه‌سازی سایت در نظر داشته باشید. تگ‌های Open Graph عمدتاً برای کنترل نحوه نمایش URL در شبکه‌های اجتماعی و سرویس‌های پشتیبان از این استاندارد استفاده می‌شوند.

چگونه خطاهای Open Graph را بررسی کنیم؟

بعد از پیاده‌سازی OG Tagها، صرفاً قرار دادن کد در HTML کافی نیست. باید بررسی کنید که پلتفرم مقصد واقعاً اطلاعات موردنظر را دریافت می‌کند. برای بررسی بهتر:

1. سورس HTML صفحه را بررسی کنید.
2. مطمئن شوید تگ‌ها داخل بخش قرار گرفته‌اند.
3. URL تصاویر را بررسی کنید.
4. مطمئن شوید تصویر از خارج سایت قابل دسترسی است.
5. عنوان و توضیحات را برای هر صفحه بررسی کنید.
6. لینک را در پلتفرم هدف آزمایش کنید.

بعد از تغییر OG Tagها، در نظر داشته باشید که برخی سرویس‌ها ممکن است نسخه قبلی متادیتا را برای مدتی در Cache نگه دارند.

چک‌لیست نهایی Open Graph

پیش از انتشار یا به‌روزرسانی یک صفحه مهم، موارد زیر را بررسی کنید:

• og:title وجود دارد.
• og:description با محتوای صفحه هماهنگ است.
• og:url به URL اصلی صفحه اشاره می‌کند.
• og:type متناسب با نوع محتواست.
• og:image تعریف شده است.
• تصویر OG با کیفیت و ابعاد مناسب انتخاب شده است.
• برای تصویر، در صورت نیاز اطلاعات تکمیلی مانند width و height تعریف شده است.
• Twitter Card برای پلتفرم X بررسی شده است.
• اطلاعات صفحات مختلف با یکدیگر تکراری نیستند.
• پیش‌نمایش لینک پس از انتشار آزمایش شده است.

جمع‌بندی

Open Graph یکی از ابزارهای مهم برای بهینه‌سازی نحوه نمایش صفحات سایت هنگام اشتراک‌گذاری است. تگ‌هایی مانند og:title، og:description، og:image، og:url و og:type به سرویس‌های مقصد کمک می‌کنند اطلاعات صفحه را به شکل مناسب‌تری نمایش دهند. Open Graph عامل مستقیم افزایش رتبه در گوگل نیست؛ اما یک پیاده‌سازی صحیح می‌تواند کیفیت نمایش لینک‌ها، جذابیت محتوای اشتراکی و در نتیجه ظرفیت جذب کلیک و تعامل از کانال‌های اجتماعی را بهبود دهد. به همین دلیل، در کنار سئو داخلی، محتوای باکیفیت و بهینه‌سازی فنی سایت، بررسی Open Graph نیز باید بخشی از چک‌لیست فنی صفحات مهم سایت باشد.