با توجه به ظهور گسترده شبکه های اجتماعی و گسترش استفاده از آن ها بر روی تلفن های همراه هوشمند ، تبلت ها و .... بهره گیری از امکانی که به وسیله آن بتوان اخبار و مطالبی که در سایت ها به اشتراک گذاشته می شود را به صورتی ساختار یافته و شامل عنوان ، تصویر و خلاصه و ... نمایش داد امری مهم می باشد.
امروزه بسیاری از کاربران سایت ها تمایل دارند تا بتوانند مطالبی را که در سایت های خود به نمایش می گذارند به صورتی لینکی حاوی اطلاعات محدود نیز در شبکه های اجتماعی به اشتراک بگذارند. مشابه این امر را در کانال تلگرام سایت های خبری مانند فارس نیوز و ... مشاهده می نمایید.
اولین بار در سال 2010 فیسبوک برای به اشتراک گذاشتن پست های صفحات و اشخاص در گراف هایی به جز گراف فیسبوک از این امر استفاده کرد و امروز ما تحت عنوان استانداردی به نام Open Graph در بسیاری از سایت های خبری و محتوا محور از آن بهره می بریم.
استاندارد Open Graph در واقع هر صفحه وب را تبدیل به یک شی غنی (حاوی اطلاعات خاص) در گراف های اجتماعی می نماید.به عنوان نمونه هر پست از فیسبوک می تواند با وجود اطلاعات کاملی همچون تصویر ، عنوان و توضیح و ... در صفحات دیگری به جز فیسبوک و یا درون گراف فیسبوک با همان کیفیت صفحه اصلی به اشتراک گذاشته شود.
با وجود اینکه تکنولوژی های بسیاری برای به اشتراک گذاشتن مطالب وجود دارد اما تکنولوژی یکتایی که بتواند تمامی اطلاعات لازم و کافی را ارائه دهد و نیازهای برنامه نویسان در این زمینه را مرتفع نماید معرفی نشده است. پروتکل Open Graph با توجه به بستر موجود فعلی بنا نهاده شده است و با تنظیماتی ساده امکان ارائه اطلاعات در لینک های شبکه های اجتماعی را فراهم می نماید:
برای تبدیل یک صفحه از وب به یک شی از گراف نیاز به افزودن meta data به هر صفحه می باشد. این یعنی شما نیازمند افزودن تگ های متا در head صفحه خود می باشید.چهار property مورد نیاز برای هر صفحه به شرح زیر می باشد :
1- og:title عنوان شی شما که در گراف با این عنوان منتشر خواهد شد . برای مثال عنوان خبر
2- og:type نوع شی شما را مشخص می کند . برای مثال فایل ویدیویی
3- og:image آدرس یک تصویر که در گراف به نمایش در خواهد آمد را مشخص می کند.برای مثل تصویر خبر
4- og:url که در واقع لینکی به منبع اصلی می باشد.
علاوه بر متا دیتاهای اجباری فوق موارد اختیاری نیز وجود دارد که امکان افزودن توضیحات ، نام سایت و ... به شی را فراهم می کند. همچنینن می توانیم با تنظیم مواردی همچون طول و عرض تصویر نمایش جذاب تری را ارائه کنیم.
برای مطالعه بیشتر می توانید به لینک زیر مراجعه نمایید:
