چگونه نسخه موبایلی سایت خود را بهینه سازی نماییم؟

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

برای اولین بار در سال ۲۰۱۶ استفاده کاربران از اینترنت در تلفن همراه نسبت به کامپیوتر پیشی گرفت. جای تعجب ندارد! زیرا تنوع امکانات به کار گرفته شده در گوشی های هوشمند به حدی است که کاربران را به استفاده بیشتر از آن سوق داده است. بیراهه نگفته ام اگر امروزه تلفن همراه را عضوی از بدن بشر امروزه بدانیم. خودتان را در نظر بگیرید، روزانه چند ساعت از شبانه روز را باگوشی هوشمندتان می گذرانید؟ هربار که خانه را ترک می کنید یا به پارک می روید، در حال آشپزی هستید یا زیر وزنه بدنتان را می سازید، فرقی نمی کند ما در حال استفاده از آن هستیم.

کاری به جنبه های مثبت و منفیش ندارم ولی حقیقتا جای تلفن همراه بدنم درد گرفت بس که براتون نوشتم :))

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

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

۱۰ مرحله برای اینکه سایت خود را برای موبایل بهینه کنیم

در ادامه چند گام برای کاربرپسند کردن نسخه مو بایلی سایت شما ارائه خواهیم کرد تا همانقدر که کاربران دسکتاپ شما راضی هستند، کاربران موبایلی هم از سایتتان رضایت داشته باشند.

۱- سایت خود را رسپانسیو Responsive کنید.

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

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

۲- محتواها و ابزار مورد نیاز کاربر را در دسترس قرار دهید

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

۳- از فایل های فلش استفاده نکنید!

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

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

۴- متا تگ Viewport را قرار دهید.

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

اضافه کردن این کد Html به سایت آنقدرها پیچیده نیست. فقط عبارات زیر را کپی کنید و در هر صفحه سایت خود قرار دهید:

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

۵- قابلیت Autocorrect را برای فرم ها غیر فعال نمایید.

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

پس هنگام ساخت هر فرم مطمئن شوید که کدهای Html برای هر فیلد در حالت Autocorrect = off  قرار گرفته باشد.

پس راه های تعاملی با کاربر را به آسان ترین حالات ممکن پیش ببرید.

۶- اندازه دکمه های موجود در نسخه موبایلی سایت خود را به اندازه کافی بزرگ کنید.

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

استفاده از فونت بزرگتر در نسخه موبایلی سایت

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

۷- از فونت های با اندازه بزرگ برای کاربرپسند کردن نسخه موبایلی استفاده کنید.

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

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

۸- تصاویر و کدهای CSS خود را فشرده کنید.

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

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

۹- قرار دادن دکمه سوئیچ به نسخه دسکتاپ در سایت

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

۱۰- به صورت منظم با موبایل سایت را تست کنید.

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

 

وب سایت خود را موبایل پسند کنید!

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

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