عکس محصول برای فروشگاه اینترنتی: راهنمای کامل از عکس‌برداری تا فروش بیشتر

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

چرا عکس مهم‌تر از قیمت است

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

اگه الان صفحه محصولت متن‌محوره، اول صفحه محصولی که می‌فروشدproduct-page-that-sells رو درست کن؛ بعد بریم سراغ خود عکس.

چهار چیزی که عکس خوب رو می‌سازه

۱) نور: یک پنجره رو به سمت غروب یا یک چراغ نرم کنار محصول بهترین نور طبیعی رو می‌ده. از فلاش مستقیم گوشی پرهیز کن؛ سایه‌های تند و رنگ‌های مرده می‌سازه.

۲) پس‌زمینه: برای بیشتر کالاهای خانگی، آرایشی و پوشاک، پس‌زمینه سفید یا خاکستری روشن تمیز بهترین نتیجه رو می‌ده. برای غذا، از چوب یا پارچه با بافت طبیعی استفاده کن.

۳) زاویه: فقط یک عکس از روبه‌رو کافی نیست. حداقل سه زاویه بگیر: روبه‌رو، سه‌رخ (۴۵ درجه)، و یک عکس از جزئیات (بسته‌بندی، دوخت، برچسب).

۴) هماهنگی: همه عکس‌های یک دسته محصول باید نور، زوم و پس‌زمینه یکسان داشته باشن. ناهماهنگی، فروشگاه رو غیرحرفه‌ای نشون می‌ده.

| نوع عکس | نسبت ابعاد پیشنهادی | فرمت | حداکثر حجم | | --- | --- | --- | --- | | عکس اصلی محصول | ۱:۱ | WebP | ۸۰ کیلوبایت | | گالری چندزاویه | ۱:۱ | WebP | ۸۰ کیلوبایت | | بنر دسته‌بندی | ۱۶:۹ | WebP | ۱۵۰ کیلوبایت | | عکس در حال استفاده | ۴:۵ | WebP | ۱۰۰ کیلوبایت |

عکس‌های موبایل را دست کم نگیر

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

برای سرعت سایت، خود LCP مهم‌ترین معیارته و عکس معمولاً سنگین‌ترین بخشه؛ راه‌حل‌های فنی‌اش رو در راهنمای سرعت و Core Web Vitals و بهینه‌سازی تصاویر در Next.js نوشته‌ام.

از کجا عکس بگیریم؟

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

تست A/B و سنجش نتیجه

حدس زدن رو کنار بگذار. دو نسخه صفحه محصول بساز و فقط یک چیز را عوض کن: عکس. بعد از یک هفته، نرخ کلیک روی دکمه «افزودن به سبد» و نرخ ترک سبد رو مقایسه کن. اگه ترک سبد خریدcart-abandonment-iran-fix داری، عکس بهتر معمولاً اونجا اولین اهرم اثرگذاره.

نکته: حتماً بعد از عوض کردن عکس، توی Search Console دامنه رو بررسی کن چون کش و CDN گاهی نسخه کش‌شده رو نشون می‌ده و تستت رو خراب می‌کنه.

چک‌لیست قبل از انتشار

• [ ] عکس اصلی ۱:۱ و با پس‌زمینه تمیز
• [ ] حداقل سه زاویه برای هر محصول
• [ ] عکس روی موبایل قابل تشخیص و خوانا
• [ ] فرمت WebP و حجم زیر ۱۰۰ کیلوبایت
• [ ] متن جایگزین توصیفی برای سئو
• [ ] کش تصویر بعد از تغییر پاک شده
• [ ] یک تست A/B تعریف شده برای سنجش نتیجه

سوالات پرتکرار

Q: عکس محصول رو از کجا بیارم که رایگان باشه؟

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

Q: چند عکس برای هر محصول لازمه؟

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

Q: عکس اصلی رو با متن یا لوگو بپوشونم؟

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

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

منابع

• Nielsen Norman Group — ۶ tips for product photos on listing pages: https://www.nngroup.com/articles/product-photos-listing-pages/
• Baymard Institute — Product Page UX research: https://baymard.com/research/product-page
• Google Search Central — Google image SEO best practices: https://developers.google.com/search/docs/appearance/google-images
• Smashing Magazine — Responsive images done right (srcset): https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/