تصویر شاخص وردپرس چیست؟ معرفی افزونه های تصویر شاخص برای وردپرس

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

تصویر شاخص در وردپرس چیست؟

تصویر شاخص (featured image) که تصویر بندانگشتی (Post Thumbnails) هم نامیده می شود، نشان دهنده موضوع محتوای صفحه بصورت بصری است. تصویر شاخص به محتوای صفحه ارتباط دارد و مخاطب با دیدن آن می تواند درک بهتری داشته باشند.

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

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

هر محتوا یک تصویر شاخص منحصر بفرد دارد و در اکثر قالب ها ابتدای صفحه زیر هدر نمایش داده می شود. بهینه سازی تصویر شاخص و اهمیت زیادی دارد زیرا این رسانه با اندازه های مختلف در وردپرس ذخیره می شود که البته تنظیمات آن قابل تغییر است. نکته قابل توجه این است که صفحه دارای تصویر شاخص در هر اسلایدر و یا دسته بندی با همان عکس به نمایش در آمده و محیط تعاملی بصری کاملی خلق می کند.

مزایای استفاده از تصویر شاخص وردپرس

شاید از خودتان بپرسید که چرا باید از تصویر شاخص استفاده کرد؟ مزیت های استفاده از تصویر شاخص بسیار زیاد است اما در اینجا مهم ترین شان را ذکر می کنیم:

• تصویر شاخص باعث جذب مخاطب و ارتباط بهتر با محتوا می شود،
• ارزش بیشتری به محتوا داده و در درک آن کمک می کند،
• تصاویر شاخص در نتایج جستجوی تصویر نیز رتبه بندی می گردند،
• این تصاویر در بخش های مختلف سایت قابل نمایش است،
• به سئوی محتوا کمک شایان توجهی می کند،
• در کتگوری و صفحه اصلی به همراه عنوان محتوا قابل نمایش هستند،
• در قالب تصویر بندانگشتی کنار اسنیپت صفحه در نتایج قابل نمایش است،
• امکان استفاده از دستورات css دلخواه،
• سرعت بارگذاری بالا به دلیل اضافه شدن نسخه های گوناگون عکس.

نحوه اضافه کردن تصویر شاخص به برگه ها و نوشته ها در وردپرس

در وردپرس، امکان اضافه کردن تصویر شاخص برای تمام صفحات امکان پذیر است. وقتی یک صفحه را ویرایش می کنید، می توانید هر عکس که دوست دارید را انتخاب و از طریق ستون کنار برگه در بخش تصویر شاخص به صفحه بیاورید.

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

وقتی یک نوشته جدید ایجاد می کنید، در ستون کنار ویرایشگر علاوه بر امکانات روی صفحه، قادر هستید با کلیک بر روی “قرار دادن به عنوان تصویر شاخص” به کتاباخنه رسانه وردپرس بروید. اینجا یک عکس را آپلود و علاوه بر رعایت سئوی تصاویر، آن را انتخاب می کنید تا در محتوا قرار بگیرد.

وقتی تصویر شاخص را به محتوا اضافه کردید باید صفحه را منتشر یا بروزرسانی کنید تا داده های جدید اضافه شود، بدین ترتیب هرکجا پیوند را اشتراک گذاری کنید، عکس منتخب تان نیز بارگذاری می شود. در هر قالب نحوه نمایش تصویر شاخص کمی متفاوت است به عنوان مثال در قالب های خبری وردپرس، تصویر شاخص ابتدای متن مقاله نمایان می شود و این نحوه نمایش قابل تنظیم است.

اضافه کردن تصویر شاخص در وردپرس بصورت کدنویسی

در قالب های وردپرسی قدیمی ممکن است تصویر شاخص قابل انتخاب نباشد و یا در صورتیکه سایت کدنویسی باشد، باید به شیوه ای دیگر عمل کنید. ابتدا قطعه کد زیر را در فایل functions.php قالب درج کنید.

1add_theme_support( 'post-thumbnails' );

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

<؟ php the_post_thumbnail ()؛ ؟>

در مرحله بعد باید ابعاد تصاویر را مشخص کنید که البته محدودیت خاصی ندارد. در وردپرس بصورت پیشفرض این اندازه ها بدین شرح است:

• thumbnail 50×50 pixel
• medium 300×300 pixel
• medium_large 768 pixel
• large 1024×1024
• full اندازه کامل تصویر

اگر قصد ساخت ابعاد سفارشی هستید باید آرایه array(100,100) را به عنوان یک مقدار در تابع the_post_thumbnail استفاده کنید که به این شرح است:

1the_post_thumbnail('thumbnail');
2the_post_thumbnail('medium');
3the_post_thumbnail('medium_large');
4the_post_thumbnail('large');
5the_post_thumbnail('full');
6the_post_thumbnail( array(100,100) );

با استفاده از add_image_size می توان تصویر شاخص با ابعاد اختصاصی را داشت. برای اینکار فرامین زیر را به فانکشن functions.php قالب بیافزایید.

1add_theme_support('post-thumbnails');
2if(function_exists('add_image_size')){
3add_image_size('thumb1',60,60,true);
4}

برای نمایش تصویر شاخص در پوسته، باید عکس های شاخص را در پوسته استفاده کنیم. بدین منظور کدهای زیرا داخل کوئری یا حلقه وردپرس درج می کنیم.

1<?php if(has_post_thumbnail()){
2the_post_thumbnail('thumb1',array('alt'=>''.get_the_title(),'title'=>''.get_the_title().''));
3} else { ?>
4<img src="<?php bloginfo('template_url');?>/images/thumb.jpg" width="60" height="60" alt="تصویر پیدا نشد" title="تصویر پیدا نشد">
5<?php } ?>

هنگام انتخاب تصویر شاخص به چه نکاتی باید توجه کنیم؟

استفاده از هر تصویری برای این بخش آزاد است و هرعکسی که دوست دارید را می توانید استفاده کنید. اما از آنجاییکه این عکس نقش مهمی را ایفا می کند لازم است به نکاتی توجه داشته باشید.

عکس های یونیک و مربوط به محتوا را برای تصویر شاخص انتخاب کنید

برای سایت های فروشگاهی و مخصوصا سایت های محتوا که عکس های منحصر بفرد را نیاز دارد، تلاش کنید از عکس های رایگان و یا تصاویری که زیاد استفاده می شود بهره نبرید. با این وجود سایت های زیادی هستند که برای انتخاب عکس می توانید به آنها مراجعه کنید:

• Unsplash
• Shutterstock
• Flickr
• Pixnio

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

عکس های با کیفیت و واضح را گزینش کنید

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

تصاویر شاخص بهینه شده داشته باشید

از آنجاییکه به هنگام بارگذاری عکس چندین نسخه دیگر هم تولید می شود باید عکس را قبل از بارکذاری بهینه سازی کنید. یکی از این کارها کم کردن حجم عکس و ابعاد آن است. نرم افزارها و افزونه های زیادی برای بهینه سازی غکس وجود دارند زیرا بدون اینکه کیفیت تصاویر کاهش یابد آنها را فشرده می کند. به عنوان مثال افزونه Optimole کمک می کند تصاویر را به طرز چشم گیری فشرده کنید.

افزونه های تصویر شاخص در وردپرس

به لطف سیستم مدیریت محتوای وردپرس، افزونه های زیادی برای تصاویر شاخص وجود دارد. در ادامه شمارا با این افزونه های وردپرس تصویر شاخص آشنا می کنیم.

افزونه Image Featured from URL

افزونه Image Featured from URL یا FIFU است که به شما اجازه می دهد یک تصویر را در کتابخانه رسانه آپلود و به عنوان تصویر شاخص انتخاب کنید. ابزار FIFU امکاناتی برای تنظیم خودکار از تصاویر و فیلم ها با استفاده از تگ های iframe است.

افزونه Quick Featured Images

پلاگین Quick Featured Image ابزاری برای مدیریت انبوه عکس های شاخص است. این افزونه ضمن امکان تدوین قوانین برای برای تصاویر شاخص را داشته و اجازه تولید تصاویر شاخص بر اساس نویسندگان، برچسب ها و انواع پست ها را می دهد.

افزونه Default Featured Image

افزونه Default Featured Image تمام فیلدهای خالی تصویر شاخص وردپرس را جستجو کرده و آنها را با گزینه پیش فرض پر می کند. با انتخاب عکس و پر کردن فیلدها، همه چیز در کمترین زمان قابل انجام است.

افزونه Dynamic Featured Image

پلاگین Dynamic Featured Image یکی از بهترین افزونه های تصویر شاخص وردپرس است که کمک می کند بدون کدنویسی بتوانید کارهای زیادی بکنید.

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

افزونه Auto Featured Image

بزرگ ترین مزیت استفاده از Auto Featured Image plugin این است که اگر تصویر شاخص تنظیم نشده باشد، از اولین تصویر موجود در نوشته برای تصویر شاخص بهره می برد که بسیار کار موثری است. افزونه ذکر شده با گوتنبرگ و المنتور بخوبی سازگار بوده و خود دارای یک موتور بسیار قدرتمند است.

افزونه Regenerate Thumbnails

ممکن است با تعویض قالب وردپرس، تصویر بندانگشتی در ابعاد اشتباه بارگذاری می شود. افزونه Regenerate Thumbnails کمک می کند تصاویر بندانگشتی را در ابعاد درست نمایش دهید.بدین ترتیب کمک می کند اندازه های جدیدی برای تصاویر بندانگشتی تعریف کنید و مشکل نشان داده شدن آنها در ابعاد نادرست را رفع نمایید.

افزونه Multiple Featured Images

پلاگین Multiple Featured Images دارای چند ویژگی است که هنگام عیب یابی و حل مشکلات تصاویر شاخص شما مفید است. این افزونه حد پیش فرض وردپرس برای داشتن یک تصویر شاخص در هر پست را از بین می برد. به این معنی که شما می توانید چند تصویر شاخص را بارگذاری کنید و انتخاب کنید که کدام یک از آنها در قسمت های مختلف وب سایت نشان داده شود.

ابزار وردپرس MFI از ابزارک و کد کوتاه برای نمایش تصویر شاخص نیز بهره می برد. به عنوان مثال اگر تصویر شاخص چیزدیگری باشد، بلافاصله عکس درست قابل انتخاب خواهد بود.

جمع بندی تصاویر شاخص وردپرس

تصویر شاخص وردپرس در ایجاد آگاهی و شناخت بهتر برند در شبکه های اجتماعی نقش حیاتی دارد. به نکاتی که در انتخاب عکس مناسب است دقت کنید زیرا تصویر شاخص ماهیت محتوا را تعریف می کند. در نتایج جستجو نیز با نمایش عکس بندانگشتی، وجه تمایز ایجاد می کند. با توجه به تحولات بصری گوگل باید به مسایل تصویری و غیره دقت عمل بالاتری داشته باشید تا مخاطبین شما بتوانند به محتوا اغتماد کنند. هرگز عکس های نامرتبط انتخاب نکنید زیرا باعث سلب اعتماد و عدم تمایل برای وارد شدن به سایت تان می شود.

سوالات متداول

تصویر شاخص وردپرس چیست؟

تصویر شاخص نشان دهنده موضوع محتوای صفحه است که ضمن مرتبط بودن با محتوا به مخاطب کمک می  کند تا با دیدن آن درک بهتری داشته باشند.

چرا باید از تصویر شاخص استفاده کنیم؟

تصویر شاخص ماهیت محتوای شما را در کنار تایتل و دسکریپشن کامل می کند و مخاطب از روی این تصویر می تواند ارتباط بهتری با محتوی برقرار کند.

هنگام انتخاب تصویر شاخص به چه نکاتی باید توجه کنیم؟

تصویر شاخص باعث جذب مخاطب و ارتباط بهتر با محتوا می شود. این عکس ضمن ااریه ارزش بیشت به محتوا بر روی سئوی صفه تاثیر گذار است.

به چه روش های می توان تصویر شاخص اضافه کرد؟

شما می توانید عکس های شاخص را از ستون کنار صفحه در حال ویرایش اضافه کنیذ. بعضی پلاکین ها تصویر شاخص را مستقیم از کتابخنه رسانه به پست یا برکه می برند.