چگونه نسخه موبایلی سایت خود را بهینه سازی نماییم؟
در سالهای اخیر با گسترش فناوری، گوشیهای هوشمند با امکانات شگفت انگیزی عرضه شدهاند. این تحول، دنیای وب را هم تحت تاثیر قرار داده و اخیرا نسخه موبایلی سایت از اهمیت بالایی نزد وبمستران حرفهای برخوردار شده است. برای اینکه از قافله عقب نمانیم باید به سمت بهینه سازی سایت برای موبایل برویم و کاربران بیشتری را جذب کنیم، مسئله مهمی که امروز در سون هاست به آن خواهیم پرداخت.
نسخه موبایلی سایت از چه نظر اهمیت دارد؟
برای اولین بار در سال ۲۰۱۶ استفاده کاربران از اینترنت در تلفن همراه نسبت به کامپیوتر پیشی گرفت. جای تعجب ندارد! زیرا تنوع امکانات به کار گرفته شده در گوشیهای هوشمند به حدی است که کاربران را به استفاده بیشتر از آن سوق داده است. بیراهه نگفتهام اگر تلفن همراه را عضوی از بدن بشر امروزه بدانیم. خودتان را در نظر بگیرید، روزانه چند ساعت از شبانه روز را باگوشی هوشمندتان میگذرانید؟ هربار که خانه را ترک میکنید یا به پارک میروید، در حال آشپزی هستید یا زیر وزنه بدنتان را میسازید، فرقی نمیکند ما در حال استفاده از آن هستیم. برای مدیران وب سایت این تغییر الگوی کاربران چالش جذابی را به وجود آورده است، فوریتی برای اینکه نسخه موبایلی سایت کاربرپسندی را ایجاد و یا اصلاح نمایند.
اگر کاربران تجربه خوشایندی از نسخه موبایلی سایت شما نداشته باشند، بازدید سایت شما از دایره علایق آنها خارج میشود. اگر این روند ادامه داشته باشد، به احتمال فراوان بخش عظیمی از ترافیک سایت خود را از دست خواهید داد. خب این مسیر سقوط شماست، چون رتبه گوگل سایت هم تحت تاثیر قرار گرفته و مجموع امتیازات منفی را افزایش خواهد داد. شاید قبلا این را شنیده باشید اما در سون هاست آن را باز هم تکرار میکنیم، شما باید نسخه موبایلی سایت خود را بهینه سازی نمایید و محیط کاربرپسندی را برای کاربران خود به وجود آورید. شما گاهی میدانید که باید اقدامی صورت دهید، اما چگونه باید کار کنید؟ سئوالی که جوابش پیش ما خوابیده 😊
۱۰ مرحله بهینه سازی سایت برای موبایل
در ادامه چند گام برای کاربرپسند کردن نسخه موبایلی سایت شما ارائه خواهیم کرد تا همانقدر که کاربران دسکتاپ شما راضی هستند، کاربران موبایلی هم از سایتتان رضایت داشته باشند. پس خیلی سریع میرویم سراغ بهینه سازی سایت برای موبایل که اهمیت بالایی دارد!
۱- نسخه موبایلی سایت را رسپانسیو Responsive کنید.
سایتی از دیدگاه گوگل مفید است که محتواها و ابزارهای آن برای هر دستگاهی در دسترس باشد. مهم نیست صفحه نمایش آن چه اندازهای داشته باشد، سایت باید قابلیت ارائه محتواها در هر اندازهای را دارا باشد. رسپانسیو کردن سایت بهترین راه برای نمایش مناسب نسخه موبایلی سایت شماست، زیرا نمیتوانید محتواهای خود را برای کاربران موبایلی محدود سازید. با این همه ریسپانسیو کردن سایت پارامتر مهمی برای بهینه سازی نتایج موتورهای جستجوگر است. گوگل به صورت واضح اعلام کرده که سایتهای ریسپانسیو را نسبت به سایرین ترجیح میدهد. اما روند ریسپانسیو کردن سایت خود را به یک حرفهای بسپارید یا اینکه قالب جدیدی برای سایت خود طراحی نمایید. مهم نیست کجای این فرایند قرار دارید، زودتر دست به کار شوید و آن را انجام دهید.
۲- محتواها و ابزار مورد نیاز کاربر را در دسترس قرار دهید.
افرادی که از تلفن همراه خود جهت وبگردی استفاده میکنند، زمان زیادی را صرف مرور یا خواندن محتواها نمیکنند و در کمترین زمان ممکن به دنبال مقصود خود هستند، در حالی که کاربران نسخه دسکتاپ زمان بیشتری را صرف خواندن محتواها میکنند. پس محتواهای پربازدید خود را طوری جانمایی کنید که به راحتی در دسترس کاربرانتان قرار گیرد.
۳- از فایل های فلش استفاده نکنید!
فلش از سالها پیش به علت عدم موفقیت در سایتها و اثرات منفی در سئو سایت تا حد زیادی کنار گذاشته شده است. آنها میتوانند زمان لود سایت را به مقدار زیادی افزایش دهند و مرورگرها را در بارگذاری سایت برای نمایش به دردسر بیاندازند. نه گوشیهای دارای سیستم عامل آندروید و نه آی او اس iOS از فلش پشتیبانی نمیکنند، بنابراین اگر وب سایتی ایجاد کرده که در آن از فلش استفاده میکنید، بسیاری از کاربران خود را از دست خواهید داد. بنابراین بهتر است که استفاده از آن را در سایت خود به طور کامل متوقف کنید و از طرحهای جذابتری استفاده کنید. استفاده از تصاویر جذاب در سایت ترفند مهمی برای جذب بازدیدکننده است پس نکات بهینه سازی عکس در وردپرس را به کار ببندید.
۴- بهینه سازی سایت برای موبایل با متا تگ Viewport
استفاده از متا تگ Viewport راهی آسان برای کنترل چگونگی نمایش سایت در تلفن همراه است. اگر صفحه سایت در دسکتاپ به همان صورتی است که در صفحه نمایش تلفن همراه نمایش داده میشود و کاربر را مجبور به اسکرولهای پیچیده برای رفتن به قسمتهای مختلف سایت میکند، متا تگ Viewport را جهت بهینه سازی سایت برای موبایل به صفحات سایت خود اضافه نمایید. این متا تگ به مرورگر اعلام میکند که عرض صفحه را با توجه به اندازه صفحه نمایش تلفن همراه بازدیدکننده تنظیم نماید. اضافه کردن این کد Html به سایت آنقدرها پیچیده نیست. فقط عبارات زیر را کپی کنید و در هر صفحه سایت خود قرار دهید:
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
۵- قابلیت Autocorrect را برای فرم ها غیر فعال نمایید.
هیچ چیز از راههای تعاملی نامناسب با کاربر ناخوشایندتر نخواهد بود. اگر فرمی در سایت ساخته باشید که نام یا آدرسی را از کاربر درخواست کند با غیرفعال کردن قابلیت Autocorrect کمک قابل توجهی به او کردهاید. در نظر بگیرید که با تلفن همراه در حال پر کردن فرمی در سایت باشید و مدام این فرم اسامی و اطلاعات بیربطی را به صورت خودکار به شما پیشنهاد دهد، واقعا کلافه کننده اس! پس هنگام ساخت هر فرم مطمئن شوید که کدهای Html برای هر فیلد در حالت Autocorrect = off قرار گرفته باشد.
پس راههای تعاملی با کاربر را به آسانترین حالات ممکن پیش ببرید.
۶- اندازه دکمه های موجود در نسخه موبایلی سایت خود را به اندازه کافی بزرگ کنید.
در دسکتاپ شما کار سختی برای کلیک به رو دکمهها ندارید، حتی اگر دکمه از حد انتظار هم کوچکتر باشد. اما این مسئله زمانی اهمیت پیدا خواهد کرد که برای کلیک به روی دکمهای از یک سایت در صفحه نمایش تلفن همراه تلاش کنید. دکمههای کوچک برای نسخه موبایلی سایت واقعا مشکلساز خواهند بود! بدتر از آن که این دکمههای کوچک در کنار هم قرار داشته باشند و با هر بار تلاش برای کلیک کردن روی یک دکمه، اشتباهی دکمه دیگری را بفشارید و به صفحه دیگری وارد شوید. این برای کاربران به شدت ناخوشایند است و به راحتی صفحه شما را ترک خواهند کرد.
اما بهترین راه برای مقابله با آن، استفاده از دکمههای بزرگتر است. هر زمان که قصد اضافه کردن دکمه به سایت خود داشتید، زمان صرف کنید و آن را در نسخه موبایلی سایت به صورت کامل مورد ارزیابی قرار دهید. با این کار از ریزش قسمت اعظم ترافیک سایتتان جلوگیری نمودهاید. اگر این مورد در سایت رعایت نشده است از یک متخصص کمک بخواهید و نسبت به بهینه سازی سایت برای موبایل اقدام کنید.
۷- از فونت های با اندازه بزرگ برای بهینه سازی نسخه موبایلی استفاده کنید.
در حالت عادی خواندن در صفحات کوچک به اندازه ی کافی سخت است، حال در نظر بگیرید که فونت نوشتهها هم اندازه کوچکی داشته باشد. بهتر است حداقل از اندازه فونت ۱۴ برای نوشتههای صفحات سایت خود استفاده نمایید، اما به گفته ما هم در مورد تغییر اندازه فونت سایت وردپرس بسنده نکنید! پی در پی تست و بررسی کنید تا بهینهترین حالت را برای سایت خود در نظر بگیرید. به علاوه از فونتهای استاندارد استفاده کنید و از گذاشتن فونتهای عجیب و غریب بپرهیزید که سرعت بارگذاری سایت را افزایش میدهد. سرعت سایت پارامتر مهمی برای بازدیدکنندگان خواهد بود و اثر زیادی بر میزان آنها خواهد گذاشت.
۸- بهینه سازی سایت برای موبایل با فشرده سازی تصاویر و کدهای CSS
کاملا صحیح است که همواره به دنبال تکنیکهای مختلف بهینه سازی سایت برای موبایل باشیم، این مسئله اهمیت زیادی دارد. بدین معنی که یک گام خوب برای بهینه کردن نسخه موبایلی سایت، فشرده کردن هر فایل یا چیزی است که فضای زیادی را اشغال کرده و سرعت لود سایت را کاهش میدهد. همانطور که تصاویر با وضوح بالا و کدهای CSS بر جذابیت سایت میافزاید، حجم بالای آنها میتواند سرعت سایت را تا حد زیادی کاهش دهد. بنابراین باید به تناسب مناسبی میان این دو پارامتر مهم برسید، شما میتوانید آنها را فشرده کنید تا سریعتر بارگذاری شوند، بدون آنکه از کیفیت آنها کاسته شود.
۹- قرار دادن دکمه سوئیچ به نسخه دسکتاپ در سایت
بعضی از بازدیدکنندگان که از طریق تلفن همراه وارد سایت شما شدهاند، احتمالا نسخه دسکتاپ سایت را ترجیح دهند. بد نیست به این دسته از کاربران خود دسترسی لازم را بدهید، شما میخواهید در تعامل با کاربران خود بهترین باشید، پس بستر دلخواه آنها را فراهم نمایید.
۱۰- به صورت منظم با موبایل سایت را تست کنید.
در پایان ممکن است نکتهای به ذهن ما نرسیده باشد و اینکه هر سایتی با توجه به دامنه فعالیت خود نیاز به بهینه سازی خاصی داشته باشد. بنابراین بعد از انجام بررسیهای بالا دست روی دست نگذارید! به صورت مرتب آن را از طریق تلفن همراهتان مورد بررسی قرار دهید. هر چند وقت یک بار با دید اینکه چه چیزی در سایتتان دشوار است، وارد آن شوید تا متوجه موارد بیشتری شوید. البته محدود به آزمایشات خود نباشید، از دوستان و آشنایانتان بخواهید تا در این امر به شما یاری برسانند. حتی اگر تمام موارد را بدست آوردید به آن قانع نباشید چرا که تلفنهای همراه هم روز به روز در حال تغییر هستند و فناوریهای جدیدتری را در معرض نمایش قرار میدهند.
در پایان
تستهای خود را ادامه دهید و آن را به روز نمایید و در صورت لزوم تنظیمات کمکی را انجام دهید. البته فراموش نکنید که اولویت فکری شما کاربران موبایلی است و برای راحتی آنها باید چه اقداماتی را صورت دهید. تعامل مناسب با کاربر رضایتمندی آنها را افزایش میدهد و کسب رضایت آنها میزان بازدیدکنندگان شما را افزایش خواهد داد، از این رو ما در سون هاست با تمام انرژی در جهت افزایش رضایتمندی شما قدم بر میداریم. امیدواریم که مطلب بهینه سازی نسخه موبایلی سایت رضایت شما را به همراه داشته باشد. وبلاگ سون هاست سرشار از مطالب آموزشی متنوع در مورد توسعه وب سایت شماست، پس حتما سری به بخشهای مختلف آن بزنید. در انتها سوالات و پیشنهادات خود را از طریق درج کامنت به گوش ما برسانید. اگر علاقمند به مباحث فنی بیشتری هستید، حتما در انجمن سون هاست موضوع جدیدی را ایجاد کنید.