بهترین نکات برای ایجاد یک تم WooCommerce سازگار با موبایل

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

یک موضوع WooCommerce به دلایل واضح باید روی موبایل به خوبی کار کند. اگر یک وب سایت برای استفاده در تلفن همراه جذاب تر باشد، خریداران تجارت الکترونیک کلیک می کنند.

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

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

1. یک تم پاسخگو را انتخاب کنید

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

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

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

فقط مطمئن شوید که تم را پس از به‌روزرسانی آزمایش کرده‌اید تا مطمئن شوید همه چیز همانطور که باید کار می‌کند.

انتخاب تم جدید: چند نکته

انتخاب یک تم جدید پیچیده تر از آن چیزی است که به نظر می رسد! هزاران قالب ووکامرس برای وردپرس وجود دارد. غربال کردن آنها کمی زمان می برد، اما چند نکته وجود دارد که می توانید برای آسان تر کردن این فرآیند در نظر داشته باشید:

• طرح زمینه را تست کنید تا ببینید چگونه روی صفحه نمایشی با اندازه موبایل کار می کند. شما می توانید این کار را با استفاده از نسخه نمایشی انجام دهید، و به شما ایده خوبی از نحوه ظاهر آن در یک صفحه نمایش کوچکتر می دهد.
• بررسی سایر کاربران می‌توانید کلیدهای Ctrl+F را بزنید و عبارت «responsive» یا «mobile» را تایپ کنید تا ببینید چه چیزی پیش می‌آید. اگر مشکلی در این زمینه وجود دارد، ممکن است بتوانید نظراتی را بیابید که به جزئیات بیشتری می‌پردازند.
• به سرعت نگاه کن باز هم، بررسی نظرات در اینجا می تواند به شما کمک کند، اما می توانید برای اطمینان از اجرای روان و سریع موضوع، توضیحات تم را نیز بخوانید. (ما در ادامه این مقاله با جزئیات بیشتری به سرعت خواهیم پرداخت. راه هایی برای بهبود سرعت تم موجود شما وجود دارد، اما خوب است بدانید که آیا تم جدیدی که می خواهید برای آن هزینه کنید/نصب کنید، طراحی شده است یا خیر. سریع ترین زمان ممکن.)

در مثال بالا می توانید ببینید (حضور توسط WPZoom) که می توانید موضوع را در دستگاه های مختلف مشاهده کنید. این یک راه عالی برای اطمینان از اینکه وب سایت شما روی دسکتاپ، موبایل و تبلت خوب به نظر می رسد است.

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

چند لحظه طول می کشد، اما یک حکم صادر می شود: یا تیک سبز می گیری یا صلیب قرمز. اگر این ابزار تشخیص دهد که سایت شما در تلفن همراه قابل استفاده نیست، دلیل آن را به شما می گوید (مثلاً ممکن است بگوید «متن برای خواندن خیلی کوچک است».

این به این معنی است که می توانید تغییرات مورد نیاز را انجام دهید تا موضوع WooCommerce خود را برای کاربران تلفن همراه آسان کند. تغییرات پیشنهادی را مرور کنید و ببینید آیا می‌توانید طرح زمینه خود را برای مطابقت با آنها تنظیم کنید. حتی اصلاحات جزئی (مانند متن بسیار کوچک) می تواند تفاوت بزرگی را برای کاربران تلفن همراه ایجاد کند!

3. به پلاگین ها فکر کنید

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

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

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

4. به سرعت فکر کنید

هرچه قالب وردپرس ووکامرس شما سریعتر بارگیری شود، بهتر است! اگر بارگذاری وب‌سایت شما زمان زیادی طول بکشد، مشتریان از آن دور می‌شوند، اما رسیدن به زمان‌های پایین بارگذاری کند می‌تواند زمان و تلاش لازم را داشته باشد.
می توانید از یک ابزار رایگان برای ارزیابی صادقانه زمان بارگذاری صفحه خود استفاده کنید: PageSpeed ​​Insights توسط Google یک گزینه عالی است

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

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

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

5. تصاویر را بهینه کنید

بهینه سازی تصاویر نیز مهم خواهد بود. به عنوان مثال، برخی از تم های وردپرس WooCommerce در دسکتاپ زیبا به نظر می رسند، اما تصاویر باید برای موبایل بهتر کاهش یابد.

می‌توانید افزونه‌های بهینه‌ساز تصویر را برای کمک به این موضوع بیابید – برای جزئیات بیشتر، بررسی فشرده سازی WP ما را بررسی کنید.

دو کار کلیدی که می توانید برای بهینه سازی تصاویر خود برای موبایل انجام دهید:

• تصاویر خود را فشرده کنید – به اندازه تصاویر خود، از جمله هر عکسی که در موضوع خود استفاده می کنید، نگاه کنید. کاهش اندازه فایل آنها ممکن است به بهبود عملکرد دسکتاپ و موبایل کمک کند. بررسی Optimus ما را بخوانید تا بیشتر در مورد این موضوع بدانید!
• تصاویر غیر ضروری را حذف کنید – در حالی که برخی از تم های سنگین عکاسی زیبا به نظر می رسند، بهتر است دوبار بررسی کنید که آیا همه تصاویر از دیدگاه مشتری ضروری هستند یا خیر. یک ابزار تست تقسیم می تواند در اینجا کمک کند. می توانید یک تست A/B را با برخی از تصاویر حذف شده اجرا کنید تا ببینید چگونه سفر مشتری را در سایت شما تغییر می دهد.
• از CDN برای سرعت بخشیدن به تحویل تصویر استفاده کنید – استفاده از یک سرویس شبکه تحویل محتوا می تواند در اینجا کمک کند. این اجازه می دهد تا صفحات با کاهش فشار روی سرور سایت شما سریعتر بارگذاری شوند. اگرچه این شامل چند مرحله اضافی است، اما ارزش تلاش را دارد.

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

6. برخی از دام ها برای جلوگیری از

هنگام ایجاد یک پوسته وردپرس WooCommerce سازگار با موبایل باید از چند چیز اجتناب کنید:

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

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

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

قبل از رفتن، در اینجا چند سؤال متداول وجود دارد که ممکن است بخواهید درباره آنها بدانید:

آیا WooCommerce برای استفاده برای مبتدیان مناسب است؟

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

هزینه راه اندازی سایت وردپرس چقدر است؟

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

برخی از افزونه های ذکر شده در این مقاله هزینه اضافی دارند. بنابراین در حالی که WooCommerce رایگان است، برخی از ابزارهای بهینه سازی موبایل یک سرمایه گذاری اضافی خواهند بود. (اگرچه ما فکر می کنیم آنها ارزش پول را دارند!)

آیا همه تم های ووکامرس برای موبایل مناسب هستند؟

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

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

ایجاد یک تم مناسب برای موبایل: اصول کلیدی

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

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

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

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