متا تگ شبکه های اجتماعی

متا تگ شبکه های اجتماعی

توی این مطلب میخام آموزش افزودن متا تگ شبکه های اجتماعی یا تگ های Open Graph را به وبسایتتان را به اشتراک بگذارم. خب این تگ ها در سئو وب سایت شما نیز تاثیر دارند.

این متا تگ شبیه بقیه متا تگ ها بین دو تگ <head> و </head> قرار میگیرند. حتما از این تگ ها استفاده کنید!

ساختار این تگا به صورت زیر هست:

<meta property="og:type" content="blog">

مثال : برای کاربران سرویس وبلاگدهی بلاگ [کافیست کد زیر بعد تگ <head> در ساختار قالب وبلاگ خود بگذارید]

<meta property="og:type" content="blog">
<meta property="og:title" content="(*blog_name*)">
<meta property="pg:url" content="(*blog_link*)">
<meta property="og:image" content="(*blog_image*)">
<meta property="og:discription" content="(*blog_discription*)">

خب حالا هر کدوم از این تگ ها رو معرفی میکنم:

<meta property="og:type" content="">
<meta property="og:title" content="">
<meta property="pg:url" content="">
<meta property="og:image" content="">
<meta property="og:discription" content="">


property="og:type" content : نوع صفحه شما (وبلاگ ، وبسایت...)
property="og:title" contetnt : عنوان سایت شما
property="og:image" content : لوگوی سایت یا وبلاگ شما
property="og:url" content : برای درج لینک سایت شما
property="og:description" : برای نمایش توضیح سایت یا وبلاگ

مهم ترین کاربرد این تگ ها این هست که وقتی مطلبی از سایت شما به اشتراک گذاشته میشه (فیسبوک ، توییتر و ...) ، اطلاعاتی که به این متا تگ ها قرار دادید رو نمایش میده. به عکس زیر دقت کنید. دیگه دلیل وجود نداره که از این تگ ها استفاده نکنید! البته اگر دوست دارید دوست تان داشته باشند!

متا تگ برای شبکه های اجتماعی

نظرات۳

  1. فرزاد

    آقا اگر بخواهیم متاتگ را بصورت یکجا برای کلیه صفحات اعمال کنیم چکار کنیم؟؟

    داخل گیومه "*" چه بگذاریم که بطور خودکار خلاصه مطلب را نمایش دهد؟؟
  2. author

    پاسخ

    سلام ، کافی متا تگ مورد نظرتون رو تو بخش هد کدهاتون بذارید.( برا همه صفحه هست ).
    <meta property="og:title" content="">
    کدبالا رو در نظر بگیرید ؛ در صفحه اصلی میشه عنوان سایت ، وقتی یه صفحه مجزا باز کنید میشه عنوان اون صفحه.تو بلاگ هم میشه (*page_title*)
    مثلا وقتی شما تگ خلاصه مطلب کدشو که میگذارید برای همه ی مطالب یکسان هست و هر مطلب که در حال نمایش باشه خودکار اعمال میشه.
    برای بلاگ ؛ خلاصه مطلب  = (*post_summary*)
    *این متا تگ ها برای اشتراک گذاری مطلب در شبکه اجتماعی هست.*
  1. علی

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

    میشه برای رز بلاگ کد بنویسد

    اینم راهنما جهار خط
    http://rozblog.com/theme_help.html
    من خودم نتونستم دیگران هم استفاده می کنند ممنون
  2. author

    پاسخ

    سلام 
    وبلاگ تون رو بررسی کردم ، به طور صحیح از کدنوشت که من گذاشتم استفاده نکردید. (یادتون رفته "" بذارید).

    <meta property=og:title content="بهداشت حرفه ای"/> Eshtebah
    <meta property="og:title" content="بهداشت حرفه ای"/> Dorost
  1. http://isheed.com

    Ali Master

    سلام وقت بخیر

    عالی بود، خسته نباشید
  2. author

    پاسخ

    سلام ، مرسی موفق باشید

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی