طراحی صفحه محصولات سایت فروشگاهی

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

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

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

URL محصول باید یک اولویت باشد

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

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

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

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

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

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

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

به عنوان محصول دقت کنید

عنوان (Title) بایستی برای سئو مناسب باشد، اما مرز باریکی بین عنوان بهینه برای سئو و عنوان بیش از حد بهینه وجود دارد. لازم به گفتن نیست که عنوان بایستی جذاب و جلب توجه کننده باشد.

تصور کنید که در هنگام جستجوی یک عبارت در صفحه نتایج دو عنوان نمایش داده شده است. لینک اول دقیقا همانند عبارتی است که شما جستجو کرده اید و لینک دوم شبیه عبارت شما ست اما تقریبا همان معنی را می دهد. شما بر روی کدام یک کلیک می کنید؟

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

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

عنوان به همان اندازه که برای موتورهای جستجو مهم است برای کاربران هم اهمیت دارد. پس به خوبی درباره انتخاب عنوان مطالعه کنید و سعی کنید آن را در کمتر از 65 کاراکتر و کاملا مرتبط انتخاب و طراحی کنید.

همیشه از عکس های با کیفیت استفاده کنید

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

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

وقتی صحبت از عکس های صفحه محصول است چند نکته به میان می آید که لازم است به آن ها توجه شود:

اندازه عکس محصول

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

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

زاویه عکس محصول

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

در توصیفات محصول خلاقانه عمل کنید

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

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

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

• شما باید یک توصیف محصول منحصر به فرد و جذاب ایجاد کنید که کاربر را به مشتری تبدیل کند.
• توضیحات محصول را از وب سایت تولید کنند گان کپی نکنید، زیرا این کار سئو و نرخ تبدیل را از بین می برد.
• در تهیه توضیحات محصول چه کسی را استخدام می کنید و چه از افراد freelancer کمک می گیرید، چک کردن محتوای آن به عهده صاحب وب سایت می باشد.
• توصیفات می توانند بلند باشند و کاربران معمولا بیش از 100 کلمه از آن را می خوانند اما پیشنهاد می شود که برای خواندن بیش از 80 کلمه دکمه “بیشتر بخوانید” را در طراحی اضافه نمایید.

گزینه های تعداد و انتخاب رنگ را فراهم کنید

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

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

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

بررسی ها و نظرات کاربر می تواند برای کسب و کار شما شگفتی ایجاد کند

در صنعت تجارت الکترونیک دو فکر متفاوت در زمینه نظرات  (Reviews)وجود دارد.

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

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

اما اغلب این استراتژی را که در ادامه آمده پیشنهاد می شود:

• به مشتریان خرسند خود ایمیل بزنید و از آن ها بخواهید که در مقابل درصدی تخفیف برای محصولی که خریده اند، یک نظر اصیل و کامل بنویسند.
• قسمت نظرات را به صورت یک بازی در آورید که خریداران تشویق به ارائه نظر خود شوند به طوری که آنها نیز از آن لذت ببرند.

دکمه های اشتراک گذاری اجتماعی خود را فراموش نکنید

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

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

در دکمه “اضافه به سبد خرید” خلاق باشید

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

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

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

وب سایت تجارت الکترونیک بدون چت آنلاین چیزی کم دارد

بررسی نشان می دهد چت آنلاین می تواند تا 37 درصد باعث افزایش رشد فروش شود. آمار نشان می دهد که دیگر اضافه کردن چت آنلاین به سایت فروشگاه فکر کردن ندارد به شرط آنکه توانایی پشتیبانی و پاسخ گویی به آن را داشته باشید.

قیمت در صفحه محصول

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

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

• قیمت ها باید واضح و به آسانی قابل خواندن باشند.
• با تنظیم قیمت ها با توجه به اصل کمبود و شما شاهد بهبود کلی در نرخ تبدیل خواهید بود.

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

اطمینان بخش بودن

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

تحقیقات نشان می دهد تنها اضافه کردن سیگنال اعتبار و امنیت به طراحی صفحات سایت می تواند باعث افزایش فروش شود. داشتن سیگنال اعتماد در صفحه محصول مهم است اما محل قرار گرفتن آن نیز اهمیت دارد. بنابراین لازم است که آن را با روش A/B testing آزمایش کنیم که بهترین محل را بیابیم. در این روش با دو گروه آزمایشی محل های سیگنال را عوض می کنیم و بررسی می کنیم که در کدام محل بهترین نتیجه دریافت می شود.

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

سرعت بار گذاری صفحه

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

بنابراین با طراحی سبک زمان بار گذاری را کاهش داده و زمان بار گذاری وب سایت را با ابزارهای گوگل تست کنید.

بررسی ها نشان می دهد اگر سرعت بار گذاری یک صفحه به 10 ثانیه برسد حدوداً 40 درصد کاربران آن را ترک خواهند کرد. البته این نرخ پرش در وب سایت هایی فروشگاهی بالاتر بوده 47% کاربران انتظار دارند که وب سایت در 2 ثانیه بار گذاری شود.

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

کاربران موبایل را فراموش نکنید

امروز بیش از 70% از کاربران جستجو های خود را برای خرید از طریق دستگاه های موبایل شروع می کنند پس باید رضایت این کاربران از تجربه استفاده از سایت را اولویت دهید.

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

کلام آخر

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

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

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