رد کردن این محتوا

پروتکل Open Graph (اپن گراف)

 

Open-Graph

پروتکل Open Graph چیست ؟

پروتکل Open Graph به وبسایت ها این امکان را می دهد که در شبکه های اجتماعی نمایش زیباتری داشته باشند.
برای مثال در facebook از این پروتکل استفاده می شود تا به وبسایت ها اجازه دهد مانند دیگر اشیاء موجود در facebook رفتار کنند.

Screenshot_20160730_130520

در شکل بالا نمونه ای از Open Graph در نرم‌افزار تلگرام را مشاهده می نمایید.

فراداده های مقدماتی در Open Graph

برای اینکه Open Graph را به وبسایت خود اضافه نمایید نیاز است بخش هایی را به وبسایت خود اضافه نمایید.
Open Graph برپایه پروتکل RDFs ساخته شده است، بنابراین لازم است برای اضافه کردن این پروتکل به وبسایت خود تگ های <meta> را به بخش <head> سایت خود اضافه نمایید.

چهار مشخصه زیر در این پروتکل برای هر صفحه سایت اجباریست.

  1. og:title : موضوع صفحه را مشخص می کند.
  2. og:type : نوع صفحه را مشخص می کند. به عنوان مثال این صفحه Article است.
  3. og:image : عکس نماینده ی صفحه را مشخص می کند. در این بخش آدرس عکس مورد نظر قرار می گیرد.
  4. og:url : در این قسمت آدرس صفحه قرار می گیرد.

نمونه ای از کد اضافه شده به وبسایت

فراداده های اختیاری

به جز فراداده هایی که در بالا اشاره شد فراداده های دیگری نیز در Open Graph وجود دارد که بعضی از آنها در زیر آمده است.

  • og:audio : آدرس یک فایل صوتی متناسب با صفحه.
  • og:description : یک یا دو جمله در مورد صفحه
  • og:site_name :‌نام وبسایت
  • og:video : آدرس یک فایل تصویری متناسب با صفحه.

همچنین هر کدام از این مشخصه ها را میتوان بیشتر توضیح داد و هر کدام دارای مشخصه های زیر مجموعه هستند. به عنوان مثال مشخصه ی og:image شامل زیر مجموعه های زیر می باشد.

  • og:image:url : آدرس عکس
  • og:image:secure_url : آدرس Https به عکس
  • og:image:type : نوع عکس را مشخص می کند (Jpg , bmp , png , …)
  • og:image:width
  • og:image:height

برای اطلاعات بیشتر می توانید به وبسایت Open  Graph مراجعه نمایید.

منتشر شده آموزش

اولین نظر دهنده باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *