تاحالا اصطلاحOpen Graph به گوشتون خورده؟ اگر جوابتون مثبته؛ میدونید چه زمانی ازش استفاده میشه؟ تو این مقاله من میخوام به این دوتا سوال شما جواب بدم.
به طور کلی به مجموعه ای از متا تگ ها که در ساختار کدنویسی سایت و در بخش headقرار میگیره و به شما اجازه می ده تا صفحات خودتون رو تو اغلب شبکه های اجتماعی با ظاهر بهتری ارائه بدید Open Graph گفته میشه. با استفاده از این تگ میتونید انتخاب کنید که صفحات موردنظرتون با چه جزئیاتی تو شبکه های اجتماعی نشون داده بشن.
اولین بار هم شرکت فیس بوک از این تگ ها برای نمایش بهتر سایت ها تو شبکه اجتماعی خودش استفاده کرد. سال ها بعد هم شبکه های اجتماعی دیگه هم این ساختار رو استفاده کردن.
اما یه سوال اینجا پیش میاد و اونم این هست که این متاتگ رو با چه ساختاری توی کدهای سایتمون جا بدیم؟
برای درک این مساله بیایید باهم یه مثال رو بررسی کنیم:
<meta property="og:title" content= " همه چیز درباره اپن گراف"/>
یه متاتگ اپن گراف از دو بخش تشکیل میشه که شامل meta property و content هست.
همه تگ های اپن گراف با meta property شروع میشن که نوع اپن گراف رو نشون میده. بعد از اون دو حرفیog قرار میگیره که محتواش “نوع متاتگ اپن گراف” را مشخص میکنه.
تو مثال بالا با توجه به واژه ی title؛ تگ موردنظر برای نمایش عنوان صفحه تون تو شبکه های اجتماعی استفاده می شه. نوع متاتگی که برای اپن گراف استفاده میشه شامل موارد زیر هست:
واژهcontent تو ساختار اپن گراف؛ محتوای اون رو نشون میده. مثلا برای مثال بالا؛ متن عنوانی که تو شبکه های اجتماعی نشون داده میشه « همه چیز درباره اپن گراف » هست، یا مثلا برای تگ اپن گراف image، آدرس عکسی که قراره نمایش داده بشه و ...
با رعایت همین چند نکته ساده میتونید یه ظاهر جذاب و قابل قبولی از خودتون تو شبکه های اجتماعی به جا بذارید.
