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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

برای اضافه کردن تصویر شاخص در وردپرس از طریق کدنویسی، کافی است قابلیت Post Thumbnails را در فایل functions.php قالب فعال کنید. سپس با استفاده از توابعی مانند the_post_thumbnail() یا get_the_post_thumbnail() می‌توانید تصویر شاخص را در محل دلخواه قالب نمایش دهید. این روش به‌ویژه برای توسعه‌دهندگان و شخصی‌سازی قالب‌ها کاربردی است. در ادامه به طور دقیق مراحل را برای شما بررسی کرده‌ایم.

مرحله ۱: فعال‌سازی قابلیت تصویر شاخص در قالب

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

add_theme_support( ‘post-thumbnails’ );

پس از افزودن این کد، گزینه تصویر شاخص در ویرایشگر وردپرس نمایش داده خواهد شد.

مرحله ۲: نمایش تصویر شاخص در محل دلخواه قالب

به‌منظور نمایش تصویر شاخص در صفحات موردنظر، لازم است کد زیر را در بخش لوپ (Loop) قالب قرار دهید:

<?php the_post_thumbnail(); ?>
این دستور تصویر شاخص تعریف‌شده برای نوشته یا برگه را در محل مشخص‌شده نمایش می‌دهد.

مرحله ۳: بهره‌گیری از اندازه‌های پیش‌فرض وردپرس

وردپرس چند اندازه استاندارد برای تصاویر شاخص در نظر گرفته است که عبارت‌اند از:

thumbnail → ابعاد 50×50 پیکسل

medium → ابعاد 300×300 پیکسل

medium_large → عرض 768 پیکسل

large → ابعاد 1024×1024 پیکسل

full → اندازه اصلی تصویر بارگذاری‌شده

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

the_post_thumbnail(‘medium’);

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

در صورتی‌که نیاز به اندازه‌های اختصاصی دارید، ابتدا کد زیر را در فایل functions.php قالب قرار دهید:

<?php
add_theme_support(‘post-thumbnails’);
add_image_size(‘thumb1’, 60, 60, true);
?>

سپس با استفاده از دستور زیر، تصویر شاخص را با ابعاد تعریف‌شده نمایش دهید:

<?php the_post_thumbnail(‘thumb1’); ?>

مرحله ۵: نمایش تصویر شاخص همراه با تصویر جایگزین

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

<?php if(has_post_thumbnail()){ the_post_thumbnail(‘thumb1’, array( ‘alt’ => get_the_title(), ‘title’ => get_the_title() )); } else { ?> <img src=”<?php bloginfo(‘template_url’); ?>/images/thumb.jpg” width=”60″ height=”60″ alt=”تصویر پیدا نشد” title=”تصویر پیدا نشد”> <?php } ?>

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

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

1. استفاده از تصاویر یونیک و مرتبط با محتوا
2. انتخاب تصاویر با کیفیت و وضوح بالا
3. بهینه‌سازی تصاویر شاخص قبل از بارگذاری

استفاده از تصاویر یونیک و مرتبط با محتوا

تصویر شاخص باید کاملاً متناسب با موضوع محتوای شما باشد و از تصاویر عمومی و تکراری استفاده نشود. برای سایت‌های فروشگاهی یا محتوایی، انتخاب عکس‌های منحصربه‌فرد می‌تواند هویت برند شما را تقویت کند. در صورت نیاز می‌توانید از سایت‌های معتبری مانند Unsplash، Shutterstock و Flickr برای دسترسی به تصاویر باکیفیت استفاده کنید.

انتخاب تصاویر با کیفیت و وضوح بالا

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

بهینه‌سازی تصاویر شاخص قبل از بارگذاری

بهینه‌سازی تصاویر قبل از بارگذاری به کاهش حجم فایل‌ها و افزایش سرعت بارگذاری سایت کمک می‌کند. ابزارها و افزونه‌هایی مانند Optimole این امکان را فراهم می‌کنند تا بدون افت کیفیت، تصاویر فشرده شوند و عملکرد سایت شما بهبود یابد. کاهش حجم تصویر نه‌تنها برای تجربه کاربری بهتر است، بلکه در بهبود سئوی سایت نیز مؤثر خواهد بود.

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

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

• Image Featured from URL (FIFU): امکان استفاده از تصویر شاخص از طریق URL و تنظیم خودکار تصاویر و ویدئوها با iframe
• Quick Featured Images:مدیریت انبوه تصاویر شاخص، تدوین قوانین بر اساس نویسنده، برچسب‌ها و نوع پست
• Default Featured Image: پر کردن خودکار فیلدهای خالی تصویر شاخص با تصویر پیش‌فرض انتخاب‌شده
• Dynamic Featured Image: افزودن چندین تصویر شاخص بدون نیاز به کدنویسی و نمایش آن‌ها در بخش‌های مختلف قالب
• Auto Featured Image: تنظیم خودکار اولین تصویر موجود در نوشته به‌عنوان تصویر شاخص و سازگاری کامل با گوتنبرگ و المنتور
• Regenerate Thumbnails: بازتولید تصاویر بندانگشتی پس از تغییر قالب یا ابعاد تصاویر و رفع مشکل نمایش نادرست آن‌ها
• Multiple Featured Images: افزودن چند تصویر شاخص برای هر نوشته و انتخاب تصویر مناسب برای بخش‌های مختلف وب‌سایت، همراه با پشتیبانی از ابزارک و شورت‌کد

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

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