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

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

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

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

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

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

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

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

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

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

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

بهبود سئو: استفاده از کلمه‌های کلیدی مناسب برای تصویرها و ویژگی alt اون‌ها، به بهبود سئوی (SEO) سایتت کمک می‌کنه. ولی یه نکته‌ی مهم اینجا هست؛ سئوی سایت تو بیشتر از اینکه از الگوریتم‌های گوگل رتبه بگیره، از تجربه‌ی کاربر روی سایتت نمره می‌گیره. گوگل همیشه گفته: میزان زمانی که کاربر روی سایت تو می‌گذرونه، باعث می‌شه من بفهمم اون صفحه چقدر مناسبه، و بعد از اون تصمیم می‌گیرم سایت و مقاله‌هات رو به‌عنوان مرجع توی نتایج جست‌وجو نشون بدم یا نه. پس با یه تصویر مناسب، به موندگاری کاربر روی سایتت بیشتر کمک کن.

تصویر شاخص فقط یه عنصر تزئینی نیست؛ چند تا فایده‌ی جدی داره که اینجا به مهم‌ترین‌هاش اشاره می‌کنم.

• جذب بازدیدکننده: یه تصویر چشم‌نواز، کاربر رو ترغیب می‌کنه که روی نوشته‌ت کلیک کنه و بخوندش. خیلی ساده، عکس خوب یعنی کلیک بیشتر.
• بالا بردن ارزش محتوا: وجود تصویر کمک می‌کنه خواننده محتوا رو بهتر درک کنه. از اون‌ور هم نمی‌ذاره متنت خشک و کسل‌کننده به‌نظر بیاد.
• بهبود سئو: استفاده از کلمه‌های کلیدی مناسب برای تصویرها و ویژگی alt اون‌ها، به بهبود سئوی (SEO) سایتت کمک می‌کنه. ولی یه نکته‌ی مهم اینجا هست؛ سئوی سایت تو بیشتر از اینکه از الگوریتم‌های گوگل رتبه بگیره، از تجربه‌ی کاربر روی سایتت نمره می‌گیره. گوگل همیشه گفته: میزان زمانی که کاربر روی سایت تو می‌گذرونه، باعث می‌شه من بفهمم اون صفحه چقدر مناسبه، و بعد از اون تصمیم می‌گیرم سایت و مقاله‌هات رو به‌عنوان مرجع توی نتایج جست‌وجو نشون بدم یا نه. پس با یه تصویر مناسب، به موندگاری کاربر روی سایتت بیشتر کمک کن.

فعال کردن تصویر شاخص در قالب وردپرس

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

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

add_theme_support( 'post-thumbnails' );

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

<?php the_post_thumbnail(); ?>

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

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

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

• بندانگشتی (thumbnail): ۱۵۰ در ۱۵۰ پیکسل
• کوچک (medium): ۳۰۰ در ۳۰۰ پیکسل
• متوسط (medium_large): ۷۶۸ در ۰ پیکسل
• بزرگ (large): ۱۰۲۴ در ۱۰۲۴ پیکسل
• کامل (full): سایز اصلی خود تصویر

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

روش اول: از پنل وردپرس

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

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

روش دوم: با کد

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

add_image_size( 'pop-up-banner-size', 1000, 590 );
add_image_size( 'widget-size', 220, 180 );

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

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

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

بعد توی ستون سمت چپ، توی قسمت تصویر شاخص، روی عبارت «قرار دادن به‌عنوان تصویر شاخص» کلیک کن.

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

تاثیر تصویر شاخص بر سئو سایت

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

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

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

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

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

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

از وب سایت‌های رایگان ارائه دهنده تصاویر استفاده کنید

تو می‌تونی از یه عکاس یا تصویرگر ماهر برای گرفتن تصویرهای یونیک و منحصربه‌فرد استفاده کنی؛ این بهترین حالت ممکن برای داشتن تصویرهای ایده‌آله، اما خب این روش هم پرهزینه‌ست هم زمان‌بر. بنابراین بهت پیشنهاد می‌کنم از سایت‌هایی که تصویرهای باکیفیت و رایگان دارن، مثل dribbble.com یا pexels.com استفاده کنی.

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

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

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

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

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

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

همون‌طور که می‌دونی، تصویرها حجم اصلی صفحه‌های یه وب‌سایت رو تشکیل می‌دن و حجم زیادشون می‌تونه روی عملکرد سایتت تأثیر منفی بذاره و سرعتش رو کم کنه. سرعت سایت یکی از عامل‌های مهم توی سئو و بهینه‌سازیه؛ اگه سایتت سرعت لود پایینی داشته باشه، نرخ پرش کاربر یا Bounce Rate سایتت رو بالا می‌بره که یه عامل منفی توی سئو محسوب می‌شه.

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

جمع‌‌بندی

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

امیدوارم این مطلب برات مفید بوده باشه. شاد و سربلند باشید. 🙂

تیم تولید محتوا

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