یک برنامه نویس وب - قالب بلاگ بیان

آموزش برنامه نویسی وب ، دانلود رایگان قالب بلاگ بیان ، میهن بلاگ و وردپرس، دانلود برترین آهنگ

یک برنامه نویس وب - قالب بلاگ بیان

آموزش برنامه نویسی وب ، دانلود رایگان قالب بلاگ بیان ، میهن بلاگ و وردپرس، دانلود برترین آهنگ

سلام خوش آمدید
متا تگ شبکه های اجتماعی

توی این مطلب میخام آموزش افزودن متا تگ شبکه های اجتماعی یا تگ های 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" : برای نمایش توضیح سایت یا وبلاگ

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

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

نظرات (۴)

سلام من میخوام خبر های وب سایتم ک عکس داره باز شه جوملا هست چی کارکنم
پاسخ:
سلام.
لطفا درخواست خود را واضح تر بیان کنید.
ممنون.
آقا اگر بخواهیم متاتگ را بصورت یکجا برای کلیه صفحات اعمال کنیم چکار کنیم؟؟

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

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

اینم راهنما جهار خط
http://rozblog.com/theme_help.html
من خودم نتونستم دیگران هم استفاده می کنند ممنون
پاسخ:
سلام 
وبلاگ تون رو بررسی کردم ، به طور صحیح از کدنوشت که من گذاشتم استفاده نکردید. (یادتون رفته "" بذارید).

<meta property=og:title content="بهداشت حرفه ای"/> Eshtebah
<meta property="og:title" content="بهداشت حرفه ای"/> Dorost
سلام وقت بخیر

عالی بود، خسته نباشید
پاسخ:
سلام ، مرسی موفق باشید

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
تجدید کد امنیتی
یک برنامه نویس وب - قالب بلاگ بیان

محمد جمال زاده هستم یک برنامه نویس وب! علاقه بسیاری زیادی به یادگرفتن فریم ورک های جدید و بخصوص فریم ورک های هایبریدی یا ( Cross Platform) دارم و از کدنویسی لذت خاصی میبرم! به هیچ وج از کدنویسی خسته نخواهم شد! فریلنسری و دور کاری را بیشتر از کار تمام وقت دوست دارم باعث میشه ایده های مختلف روبه رو بشی! کارهای متفاوت انجام بدی !

آخرین نظرات