انواع متا تگ های اپن گراف (Open Graph)

تا به حال و به طور رسمی 17 نوع متا تگ اپن گراف (Open Graph) معرفی شده است که ما در این مقاله فقط به چند نوع مهم آن اشاره خواهیم کرد:

1- og:title (عنوان سایت)

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

2- og:description (توضیحات)

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

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

محدودیتی در این قسمت وجود ندارد، اما بهتر است تقریبا حدود 200 کاراکتر نوشته شود. در بعضی مواقع ممکن است فیسبوک تا 300 کاراکتر را نیز به نمایش بگذارد، اما پیشنهاد ما همان 200 کارکتر است.

3- og: url(/آدرس منحصر به فرد صفحه)

در این نوع متا تگ اپن گراف (Open Graph) از آدرس یا URL صفحه استفاده می‌شود.

 یک نکته مهم در هنگام استفاده از این متا تگ که باید رعایت کنید، این است که از URL اصلی (Canoniacal) استفاده شود. مثلاً اگر صفحه a به یک صفحه b ریدایرکت شده است، باید در این قطعه کد URL صفحه b وارد شود.

4- og:image (تصویر مطلب)

در این نوع متا تگ اپن گراف (Open Graph) نیز از یک URL استفاده می‌شود؛ اما URL متعلق به یک تصویر است. با استفاده از این متا تگ می‌توانید تصویر مورد نظر خود در هنگام به اشتراک گذاشتن یک محتوا را مشخص کنید. بنابراین استفاده از این متا تگ می‌تواند تاثیر زیادی در افزایش نرخ تبدیل داشته باشد.

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

5- Og:type (نوع محتوا)

در این نوع متا تگ اپن گراف (Open Graph) نوع محتوای به اشتراک گذاشته شده مشخص می‌شود؛ بنابراین در مقابل content در اسنیپت کد باید کلماتی مانند article (برای مقالات)، website (برای سایر صفحات سایت به جز پست‌ها و مقالات)، image و… قرار بگیرد. یک محتوا می‌تواند از نوع پست وبلاگ، ویدئو، تصویر یا هر چیز دیگری باشد.

6- Og:locale (زبان محتوا)

 همان طور که حدس می‌زنید، در این متا تگ اپن گراف (Open Graph) به زبان محتوا اشاره می‌شود و بیشتر برای محتوایی که به زبان‌های غیر از زبان انگلیسی نوشته شده باشد، کاربرد دارد چرا که در حالت پیش‌فرض انگلیسی است.