وقتی که سایت را طراحی می‌کنید، به نظر می‌رسد که خیلی خوب و خوش‌رنگ و لعاب از کار در آمده و با حسی سرشار از غرور و افتخار آن را بارگذاری می‌کنید. اما یک نکته‌ی ریزی را اگر از جا بیندازید، مدت زیادی نمی‌گذرد که ورق برمی‌گردد و از عملکرد خود سرخورده می‌شوید.
همان طور که خودتان نیز متوجه شده‌اید، موبایل فرندلی (Mobile Friendly) بودن وبسایت نکته‌ای است که اگر نادیده گرفته شود، شما را با چالش‌های جدیدی همچون کم بودن بازدیدکننده و خریدار روبه رو می‌کند. پس در این مطلب قرار است از اهمیت موبایل فرندلی بودن وبسایت و اینکه چه مؤلفه‌هایی را در موقع طراحی وبسایت در نظر بگیرید تا نتیجه‌ی خوبی از کار در بیاید، صحبت کنیم.
موبایل فرندلی (Mobile Friendly) بودن وبسایت چیست؟
موبایل فرندلی (Mobile Friendly) بودن یعنی سازگار یا منطبق با طراحی و قالب موبایل باشد. به بیان ساده‌تر، اگر شما وبسایتی دارید که موبایل فرندلی است، پس مخاطبان شما می‌توانند با همان کیفیت و راحتی که از طریق کامپیوتر وبسایت را می‌بینند، از طریق موبایل نیز آن را بررسی کنند و از خدمات آن استفاده ببرند. حالا این موضوع چه زمانی اهمیت پیدا می‌کند؟
اگر شما هم مثل نسل جدید بیشتر وقت خود را با موبایل می‌گذرانید و وابستگی زیادی به آن دارید، احتمالاً برای پاسخ دادن به ایمیل‌ها، پیگیری اخبار و تعامل با دوستان خود در رسانه‌های اجتماعی به موبایل متکی هستید. در واقع، از سال 2016 به بعد استفاده از اینترنت تلفن همراه از دسکتاپ (Desktop) سبقت گرفته و در حال حاضر بیشتر کاربران فضای مجازی از موبایل استفاده می‌کنند. بنابراین، اگر بخواهیم صاف و پوست‌کنده با شما صحبت کنیم، موبایل فرندلی بودن وبسایت شما از نان شب هم واجب‌تر است و اگر آن را نادیده بگیرید، هیچ استراتژی بازاریابی نمی‌تواند جای آن را بگیرد و رسماً باخته‌اید.
آزمایش موبایل فرندلی بودن وبسایت
خب، ممکن است از خودتان بپرسید که چطور میشود بررسی کرد وبسایت مورد نظر شما موبایل فرندلی است.
برای این کار، اول از همه می‌توانید چندین صفحه از آن وبسایت را از طریق موبایل خود باز کنید و ببینید آیا محتوای آن قابل خواندن است؟ آیا کار کردن با آن وبسایت از طریق گوشی ساده است یا اذیت می‌کند؟
اما راه دیگری هم وجود دارد که از طریق آمار و اطلاعات به شما نشان می‌دهد که یک وبسایت موبایل فرندلی است یا خیر.
برای این کار کافی است عبارت انگلیسی Mobile Friendly را در گوگل جستجو کنید و بعد از آن صفحه‌ی زیر به شما نمایش داده میشود.
در این مرحله دو انتخاب دارید؛
اولاً، می‌توانید که در زیر همان قسمتی که از شما می‌پرسد: is your web mobile friendly? (آیا وبسایت شما سازگار با موبایل است؟) آدرس وبسایت خود را بنویسید و بعد گزینه‌ی RUN TEST را بزنید.
دوما، می‌توانید روی گزینه‌ی Mobile-Friendly Test – Google Search Console بزنید و بعد صفحه‌ای در مقابل شما باز می‌شوید که باید آدرس وبسایت یا URL یکی از صفحات آن را وارد کنید و بعد گزینه‌ی TEST URL را بزنید.
نتیجه‌ی این تست به دو صورت است. اگر تأیید شود که وبسایت شما به صورت موبایل فرندلی است، پس تصویر زیر را با عبارت Page is usable on mobile خواهید دید.
اما اگر وبسایت شما شرایط لازم برای سازگاری با موبایل را نداشته باشد، پس گوگل آن را تأیید نمی‌کند و عبارت Page isn’t usable on mobile را نشان می‌دهد. البته دلایل اینکه چرا موبایل فرندلی بودن وبسایت شما تایید نشده است را می‌توانید در قسمت Details ببینید و در جهت برطرف کردن مشکلات وبسایت خود اقدامات لازم را انجام دهید.
10 دلیل برای اینکه بدانید چرا موبایل فرندلی بودن وبسایت شما مهم است؟
وبسایت شما از ابتدا و به خودی خود سازگار با موبایل نیست. خودتان هم به چشم دیده‌اید که بعضی وبسایتها روی تلفن همراه خیلی خوب باز می‌شوند و مطالب دقیقاً همان طوری هستند که شما بتوانید ببینید و از آنها استفاده کنید، اما بعضی دیگر نه. این در حالی است که برای موبایل فرندلی بودن وبسایت، تنها به کمی طراحی اضافی و کار روی محتوا نیاز دارید و اگر از خودتان می‌پرسید که حالا همین طراحی بیشتر چه کمکی می‌تواند به کسب و کارتان کند؟ یا چه تأثیری روی فروشتان خواهد داشت؟ پس لازم است که در ادامه با 10 دلیل برایتان توضیح دهیم.
- اولویت گوگل وبسایت‌هایی هستند که سازگار با موبایل باشند. گوگل در سال 2015 الگوریتم خود را به نحوی تغییر داد که وبسایت‌هایی بتوانند بالاتر از بقیه در صفحه نتایج گوگل نمایش داده شوند که برای موبایل بهینه‌سازی شده‌اند و در نتیجه نسبت به آن‌هایی که این کار را نمی‌کنند رتبه بهتری می‌گیرند.
- مردم برای انجام کارهایی مانند جستجوهای اینترنتی ساده و خرید کالاها و خدمات متنوع و بسیاری موارد دیگر در درجه‌ی اول به سراغ موبایل می‌روند. دلیل آن همان طور که خودتان بهتر میدانید کاملاً مشخص است؛ چون دسترسی سریع و راحتی دارد. همچنین، مصرف‌کنندگان در هر بازاری می‌خواهند با هم ارتباط برقرار کنند و آنچه را که به دنبال آن هستند را به سرعت به دست بیاورند. بنابراین، اگر وبسایت خود را برای موبایل بهینه‌سازی نکرده‌اید، نمی‌توانید خدمات فوری به مشتریان خود ارائه دهید.
- به شما کمک می‌کند تا اعتبار خود را نزد مشتریان، مصرف‌کنندگان و تأثیرگذاران صنعت خود بالا ببرید. وقتی که یک وبسایت سازگار با موبایل داشته باشید، هر کسی که بخواهد با گوشی خود از سایت شما بازدید کند، تجربه خوبی کسب خواهد کرد و این باعث میشود که شما را به عنوان منبعی معتبر برای اطلاعات، محصولات و خدمات ببینند و به دیگران معرفی کند.
- موبایل فرندلی بودن یکی از استانداردهای طراحی وب است. بسیاری از وبسایتها سازگار با موبایل هستند و هر روز تعداد بیشتری از آنها این ویژگی را به خود اضافه می‌کنند. با وجود موبایل فرندلی بودن بسیاری از وبسایتها، کاربران انتظار دارند که همه‌ی وبسایتها این ویژگی را داشته باشند.
- می‌توانید سریع‌تر به مشتریان بیشتری دسترسی پیدا کنید. موبایل فرندلی بودن وبسایت باعث میشود مشتریان به راحتی و در کمترین زمان ممکن از محصولات و خدمات شما خرید کنند و به بیان ساده‌تر وبسایت شما در اختیار نیازهای آن‌هاست.
- کسب رضایت مشتری به موبایل فرندلی بودن وبسایت وابسته است. هنگامی که یک مشتری یا یک مخاطب برای یافتن اطلاعات یا جستجوی چیزی که می‌فروشید به سایت شما مراجعه می‌کند، می‌خواهید که این تجربه عالی باشد. از آنجا که بسیاری از مردم از دستگاه‌های تلفن همراه برای دسترسی به وب استفاده می‌کنند، تنها یک وبسایت سازگار با موبایل (Mobile Friendly) می‌تواند این تجربه را به وجود بیاورد. مشتریان خوشحال به سایت شما بازمی‌گردند و به دیگران درباره عالی بودن آن می‌گویند و البته مشتریان ناراضی برعکس آن عمل خواهند کرد.
- گوگل از شما می‌خواهد که این کار را انجام دهید. مدیران وبسایتها می‌دانند زمانی که گوگل کاری را توصیه می‌کند، باید آن کار انجام شود. گوگل توضیح داده است که چرا موبایل فرندلی بودن این قدر مهم است و دلیل آن برای استفاده از چنین الگوریتمی این است که اکثر مردم گوشی‌های هوشمند دارند و دائماً از آن برای جستجو استفاده می‌کنند.
- وبسایت شما عالی به نظر می‌رسد و در هر دستگاهی به خوبی کار می‌کند، مشروط بر اینکه از طراحی وب ریسپانسیو (Responsive Web) برای ساخت یا طراحی مجدد سایت خود استفاده کنید. با طراحی ریسپانسیو، وبسایت شما اصطلاحاً واکنش‌گرا میشود و آماده است تا علاوه بر شناسایی خواسته‌های بازدیدکننده، دسترسی راحت تری برای تمام امکانات موجود در وبسایت در اختیارش قرار دهد.
- موبایل فرندلی بودن وبسایت برای شهرت شما مفید است. مردم از وبسایتی که تجربه خوبی با آن دارند صحبت می‌کنند و اگر تجربه‌ی بدی داشته باشند به دیگران هم خبر می‌دهند. خودتان بهتر میدانید که شهرت همه چیز است و اگر مردم درباره‌ی شما احساس رضایت نداشته باشند، این عدم رضایت را به هر کسی که بتوانند منتقل می‌کنند.
- کسب‌وکار شما مدرن و یکپارچه دیده خواهد شد. شما ممکن است یکی از مفیدترین، ارزشمندترین و منحصربه‌فردترین محصولات یا خدمات موجود در بازار را ارائه دهید، اما اگر طراحی وبسایت شما سازگار با موبایل نباشد یا خیلی ضعیف باشد، از نظر مخاطب شرکت شما یک دایناسور دیجیتال است! و به نوعی وبسایت شما عقب‌مانده به نظر می‌رسد. در نتیجه، مردم را به سمت سایر وبسایتها سوق می‌دهد.
5 راه برای بهبود محتوای متناسب با موبایل
محتوا همیشه یک سر و گردن از بقیه‌ی تکنیک‌ها و اجزاء بازاریابی جلوتر بوده است. اهمیت آن و تأثیری که دارد را خودتان بهتر میدانید. در کنار اینکه برای موبایل فرندلی بودن وبسایت شما لازم است کمی تغییرات در طراحی سایت داشته باشید، کمی بهبود محتوا را هم به آن اضافه کنید تا تلاش‌های شما هر چه بیشتر و بهتر به نتیجه برسند. برای بهبود محتوا چند تکنیک ساده و در عین حال موثر را به شما توضیح می‌دهیم که با همین پنج مورد هم بتوانید یک تکانی به کسب‌وکار خود بدهید.
- پاپ‌آپ‌ها را محدود کنید (یا حذف کنید).
افرادی که از تلفن همراه استفاده می‌کنند بسیار سخت‌گیرتر از افرادی هستند که روی دسکتاپ کار می‌کنند. آنها همیشه در تلاش هستند چیزی را که می‌خواهند به سرعت پیدا کنند. اگر پاپ‌آپ‌ها به درستی برای تلفن همراه متناسب‌سازی نشوند، می‌توانند ضررهای بزرگی را به وبسایت و میزان بازدیدکننده‌ی آن وارد کنند.
مثلاً، در دسکتاپ، معمولاً نحوه بستن پنجره‌ای که ظاهر میشود، واضح است، اما در موبایل همیشه این‌طور نیست. گوگل در یک اطلاعیه رسمی اعلام کرده است که این نوع تبلیغات موبایلی در صورت آسیب رساندن به تجربه کاربر جریمه خواهند شد.
مواردی که طبق قانون الزامی هستند، مانند پاپ‌آپ‌های تأیید سن، به رتبه شما لطمه نمی زند، اما وقفه‌های آزاردهنده‌ای که برای دریافت ایمیل یا فروش یک محصول به وجود می‌آورند، به SEO شما آسیب می زند. همچنین، زمانی که کاربر در صفحه است، باید از پاپ‌آپ‌هایی که پوشش‌دهنده‌ی محتوای اصلی هستند، خودداری کنید.
- از درصدها برای عرض قالب‌بندی استفاده کنید
اگر یک تم موبایل فرندلی دارید، چیزی شبیه به این تکنیکی که الان می‌خواهیم درباره‌اش صحبت کنیم را حتماً دارد، اما خوب است که در هر صورت بیشتر دراین‌باره اطلاعات کسب کنید. هنگامی که از کد نویسی CSS در یک صفحه استفاده می‌کنید، می‌توانید عرض عناصر مانند ستون‌ها یا تصاویر را بر اساس دو چیز مشخص کنید: پیکسل یا درصد.
به عنوان مثال، اگر عرض را روی 50٪ تنظیم کنید، عرض آن در صفحه موبایل نصف اندازه صفحه نمایشی است که در طراحی اولیه و احتمالاً روی دسکتاپ طراحی شده است. این کار باعث میشود که کاربران شما مجبور نباشند به صورت افقی صفحه نمایش گوشی را بچرخانند و تماشا کنند.
اگر تصمیم بگیرید که عرض را بر اساس پیکسل (pixel) تنظیم کنید، عرض عناصر با اندازه صفحه تغییر نمی‌کند، در این صورت ممکن است در برخی دستگاه‌ها با اندازه اشتباه مواجه شوید. اگر از مدیاکوئری (media queries) نیز استفاده می‌کنید، می‌توانید از اندازه پیکسل استفاده کنید.
- با کوئری ها سایت خود را برای موبایل متناسب‌سازی کنید
از مدیاکوئری (Media queries) می‌توان برای تنظیم وبسایت شما متناسب با دستگاه‌های تلفن همراه، کامپیوتر و تبلت استفاده کرد، اما مبتدیان از عهده‌ی این کار بر نمی‌آیند و به یک کارشناس برنامه‌نویسی احتیاج دارید. در واقع، Media queries تکنیک هایی هستند که در کد نویسی CSS استفاده می‌شوند و به شما امکان می‌دهند نه تنها چیزهایی مانند عرض صفحه، بلکه شکل محتوا و عناصر اطراف را نیز تغییر دهید.
4) عوامل حواس‌پرتی را از سر راه بردارید
حتماً می‌خواهید که کاربران سریع و راحت به محتوای شما دسترسی داشته باشند. برای رسیدن به این هدف، باید اطمینان حاصل کنید که عناصر زیادی از صفحه شما فکر آنها را به خود مشغول نکند. پرت شدن حواس به ویژه در صورتی اتفاق می‌افتد که این عناصر با سرعت‌های متفاوت بارگیری شوند و باعث پرش صفحه در دستگاه‌های تلفن همراه و عملکرد ضعیف آن شود.
یک مثال عالی در همین رابطه، نوار کناری (sidebar) است که همه ما به داشتن آن عادت کرده‌ایم. در تنظیمات تلفن همراه، این عنصر به پایین صفحه منتقل میشود. وقتی صفحه نمایش کوچک‌تر است، می‌توان با از استفاده از مدیاکوئری (media queries) برای حذف عناصری مانند این استفاده کرد.
- آینده را نیز در نظر داشته باشید
صفحات موبایل شتاب‌دهنده (AMP) چیزی است که گوگل از آن حمایت کرده و به نظر می‌رسد در آینده‌ی نزدیک محتوای تلفن همراه بر اساس آن تنظیم شود. این صفحات دارای چارچوب خاصی هستند که سرعت وبسایت را بهبود می‌بخشند و به طور کلی تجربه کاربری بسیار روان تری را ارائه می‌دهند.
شما می‌توانید نتایج مشابهی را با بهینه‌سازی‌های سنگین (heavy optimizations) دریافت کنید، اما با وجود این روش، محتوا آسان تر و بهتر تبدیل به محتوای متناسب با موبایل فرندلی میشود.
کلام آخر
دستگاه‌های تلفن همراه بهترین راه برای دسترسی به محتوای آنلاین هستند. در نتیجه، موتورهای جستجو مانند گوگل تلاش می‌کنند که همه چیز از مرور اینترنت گرفته تا خریدهای عمده را به سمت گوشی‌ها و تبلت‌ها هدایت کنند. پس برای اینکه کسب و کارتان نادیده گرفته نشود، موبایل فرندلی بودن وبسایت خود را در اولویت قرار دهید.