فرهاد
4 سال پیش توسط فرهاد مطرح شد
6 پاسخ

توضیحات و عکس در لینک

سلام ، یه زمانی واسه یکی تو چت یا حالا هر جایی یه لینک سایتی میفرسیم . همراه اون لینک لوگوی اون سایت و اسم و توضیحاتی راجبش توی یه کادر قرار میده
توضیح تصویر رو وارد کنید

چطور چنین چیز هایی میسازن ، به سئو ربط داره ؟


ثبت پرسش جدید
وحید
تخصص : Fullstack
@forughi.vahid 4 سال پیش آپدیت شد
2

@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">

برای بقیه هم جدا جدا سرچ کنید پیدا میکنید.


نوب
تخصص : کدنویس نوب :)
@yk5742g 4 سال پیش مطرح شد
0

وقتی لینک قرار میدن اون اپلیکیشن یا هرچیی که اینجوری نشون میده میاد header اون سایت را میخونه و اطلاعات تگ های مورد نظر را چاپ میکنه


فرهاد
تخصص : Javascript Developer
@cfarhad 4 سال پیش مطرح شد
0

@خب توی هدر چی باید قرار بدیم که این محتوا رو داشته باشه ؟


Davood
تخصص : PHP - Laravel
@dfardabasi 4 سال پیش مطرح شد
0

@cfarhad
سلام
وقتی لینکی رو میفرستید برا کسی
اون قسمت مشکی پر رنک تگ title شما هست که میشه عنوان اون آرتیکل مقاله یا هر چیز دیگه ای که برای اون شخص فوروارد کردید
متن کمرنگ تر هم که متا تگ description شما هست

حالا اگر لینک صفحه اول سایت رو برای کسی بفرستید که title میشه نام سایت شما و description هم میشه توضیحی درباره وب سایت خودتون

اگر هم مثلا آدرس یکی از مقالات سایتتون باشه که title میشه عنوان مقاله و description هم که میشه یه توضیح مختصر از محتوای مقالتون


حسن حکمتی
تخصص : برنامه نویس وب و بلاکچین
@hekmati 4 سال پیش آپدیت شد
2

درود بر شما
@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="####" />

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش آپدیت شد
1

به نظرم دوستان اشارات دقیقی نداشتند، این موردی که شما میگی به پروتکل گراف ِ باز Open Graph بر می گرده.
بصورت ساده که بخوام بگم: یک پیاده سازی هایی صورت گرفته، تا از طریق برچسب های meta در صفحات html سایت، بتونیم اطلاعات موردنظرمون از اون صفحه سایت رو، در شبکه های اجتماعی، به شکل بهتری به نمایش بذاریم.

پروتکل Open Graph مجموعه ای از متا تگ هاست که به وبمسترها اجازه می دهد تا اطلاعات بهینه تری از صفحات خود را به اغلب شبکه های اجتماعی (فیسبوک، گوگل پلای، توییتر، لینکدین و ...) ارائه دهند. این اطلاعات به شبکه های اجتماعی کمک می کند تا نمایش بهتری از این صفحات به اشتراک گذاشته شده در خود به کاربران نمایش دهند.

توضیحات تکمیلی:
https://radzad.com/blog/open-graph-meta-tags-seo


وحید
تخصص : Fullstack
@forughi.vahid 4 سال پیش آپدیت شد
2

@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">

برای بقیه هم جدا جدا سرچ کنید پیدا میکنید.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام