منو
خانهبرنامه ها

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

امروزه بیشتر افراد از طریق گجت های موبایل – تبلت، گوشی – آنلاین می شوند، از این نظر بهینه سازی سایت نیز در حال رسیدن به سطح جدیدی است. اگر کاربر وارد شود و ببیند که سایت برای دستگاه های تلفن همراه بهینه نشده است: تصویر قابل مشاهده نیست، دکمه ها خارج شده اند، فونت ها کوچک و ناخوانا هستند، طراحی کج است - 99 از 100٪ که او خارج می شود و شروع به جستجوی راحت تر دیگری کنید. A کادر نامربوط بودن منبع را علامت می‌زند، یعنی با عبارت جستجو مطابقت ندارد. بنابراین، طراحی صفحه باید با دستگاه های مختلف تلفن همراه سازگار باشد. نسخه موبایلی سایت چیست، چگونه می توان آن را ساخت و بهترین راه برای اعمال آن چیست؟ در این مقاله بیشتر بخوانید.

بنابراین چهار وجود دارد راه های کلیدیسایت را با نسخه موبایل تطبیق دهید.

روش اول - طراحی واکنشگرا

قالب های ریسپانسیو تصویر سایت را بسته به اندازه صفحه تغییر می دهند. به عنوان یک قاعده، آنها روی استانداردهای 1600، 1500، 1280، 1100، 1024 و 980 پیکسل تنظیم می شوند. از کوئری ها برای پیاده سازی استفاده می شود. خودش تغییر نمی کند.

مزایای این روش عبارتند از:

  • توسعه راحت، از آنجایی که خود ساختار با پارامترهای صفحه سازگار می شود و هر به روز رسانی نیازی به توسعه طراحی از ابتدا ندارد، کافی است CSS و HTML را بهینه کنید.
  • یکی آدرس URL- کاربر نیازی به به خاطر سپردن چندین نام ندارد، نیازی به تغییر مسیر (تغییر مسیر از یک آدرس به آدرس دیگر) نیست، که می تواند کار یک وب مستر را پیچیده کند و مرتب کردن و رتبه بندی یک منبع برای یک موتور جستجو آسان تر است. با یک آدرس

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

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

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

روش دوم - یک نسخه جداگانه از سایت

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

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

اما حتی در اینجا هم بدون اشکال نبود:

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

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

راه سوم - طراحی RES

موتور جستجوی گوگل به طور فعال از این جهت از طراحی موبایل پشتیبانی می کند. این پیچیده ترین، پرهزینه ترین، اما موثرترین روش برای تطبیق سایت با تلفن یا تبلت است. RESS نام دارد. این هدف گذاری منابع در یک برنامه تلفن همراه است که می تواند برای هر دستگاه جداگانه بارگیری شود. برای اندروید - با GooglePlay و برای اپل - با iTunes.

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

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

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

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

دانلود قالب های ویژه (افزونه ها) برای طراحی تطبیقی. به عنوان مثال، WP Mobile Detector، WordPress Mobile Pack، WPSmart Mobile و دیگران. آنها به نمایش صحیح سایت در تلفن کمک می کنند، در حالی که نکاتی را در مورد مواردی که برای تطبیق بهتر صفحه با نسخه تلفن همراه باید اصلاح شود، دریافت خواهید کرد.

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

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

اصول ایجاد نسخه های موبایل

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

ما همه موارد غیر ضروری را حذف می کنیم

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

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

هم ترازی

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

یک انجمن

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

و قطع ارتباط

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

لیست ها

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

اگر کاربر دقیقاً بداند که به دنبال چه چیزی است، ثابت مفید است. به عنوان مثال، شهر، شماره یا تاریخ. گزینه دوم برای نام های پیچیده طولانی یا برای مواردی که تغییرات زیادی با همین نام وجود دارد مناسب است و هر کدام کاربر را یک قدم به هدف نزدیک می کند. گزینه تعویض خودکار بیشتر زمانی استفاده می شود که بازدیدکننده به کمک نیاز داشته باشد. به عنوان مثال، یک سایت بافتنی پیشنهاد خرید سوزن بافندگی را می دهد. کاربر وارد می شود پرس و جو جستجو"سوزن های بافندگی فلزی"، اما در نوک ابزار "سوزن بافندگی 5 میلی متر"، "سوزن بافندگی 4.5 میلی متر" و غیره را می بیند.

تکمیل خودکار

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

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

همه چیز خوانده می شود، همه چیز مشاهده می شود

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

برخی از آمار

با صحبت در مورد انطباق سایت با دستگاه های تلفن همراه، نمی توان به آمار متوسل نشد تا درک کرد که این فرآیند چقدر برای تبلیغ آنلاین اهمیت دارد.

اعداد به شرح زیر است. امروزه، ظاهراً 87٪ از مردم از ابزارها استفاده می کنند، به جز کوچکترین کودکان و برخی افراد مسن. اقتصاددانان رشد را پیش بینی می کنند تجارت سیار 100 بار در 5 سال آینده. در عین حال، تنها 21 درصد از سایت ها برای کار با دستگاه های تلفن همراه سازگار هستند. این بدان معناست که ترافیک اینترنت و بازار تجارت الکترونیک تنها توسط یک بخش کوچک پنجم اشغال شده است.

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

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

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

بدون نسخه موبایل نمی توان وجود داشت:

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

به جای نتیجه گیری

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

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

همانطور که قول داده بودم، وقت آن رسیده است که به شما بگوییم "طرح بندی تطبیقی" چیست و چگونه یک نسخه موبایلی سایت را برای گوشی های هوشمند و تبلت بسازید و همچنین موتورهای جستجو را خوشحال کنیم!

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

بله، و ترافیک ابزارها روز به روز بیشتر و بیشتر می شود! مدیر سایت باید این را در نظر بگیرد ...

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

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

به نظر می رسد به وضوح توضیح داده شده است؟ کی نفهمید؟ در نظرات بنویسید، بیایید با هم بحث کنیم.

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

در یکی از بهترین روزها من پست الکترونیک(اما همه آن را دریافت کردند) پیام زیر را دریافت کردند:

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

سایت وردپرس موبایل با افزونه!

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

اگر همچنان می خواهید از افزونه ها برای این منظور استفاده کنید، بهترین آنها عبارتند از:

افزونه WPtouch Mobile - من این افزونه را بیشتر از همه دوست داشتم، همه چیز کاملاً ساده و واضح است، وبلاگ من به درستی و بدون هیچ گونه مانعی نمایش داده شد!

من هر افزونه را توضیح نمی دهم، خودتان آن را امتحان کنید و تصمیم بگیرید:

  • MobilePress;
  • بسته موبایل وردپرس
  • سایت ساز موبایل دودا
  • بسته موبایل وردپرس
  • وردپرس PDA و آیفون.
  • WPmob Lite؛
  • مطبوعات WPtap News;
  • آشکارساز موبایل WP;
  • WiziApp.

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

خلاصه به من نمی خورد و به دنبال راه حل بهتری بودم!

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

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

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

اکنون دانش خود را با شما در میان می گذارم و مهمترین نکات را به شما می گویم ...

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

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

نسخه سایت جداگانه- این یک نوع سایت سبک وزن جداگانه است که به طور خاص برای مشاهده در دستگاه های تلفن همراه یا با سرعت اینترنت کم ایجاد شده است..site یا http://mobile.site. در این مورد از تغییر مسیر استفاده می شود.

  • دو سایت مستقل - امکان تغییر محتوا بدون تأثیرگذاری بر سایت دیگری.
  • سرعت دانلود - از آنجایی که نسخه موبایل مستقل از نسخه اصلی است، آسان و سریع کردن آن دشوار نخواهد بود.
  • راحتی - از آنجایی که سایت کاملاً برای مخاطبان تلفن همراه طراحی شده است، ناوبری و محتوا تا کوچکترین جزئیات آسان تر است.
  • محتوای تکراری - از آنجایی که همان محتوا در نسخه اصلی و در نسخه موبایل خواهد بود. شاید متا تگ rel=canonical ذخیره کند، اما مشکلات زیادی وجود دارد.
  • بخشی از عملکرد - هر چه که می توان گفت، اما چنین سایتی یک کپی کوتاه از سایت اصلی خواهد بود، بنابراین آمار کاملاً متفاوت است. و اکثر بازدیدکنندگان انواع محدودیت ها را دوست ندارند و همیشه به سایت اصلی مراجعه می کنند...
  • ریدایرکت ها - همانطور که می دانید، انواع مختلف تغییر مسیر تاثیر منفی بر سئو می گذارند.

فناوری RES- در اینجا، یک محاسبه سمت سرور استفاده می شود، بسته به اینکه ورودی از کدام دستگاه بوده است - یک یا طرح بندی دیگر ایجاد می شود (html و css). به این میگن معجزه طراحی وب سایت واکنش گرا+ ویژه نرم افزاردر سمت سرور (RESS - طراحی وب پاسخگو و اجزای سمت سرور).

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

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

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

ما به تنهایی یک طرح تطبیقی ​​ایجاد می کنیم

من به چند دلیل طرح ریسپانسیو را برای وبلاگم انتخاب کردم:

  1. بدون نیاز به نقض یکپارچگی سایت اصلی، وبلاگ؛
  2. از یک محتوای واحد، یک پایگاه داده و غیره استفاده می کند.
  3. برای من شخصا سهولت اجرا (آشنایی با html و css الزامی است).

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

ابتدا باید متا تگ را در آن بنویسید :

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

همچنین اگر حداکثر-scale=1.0، user-scalable=no را هم اضافه کنیم، با این کار مقیاس گذاری را ممنوع می کنیم، اما این کار را توصیه نمی کنم، بگذارید خود شخص تصمیم بگیرد، شاید مشکل بینایی داشته باشد...

اینجا شروع شده است، حالا اگر از گوشی هوشمند یا چیزی بگذریم، می بینیم که سایت ما چگونه است! غمگین ها؟!

این مورد باید با استفاده از Media Queries در فایل برطرف شود سبک های css، پارامتر به شکل زیر است:

صفحه رسانه @ و (حداکثر عرض: 240 پیکسل) و (حداکثر عرض: 720 پیکسل) (
برچسب ها و ویژگی ها در اینجا
}

یعنی این استایل ها از حداقل عرض 240px تا حداکثر عرض 720px دستگاه توسط مرورگر اعمال خواهد شد! اگر بیشتر یا کمتر از این مقادیر باشد، سبک های اصلی سایت اعمال می شود. همه چیز ساده است!

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

  • گوشی های هوشمند به صورت عمودی - از 240 تا 340، از 341 تا 420؛
  • گوشی های هوشمند به صورت افقی و برخی تبلت ها به صورت عمودی - از 421 تا 540، از 541 تا 670؛
  • تبلت به صورت عمودی - از 671 تا 800؛
  • تبلت ها به صورت افقی - از 801 تا 1024

اگر می خواهید هر عنصری را نشان دهید: display:block، اگر می خواهید آن را پنهان کنید: display:none;

برای اینکه ببینید یک وب سایت یا وبلاگ در چه شکلی است دستگاه های مختلفخدمات عالی وجود دارد:

  • http://quirktools.com
  • http://www.emulateurmobile.com/
  • http://webmark.com.ua

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

این همه برای من است! امیدوارم مقاله من واقعا به شما کمک کرده باشد، برای سپاسگزاری، آن را به اشتراک بگذارید =)

من نمونه ای از نحوه عملکرد چیدمان تطبیقی ​​در سایت مشتری ضبط کردم، اگر هنوز اصل کار آن را درک نمی کنید، حتما نگاه کنید. به زودی میبینمت! نظرات بنویسید...


با احترام، ولادیمیر ساولیف

درس های برتر از باشگاه webformyself

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

بیشتر

هر سایتی با کیفیت باید نسخه موبایلی سایت داشته باشد، زیرا ترافیک موبایلبه تدریج در حال رشد است و عدم وجود یک طرح تطبیقی ​​سایت منجر به شکست می شود. این مورد در گوگل نیز مورد توجه قرار گرفت و پس از آن تصمیم بر این شد که سایت ها برای وجود نسخه موبایلی سایت بررسی شوند و از 21 آوریل 2015 به یک فاکتور رتبه بندی در همه چیز تبدیل شود.
بنابراین چگونه می توان یک نسخه موبایلی از سایت ایجاد کرد تا از پرش و کاهش رتبه جلوگیری شود؟ دو راه برای حل این مشکل وجود دارد. راه اول- ایجاد طرح تطبیقی، راه دوم- طراحی جداگانه برای نسخه موبایل سایت. از آنجایی که سایت وردپرس من راه حل هایی را فقط برای این موتور CMS نشان می دهد.

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

با این حال، اگر از قالب خود راضی هستید و علاقه ای به افزونه ندارید، گزینه ای وجود دارد که می توانید قالب خود را بدون افزونه، مانند من، قابل کشش کنید. برای انجام این کار، فقط در css بنویسید - "width: 100%". خوب، برای اینکه طرح خیلی کشیده نشود، خط را اضافه کنید:

#محتوا(
حداکثر عرض: 1280 پیکسل
}

علاوه بر این، در موضوع شما، تصاویر می توانند اندازه ثابتی داشته باشند و کشیده نباشند، ما این را با خطوط زیر برطرف می کنیم:

img, embed, video (
حداکثر عرض: 100%
}

معایب این روش:

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

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

راحت ترین گزینه برای کاربران داشتن یک ساب دامین مجزا با نسخه موبایلی است، سایت های غول پیکر، سایت های محبوب و البته سرویس های موفق مختلف این کار را انجام می دهند. معمولاً یک زیر دامنه m.website.ru یا mobile.website.ru ایجاد کنید.

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

معایب این روش چیست:
1. در واقع شما یک کپی از سایت ایجاد می کنید، معلوم می شود که باید 2 سایت را پر کنید، البته با استفاده از NextScripts: Social Networks Auto-Poster می توانید به طور خودکار بازنشر کنید، اما پیگیری دو سایت عملی نیست. .
2. از آنجایی که نسخه موبایل محتوا را کپی می کند، بنابراین، یا باید ایندکس کردن زیر دامنه را ممنوع کنید، موتورهای جستجو از کار شما قدردانی نمی کنند. یا در سر - rel="canonical" بنویسید، نشان دهد که مطالب تکراری است، اما در صدور صفحه اول m. نسخه ها دیگر وجود نخواهند داشت.
3. چگونه سعی نکنیم بهینه سازی سئو اینگونه صفحات به کار سختی تبدیل می شود، یا محتوای منحصر به فرد برای نسخه موبایل می نویسی، یا اینگونه صفحات به بالا نمی رسند.

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

چگونه یک نسخه موبایل جداگانه از یک سایت وردپرس بسازیم:
1. یک زیر دامنه (مثلا m.site) در هاست ایجاد کنید.
2. ما یک قالب پولی می خریم یا الگوی خود را برای تلفن های همراه ایجاد می کنیم. همچنین گزینه ای برای سازماندهی نسخه موبایل به طور جداگانه با استفاده از همان افزونه هایی که در روش اول در مورد آن نوشتم وجود دارد.
3. ما دوباره تمام محتوایی را که باید در نسخه موبایلی سایت باشد آپلود می کنیم.
4. تنظیم نمایه سازی و تجویز پارامترهای لازم برای موتورهای جستجو.
5. با استفاده از وب سرور nginx، تأیید را برای ورود به سیستم تلفن همراه در دامنه اصلی و زیر دامنه تنظیم کنید.

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

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

آیا به آن نیاز دارم؟

پاسخ این سوال را می توان با بررسی نحوه نمایش سایت شما در سرویس های تست گوگل زیر پیدا کرد:

اگر پیام مشابهی می بینید - مقاله برای شما مناسب است:

طراحی تطبیقی

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

چگونه پیاده سازی کنیم؟

می توانید با خیال راحت یکی از چارچوب های CSS (bootstrap، responsivegridsystem، Skeleton و غیره) را انتخاب کنید و طرح موجود را تطبیق دهید. یا از CSS3 Media Queries استفاده کنید.

به عنوان مثال، اگر از چارچوب بوت استرپ استفاده می کنید، به طور خلاصه به:

  1. ثبت نمای پورت
  2. شامل فایل های چارچوب.
  3. کلاس های شبکه بوت استرپ را به نشانه گذاری اضافه کنید.

یا در شیوه نامه، چندین وضوح را از طریق پرس و جوهای رسانه ای (CSS3 Media Queries) انتخاب کنید و اندازه های بهینه عناصر صفحه را تنظیم کنید، به عنوان مثال:

صفحه رسانه @ و (حداکثر عرض: 1280 پیکسل) (div .contentblock (عرض: 1200 پیکسل ؛))
صفحه رسانه @ و (حداکثر عرض: 1140 پیکسل) (div .contentblock (عرض: 1024 پیکسل ؛))
صفحه رسانه @ و (حداکثر عرض: 992 پیکسل) (div. contentblock (عرض: 970 px ;))

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

مزایای این روش:پیاده سازی سریع برای انواع سایت های ذکر شده.

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

چه چیزی بدست خواهیم آورد؟

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

و بیایید به یک مثال نگاه کنیم. منوی دستگاه های با صفحه نمایش بزرگتر از 768 پیکسل به این صورت است:

و برای نمایشگرهای کمتر از 768 پیکسل به این شکل است (به حداقل رسیده):

و بنابراین، وقتی روی نماد در گوشه سمت راست کلیک می کنید (بسط داده شده):

قالب جداگانه برای دستگاه های تلفن همراه در دامنه اصلی

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

چگونه پیاده سازی کنیم؟

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

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

از جمله: WPTouch، WordPress Mobile Pack، WP Mobile Detector، و غیره. همه این افزونه ها دارای چندین تم و اضافی هستند. تراشه های مفیدمانند جمع آوری آمار از کاربران تلفن همراه.

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

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

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

چه چیزی بدست خواهیم آورد؟

سایت برای دستگاه های تلفن همراه در همان آدرس سایت اصلی در دسترس خواهد بود، فقط قالب آن تفاوت قابل توجهی با قالب سایت اصلی خواهد داشت، به طور قابل توجهی ساده شده است، اما همچنان قابل تشخیص است.

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

به عنوان مثال، اینگونه است که سایت در رایانه شخصی به نظر می رسد:

و این چیزی است که سایت در تلفن همراه به نظر می رسد:

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

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

چگونه پیاده سازی کنیم؟

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

کمی بیشتر در مورد پیاده سازی: یک ساب دامنه ایجاد می شود، موتور آن مشابه دامنه اصلی است، اما پایگاه داده به تنهایی برای هر دو سایت استفاده می شود (به طوری که اگر تغییری ایجاد کردید، مجبور نباشید آنها را دو بار اضافه کنید) . هنگام دسترسی از یک دستگاه تلفن همراه، کاربر به یک زیر دامنه هدایت می شود. انواع مختلف معمولاً به عنوان یک نام زیر دامنه استفاده می شود: m.sitemane.com، mobile.sitename.com، pda.sitename.com و غیره.

ترافیک موبایل در حال رشد است و به طور متوسط ​​حدود 25 درصد از کل بازدیدها را به خود اختصاص داده است. اگر قبلاً از دست دادن این بازدیدکنندگان ناچیز بود، اکنون هر 4 یا 5 کاربر است. فکر نمی کنم نیازی به آمار باشد. ما از نزدیک و به طور جدی در حال توسعه یک نسخه جدید ویجت تلفن همراه هستیم. ما تمام تجربیات اشتباهات قبلی را جمع آوری کردیم و هفته ها نتایج را آزمایش کردیم. من تکرار می کنم که ما توسعه یافته ایم ویجت موبایلبه جای بهبود سایت خود. در نتیجه ما لیستی از مرگبارترین اشتباهات نسخه موبایلی سایت را تهیه کرده ایم. از اشتباهات طراحی موبایل گذشت و چیدمان موبایل. همه این اشتباهات تبدیل ترافیک موبایل را از بین می برد. و وقت آن است که به این نکته توجه کنید:

1. اشکال بیش از حد طولانی گرفتن.

این یک قاتل تبدیل واقعی در هر وب سایتی است! نسخه های موبایل به ویژه به این امر حساس هستند، زیرا پر کردن پرسشنامه ها در تلفن بسیار ناخوشایند است. از شر آنها خلاص شوید.
این مثال نشان می دهد که بچه های Tinkoff Bank چقدر با مهارت عمل کردند که یک درخواست طولانی "برای وام" را به مراحل تقسیم کردند. تنها با پر کردن 4 فیلد، بازدیدکننده به لید تبدیل می شود و اگر در مرحله دوم سقوط کند، مخاطبین او باقی می مانند.

2. شماره تلفن شرکت بدون +7 یا به صورت تصویر درج شده است.

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

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

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

4. ویجت ها و پاپ آپ های موجود در سایت که سازگار با موبایل نیستند.

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

چگونه ویجت را به درستی بررسی کنیم و به چه مواردی باید توجه کنیم، به بررسی ویدیوی کوتاه مراجعه کنید:

5. عدم وجود نسخه موبایل سازگار. کراس مرورگر و کراس پلتفرم.

مزایای داشتن نسخه موبایل چیست؟
اولا، موتورهای جستجوترجیح دادن به صدور اینگونه است که گوگل وب‌سایت‌ها را به‌عنوان «موبایل دوستانه» علامت‌گذاری می‌کند:

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

3 مشکل کلیدی سرعت سایت وجود دارد - اندازه، فاصله و ابزارک. معمولاً برای یک کاربر تلفن همراه، نیازی به جلوه های ویژه در سایت نیست، طرح معمولی سایت بدون «زنگ و سوت» انجام می شود. صفحه نمایش اختیاری تلفن همراه، اغلب با وضوح پایین، بنابراین برای کاربران تلفن همراه می توانید تصاویر کوچکتر را ارسال کنید (و از فرمت پیشرفته تر مانند WebP استفاده کنید).

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

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

9. تغییر مسیر اشتباه. عدم انتقال به نسخه کامل سایت.

طبیعتاً همه کاربران موبایل باید به نسخه موبایلی سایت دسترسی پیدا کنند، اما گاهی اوقات اشتباهات معمولیدر یک تغییر مسیر
مثلا چطور اتفاق می افتد؟

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

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

10. تکمیل خودکار. شماره گیری را فعال کنید

اگر مقاومت مشتری را کاهش دهیم، تبدیل رشد می کند. هر فیلد را می توان برای پر کردن راحت تر کرد. برای این کار بر این اساس می نویسیم:

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

چگونه انجامش بدهیم:
یک نماد 180 پیکسل در 180 پیکسل (بدون گرد) ایجاد کنید و یک برچسب در سایت اضافه کنید

امیدوارم این 10 نکته به شما کمک کند تا نسخه موبایل سایت خود را بهبود بخشیده و مشتریان خود را خوشحال کنید. ممکن است برخی از آنها قبلاً برای شما شناخته شده و واضح باشد، اما اشتباه است که آنها را در لیست مرگبارترین اشتباهات قرار ندهید.

تبدیل بالای نسخه موبایلی سایت شما!