توضیحات و عکس در لینک
پاسخها
6
@cfarhad
هر کدوم از پلتفرم ها یسری متاتگ مربوط به خودشون دارن که اگر اونارو توی سایتتون قرار بدید میتونن اطلاعات سایتتون رو نشون بده .
یسریشون مثل فیسبوک و تلگرام و واتس اپ و لینکدین و ... از پروتکل open graph برای این کار استفاده میکنن که اینجا واستون میارمش
<meta property="og:site_name" content="San Roque 2014 Pollos">
<meta property="og:title" content="San Roque 2014 Pollos" />
<meta property="og:description" content="Programa de fiestas" />
<meta property="og:image" itemprop="image" content="">
<meta property="og:type" content="website" />
<meta property="og:updated_time" content="" />توجه کنید که توی این پروتکل تصویرتون یکسری محدودیت هایی داره ، مثلا حتما باید کمتر از 5 مگ باشه و اکستنش هم حتما باید png باشه .
یسری هم پروتکل خودشونو دارن ، مثلا برای تویتر اینجوریه
<meta name="twitter:title" content="European Travel Destinations ">
<meta name="twitter:description" content=" Offering tour packages for individuals or groups.">
<meta name="twitter:image" content=" http://euro-travel-example.com/thumbnail.jpg">
<meta name="twitter:card" content="summary_large_image">برای بقیه هم جدا جدا سرچ کنید پیدا میکنید.
وقتی لینک قرار میدن اون اپلیکیشن یا هرچیی که اینجوری نشون میده میاد header اون سایت را میخونه و اطلاعات تگ های مورد نظر را چاپ میکنه
@خب توی هدر چی باید قرار بدیم که این محتوا رو داشته باشه ؟
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@cfarhad
سلام
وقتی لینکی رو میفرستید برا کسی
اون قسمت مشکی پر رنک تگ title شما هست که میشه عنوان اون آرتیکل مقاله یا هر چیز دیگه ای که برای اون شخص فوروارد کردید
متن کمرنگ تر هم که متا تگ description شما هست
حالا اگر لینک صفحه اول سایت رو برای کسی بفرستید که title میشه نام سایت شما و description هم میشه توضیحی درباره وب سایت خودتون
اگر هم مثلا آدرس یکی از مقالات سایتتون باشه که title میشه عنوان مقاله و description هم که میشه یه توضیح مختصر از محتوای مقالتون
درود بر شما
@cfarhad
از متا تگ Open Graph استفاده میشه، برای تلگرام میتونید با نام instant view مقالات زیادی رو سرچ کنید.
به هر حال چون متا تگ هست پس قاعدتا برای موتورهای جستجوگر طراحی شده تا اطلاعات مورد نظر وب مستر رو بهینه تر ارایه کنه و البته این پروتکل صفحه شما رو به یک Rich در شبکه های اجتماعی تبدیل میکنه.
قاعدتا کاربران نیز با اپن گراف و اینستنت ویو تعامل بهتری برای کلیک روی لینک پیدا خواهند کرد.
پروتکل ogp رو میتونید از اینجا مطالعه کنید.
حتما برای کارتون استفاده کنید نتیجه بهتری میده.
از این کد هم به صورت پیش فرض میتونید استفاده کنید.
به جای #### هم محتوای مورد نظر خودتون رو جایگزین کنید.
<meta property="og:site_name" content="####" />
<meta property="og:type" content="####" />
<meta property="og:image" content="####" />
<meta property="og:title" content="####" />
<meta property="og:description" content="####" />
<meta property="og:url" content="####" />
به نظرم دوستان اشارات دقیقی نداشتند، این موردی که شما میگی به پروتکل گراف ِ باز Open Graph بر می گرده.
بصورت ساده که بخوام بگم: یک پیاده سازی هایی صورت گرفته، تا از طریق برچسب های meta در صفحات html سایت، بتونیم اطلاعات موردنظرمون از اون صفحه سایت رو، در شبکه های اجتماعی، به شکل بهتری به نمایش بذاریم.
پروتکل Open Graph مجموعه ای از متا تگ هاست که به وبمسترها اجازه می دهد تا اطلاعات بهینه تری از صفحات خود را به اغلب شبکه های اجتماعی (فیسبوک، گوگل پلای، توییتر، لینکدین و ...) ارائه دهند. این اطلاعات به شبکه های اجتماعی کمک می کند تا نمایش بهتری از این صفحات به اشتراک گذاشته شده در خود به کاربران نمایش دهند.
توضیحات تکمیلی:
https://radzad.com/blog/open-graph-meta-tags-seo