نمایش تصویر شاخص در شبکه های اجتماعی
با سلام خدمت شما همراهان تابناک وب امروز در خدمت شما هستیم با آموزش نمایش خودکار تصویر شاخص در شبکه های اجتماعی اگر دقت کرده باشید لینک خیلی از سایت ها بعد از انتشار به صورت خودکار تصویر شاخص هم به همراه لینک نمایش داده می شود. برای این که سایت شما هم این قابلیت را داشته باشد با اضافه کردن کدهای ذیل به head سایت می توانید از این امکان استفاده نمایید لازم به یاد آوری است که اگر از وردپرس کار می کنید نصب افزونه سئو این مشکل را حل می کند ولی ااگر به هر دلیل نمی خواهید افزونه سئو نصب کنید یا سی ام اس اختصاصی یا خاص دارید با ما همراه شوید
کد ذیل را بین دو تگ <head> و <head/> قرار دهید
|
۱ ۲ ۳ |
<meta property="og:title" content="page title"> <meta property="og:url" content="yoursite_URL"> <meta property='og:image' content='yoursite_logo'> |
متا تگ هایی که مثل متا تگ های بالا در قسمت property دارای og هستن کلا برای شبکه های اجتماعی استفاده میشن و بهشون social networks meta tags یا متا تگ های شبکه های اجتماعی میگن! این متا تگ ها اطلاعاتی از سایت شما در اختیار شبکه های اجتماعی میزارن!
متا تگ های بالا به ترتیب تایتل (عنوان) سایت شما و ادرس کامل سایت شما (https://tabnakweb.ir/) و تصویری از سایت شما رو مشخص میکنه! تصویر و title میتونن (یا اینکه باید) برای هر صفحه اختصاصی باشه!
حال تو وردپرس من از این کد اشتفاده کردم
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ |
<?php if (is_single()) {?> <meta property="og:image" content="<?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id,'large', true); echo $image_url[۰]; ?>" /> <?php } else { ?> <meta property="og:image" content=<?php if(tabnakweb_option('favicon')) { ?>"<?php echo tabnakweb_option('favicon'); ?>"<?php } else { ?>"<?php echo get_template_directory_uri(); ?>/images/tabnakweb.jpg<?php } ?>" /> <?php } ?> |
قلم (فونت) فارسی تنها
ثبت سایت در گوگل وبمستر
چگونگی عدم نمایش تصاویر در Gmail
استارتاپ و موفقیت