متاتگ های مناسب برای اشتراک در فیس بوک

ممکنه برای شما هم پیش اومده باشه وقتی میخواید یک مطلب یا خبری از سایتتون بر روی شبکه های اجتماعی مثل فیسبوک به اشتراک بزارید ، کاملا درست و به دلخواه شما نشون داده نمیشه

یعنی انگشتی یا thumbnail رو نمیتونه درست تشخیص بده

عنوان یا توضیح و یا لینک اشتباه نمایش داده میشه

برای حل این مشکل باید از متا تگ های درست استفاده کنیم



این مشکل برای بخش اخبار تراکتور افسی هم وجود داشت

به عنوان مثال این خبر را در نظر بگیرید:

http://www.tractorfc.com/read.php?newsid=4246

اون چیزی که در به اشتراک گذاری یک لینک داخل فیس بوک یا شبکه های اجتماعی به کار میاد میتونه به اسن صورت باشه :

لینک خبر . عنوان سایت . عنوان خبر . توضیحات کوتاه خبر. تاریخ و ساعت انتشار. تصویر خبر

این متاتگ هایی که از قبل استفاده میکردیم به این صورت هست :

<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

این متاتگ ها مخصوص گوگل هستند ولی برای فیس بوک باید از پروتکل اپن گراف

open graph protocol

استفاده کنیم :

http://ogp.me/ سایت مخصوص برای اپن گراف هست که توضیحات لازم در سایت داده شده

ولی اون چیزی که به درد سایت های خبری یا سایت های انتشار مقالات به درد میخوره و در تراکتور اف سی هم از آن استفاده شده به این صورت می باشد :

<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

توضیحات لازم در این سایت داده شده ولی برای مثال متاتگ مربوط به فیس بود و خبری که از تراکتور اف سی گزاشتم رو اینجا قرار میدم

<meta property="og:title" content="چند خبر از باشگاه تراختور" />
<meta property="og:site_name" content="کلوب هواداران تراکتورسازی تبریز" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://www.tractorfc.com/uploads/newsimg/newsimg-283323-۱۳۹۳-۰۱-۰۳-940311.jpg" />
<meta property="og:url" content="http://www.tractorfc.com/read.php?newsid=4246&title=چند-خبر-از-باشگاه-تراختور" />
<meta property="og:description" content="چند خبر از باشگاه تراختور" />
<meta property="article:published_time" content = "۱۳۹۳/۰۱/۰۳" />

میتونید جزئیات رو با توجه به مطالب سایت خودتون تغییر بدید

 

برای توئیتر هم میتونید از این متا ها استفاده کنید :

<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />