نسخه موبایل Bitrix. نسخه موبایل قالب Bitrix با تشخیص خودکار Mobile Detect

ترافیک موبایل

ملاقات با ترافیک موبایل

اگر گوگل به سایت شما برچسب "Mobile Friendly" نزند، از دید کاربرانی که از طریق دستگاه های تلفن همراه به اینترنت دسترسی دارند محو می شود. زیرا هنگام جستجو در دستگاه های تلفن همراه، گوگل هنگام رتبه بندی نتایج، وجود بهینه سازی مناسب را در نظر می گیرد. ترافیک موبایل قطع شده است، فروش کاهش می یابد و کسب و کار ضرر می کند.
بررسی کنید - آیا سایت شما برای موبایل مناسب است؟


چگونه تست سرعت گوگل را قبول کنیم؟

قطعات مورد نیاز:

ترافیک موبایل در حال افزایش است!

با پلتفرم 1C-Bitrix با مشتریان تلفن همراه به درستی ملاقات کنید!



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

ما با مشتریان تلفن همراه ملاقات می کنیم


وب سایت شما باید سازگار با موبایل باشد!

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

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

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

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

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

بدبینی...

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

چگونه نیازهای جدید را برآورده کنیم؟

آنچه باید انجام شود؟
  • قبولی در آزمون و دریافت گزارش
  • همه توصیه‌ها را بررسی کنید
  • مشکلات و کاستی ها را برطرف کنید
  • برچسب دوستدار موبایل گوگل را دریافت کنید
بررسی آن آسان است - در آزمون شرکت کنید

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



برای دستگاه های تلفن همراه بهینه نشده است!

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

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

چیدمان تطبیقی

تطبیق سایت با بازار موبایل

آماده پذیرش بازدیدکنندگان سیار

هر صفحه از وب سایت شما، اگر بر روی پلتفرم 1C-Bitrix باشد، فوراً برای هر دستگاهی بازسازی می شود. وب سایت شما در ابتدا برای نسخه های موبایل، تبلت و دسکتاپ آماده است. علاوه بر این، رابط کاربری Touch در تمام اجزای فروشگاه آنلاین پشتیبانی می شود.



فروشگاه های آنلاین در پلت فرم 1C-Bitrix - با یک قالب تطبیقی


هسته محصول 1C-Bitrix: Site Management دارای یک چارچوب داخلی با طرح بندی مفید است (Bootstrap 3). چارچوب جهانی برای طرح‌بندی، ایجاد هر نوع وب‌سایتی را که برای دستگاه‌های تلفن همراه سازگار است (موبایل پسند) آسان‌تر و سریع‌تر می‌کند.

اولین چیزی که باید با آن شروع کنید این است که اصول چیدمان وب سایت را تغییر دهید.



هنگام طراحی یک سازه، باید بلافاصله الزامات طرح تطبیقی ​​را در نظر بگیرید.



شما باید این را بخشی از چرخه تولید خود کنید!




چارچوب جهانی

فناوری مدرن چیدمان تطبیقی

سایت شما در ابتدا سازگار با موبایل است

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



برای همه چیز سازگار است!
  • چارچوب جهانی برای چیدمان (بوت استرپ 3)
  • سرعت بالا در تولید وب سایت های تطبیقی
  • آمادگی بومی برای نسخه های موبایل، تبلت و دسکتاپ
  • پشتیبانی از رابط لمسی در تمام اجزای فروشگاه آنلاین
قالب فروشگاه آنلاین تطبیقی ​​جدید

راه حل آماده “فروشگاه آنلاین” موجود در تحویل محصول، قالب زیبای جدیدی دریافت کرده است. چارچوب با چیدمان مفید (Bootstrap 3) به شما امکان می دهد از الگو برای هر طرح فروشگاه آنلاین استفاده کنید. اکنون هر صفحه از فروشگاه شما فوراً با هر دستگاهی سازگار می شود.

پاسخ: مورد نیاز است.

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

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

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

این تصویر بررسی سایت در Yandex را نشان می دهد. می توانید به Yandex Webmaster بروید و ببینید که آیا نسخه موبایل سایت شما با الزامات Yandex مطابقت دارد یا خیر. تجزیه و تحلیل را می توان با رفتن به قسمت مورد نظر انجام داد:

  1. به مدیر وب سایت Yandex بروید
  2. به بخش "ابزار" بروید
  3. به بخش فرعی "بررسی صفحات موبایل" بروید
  4. نام سایت را وارد کنید، روی دکمه "بررسی" کلیک کنید

اگر نسخه موبایل سایت انتظارات Yandex را برآورده می کند، سپس Yandex می نویسد "همه چیز خوب است!"

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

تصویر دوم چک مشابهی را در گوگل نشان می دهد. هر کاربر اینترنتی می تواند یک بررسی آنلاین انجام دهد،نیازی به ثبت نام در جایی نیست لینک را دنبال کنید، آدرس سایت را وارد کنید و روی دکمه "Analyze" کلیک کنید. در اینجا می توانید بررسی کنید که چگونه گوگل نه تنها نسخه موبایلی سایت، بلکه نسخه معمولی دسکتاپ را نیز ارزیابی می کند. امتیاز به صورت درصدی از 0 تا 100 درصد داده می شود.

  • منطقه قرمز از 0 تا 40 درصد نشان می دهد که گوگل واقعاً صفحه را دوست ندارد و باید برای بهبود عملکرد و کیفیت کار کند.
  • منطقه زرد از 40 - 85٪ نشان می دهد که سایت کم و بیش پیکربندی شده است، اما هنوز نیاز به بهبود است.
  • منطقه سبز از 85 - 100٪ نشان می دهد که سایت تقریباً به طور کامل پیکربندی شده است موتور جستجوی گوگل آن را دوست دارد.

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

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

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

طرح دارای کنترل هایی است:

  1. پیوند به صفحه اصلی
  2. دکمه عملکرد تماس تلفنی را به شماره مشخص شده فراخوانی می کند
  3. فرم بازخورد باز می شود
  4. دکمه 4 منوی عمودی را باز می کند
  5. دکمه 5 منوی عمودی را باز می کند
  6. دکمه سبز چت را باز می کند که از طریق آن کاربر می تواند سوال بپرسد.

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

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

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

اگر کاربر از یک دستگاه تلفن همراه (گوشی هوشمند یا تبلت) وارد سیستم شود، سیستم بطور خودکاراین تعیین می کند یک قالب سایت موبایل را نمایش می دهد. تغییر مسیر به نسخه موبایل سایت بر اساس نام مرورگر دستگاه کاربر انجام می شود. خط مرورگر تلفن معمولاً حاوی کلماتی مانند: iPhone، Android، webOS، BlackBerry، iPod، iPad است. هنگامی که به نسخه موبایل سایت هدایت می شوید آدرس صفحه تغییر نمی کند.

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

قیمت نسخه موبایل وب سایت Bitrix

شما می توانید نسخه موبایلی سایت را به من سفارش دهید. هزینه نصب چنین قالبی در وب سایت 5000 روبل است.اگر سایت دارای بخش بزرگی باشد (مثلاً کاتالوگ محصول، اخبار، مقالات و غیره)، هزینه تطبیق چنین بخشی برای دستگاه های تلفن همراه به طور جداگانه مورد مذاکره قرار می گیرد و به میزان کار بستگی دارد.

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

آیا به نسخه موبایلی سایت نیاز دارید؟ - با ما تماس بگیرید، ما آن را تنظیم می کنیم!

فناوری توسعه اپلیکیشن موبایل BitrixMobile از تمام مدرن های اصلی پشتیبانی می کند بستر، زمینه: iPhone 3 و 4، iPad، Windows Phone 7، Android، Blackberry، Symbian. API دقیق برای توسعه دهندگان برای ایجاد برنامه های کاربردی خود و اصلاح برنامه های ایجاد شده در 1C-Bitrix استفاده می شود. همچنین می توانید برنامه های بومی ایجاد کنید و آنها را در اپ استور در مارکت اندروید و سایر دایرکتوری های مشابه منتشر کنید. (ویدئو این را با جزئیات و مستندات با استفاده از یک نمونه محصول OTP نشان می دهد).

ارتباط BitrixMobile

تحویل محصول “1C-Bitrix: مدیریت سایت”

که درتحویل محصولدو برنامه شامل:
  • فروشگاه آنلاین موبایل آماده یکپارچه با وب سایت
  • تولید کننده رمز یک بار مصرف شخصی برای سایت (OTP)

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

برای نسخه موبایل سایت، یک سایت یا یک بخش ویژه "/m/" در سایت ایجاد می شود که در آن لازم است ساختار (بخش ها، صفحات و منوها) سایت موبایل قرار داده شود. برای صفحات، باید یک قالب سایت مینیمالیستی نصب کنید و از نسخه های مخصوص موبایل قالب های کامپوننت استفاده کنید.
پلتفرم 1C-Bitrix شامل:
  • راه حل ایجاد نسخه موبایلی سایت
  • قالب های کامپوننت برای نسخه موبایل سایت
  • تشخیص خودکار دسترسی از یک دستگاه تلفن همراه
  • قالب سایت موبایل
پلت فرم "1C-Bitrix" برای ایجاد برنامه های کاربردی وب تلفن همراه:
  • API ویژه توسعه یافته برای ایجاد برنامه های کاربردی وب تلفن همراه مشتری-سرور:
  • پشتیبانی مجوز
  • تبادل اطلاعات
  • رابط موبایل
  • ذخیره سازی داده ها روی مشتری
  • پشتیبانی از به روز رسانی و کار آفلاین
  • برای ایجاد برنامه های کاربردی وب با تبادل داده با سایت

فروشگاه اینترنتی آماده موبایل

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

فروشگاه آنلاین موبایل شما آماده راه اندازی است!

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

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

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

ادغام با 1C

ادغام طبیعی خارج از جعبه به شما امکان می دهد نه تنها تجارت خود را وارد کنید کاتالوگ از "1C: مدیریت تجارت"، اما همچنین به روز رسانی آن را بر اساس یک برنامه - بدون هیچ گونه دخالت انسانی تنظیم کنید. به همین ترتیب، می توانید یک کاتالوگ آماده را از یک فایل CSV به فروشگاه خود وارد کنید.

تست

فروشگاه آنلاین موبایل در راه حل آماده "1C-Bitrix: فروشگاه آنلاین" گنجانده شده است. . می توانید عملکرد راه حل را در آزمایشگاه مجازی "1C-Bitrix: مدیریت سایت" یا با نصب نسخه آزمایشی 30 روزه رایگان یکی از 3 نسخه محصول آزمایش کنید: "1C-Bitrix: مدیریت سایت" - " کسب و کار کوچک، «کسب و کار» و «خوشه وب کسب و کار».

تولید کننده رمز یک بار مصرف شخصی برای سایت (OTP)

سیستم رمز یکبار مصرف مکمل سیستم مجوز استاندارد است و به شما امکان می دهد تا سیستم امنیتی فروشگاه آنلاین خود را به میزان قابل توجهی تقویت کنید. برای فعال کردن سیستم، فقط از محصول "1C-Bitrix: مدیریت سایت" موجود در تحویل استفاده کنید. تولید کننده رمز عبور شخصی یک بار مصرف برای سایت(Bitrix OTP).

با استفاده از Bitrix OTPشما قادر خواهید بود به طور مستقل استفاده از سیستم رمز عبور یک بار مصرف را در سایت برای حساب خود فعال یا غیرفعال کنید. این نرم افزار OTP که توسط 1C-Bitrix توسعه یافته است، به شما امکان می دهد بدون خرید انجام دهید دستگاه های سخت افزاری(به عنوان مثال، Aladdin eToken PASS) یا آنالوگ های نرم افزار مربوطه.

نصب Bitrix OTP شما می توانید به طور مستقیم از سایت شما، در حال اجرا در "1C-Bitrix: مدیریت سایت" 10.0 و بالاتر. برای انجام این کار، به سادگی به آدرس موجود در مرورگر دستگاه تلفن همراه خود بروید http://<ваш_сайт>/bitrix/otp/و دستورالعمل های روی صفحه را دنبال کنید. نصب رایگان Bitrix OTP نیز امکان پذیر است از فروشگاه برنامه آنلاین.
اپلیکیشن Bitrix OTP برای اندروید

برنامه 1C-Bitrix را روی تلفن همراه خود نصب کنید و برای ورود به سایتی که از مجوز OTP پشتیبانی می کند، رمزهای عبور یک بار مصرف ایجاد کنید. این برنامه از کار با چندین سایت به طور همزمان پشتیبانی می کند.

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

این فناوری چه چیزی به شما می دهد؟

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

ترافیک موبایل

ملاقات با ترافیک موبایل

اگر گوگل به سایت شما برچسب "Mobile Friendly" نزند، از دید کاربرانی که از طریق دستگاه های تلفن همراه به اینترنت دسترسی دارند محو می شود. زیرا هنگام جستجو در دستگاه های تلفن همراه، گوگل هنگام رتبه بندی نتایج، وجود بهینه سازی مناسب را در نظر می گیرد. ترافیک موبایل قطع شده است، فروش کاهش می یابد و کسب و کار ضرر می کند.
بررسی کنید - آیا سایت شما برای موبایل مناسب است؟


چگونه تست سرعت گوگل را قبول کنیم؟

قطعات مورد نیاز:

ترافیک موبایل در حال افزایش است!

با پلتفرم 1C-Bitrix با مشتریان تلفن همراه به درستی ملاقات کنید!



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

ما با مشتریان تلفن همراه ملاقات می کنیم


وب سایت شما باید سازگار با موبایل باشد!

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

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

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

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

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

بدبینی...

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

چگونه نیازهای جدید را برآورده کنیم؟

آنچه باید انجام شود؟
  • قبولی در آزمون و دریافت گزارش
  • همه توصیه‌ها را بررسی کنید
  • مشکلات و کاستی ها را برطرف کنید
  • برچسب دوستدار موبایل گوگل را دریافت کنید
بررسی آن آسان است - در آزمون شرکت کنید

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



برای دستگاه های تلفن همراه بهینه نشده است!

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

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

چیدمان تطبیقی

تطبیق سایت با بازار موبایل

آماده پذیرش بازدیدکنندگان سیار

هر صفحه از وب سایت شما، اگر بر روی پلتفرم 1C-Bitrix باشد، فوراً برای هر دستگاهی بازسازی می شود. وب سایت شما در ابتدا برای نسخه های موبایل، تبلت و دسکتاپ آماده است. علاوه بر این، رابط کاربری Touch در تمام اجزای فروشگاه آنلاین پشتیبانی می شود.



فروشگاه های آنلاین در پلت فرم 1C-Bitrix - با یک قالب تطبیقی


هسته محصول 1C-Bitrix: Site Management دارای یک چارچوب داخلی با طرح بندی مفید است (Bootstrap 3). چارچوب جهانی برای طرح‌بندی، ایجاد هر نوع وب‌سایتی را که برای دستگاه‌های تلفن همراه سازگار است (موبایل پسند) آسان‌تر و سریع‌تر می‌کند.

اولین چیزی که باید با آن شروع کنید این است که اصول چیدمان وب سایت را تغییر دهید.



هنگام طراحی یک سازه، باید بلافاصله الزامات طرح تطبیقی ​​را در نظر بگیرید.



شما باید این را بخشی از چرخه تولید خود کنید!




چارچوب جهانی

فناوری مدرن چیدمان تطبیقی

سایت شما در ابتدا سازگار با موبایل است

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



برای همه چیز سازگار است!
  • چارچوب جهانی برای چیدمان (بوت استرپ 3)
  • سرعت بالا در تولید وب سایت های تطبیقی
  • آمادگی بومی برای نسخه های موبایل، تبلت و دسکتاپ
  • پشتیبانی از رابط لمسی در تمام اجزای فروشگاه آنلاین
قالب فروشگاه آنلاین تطبیقی ​​جدید

راه حل آماده “فروشگاه آنلاین” موجود در تحویل محصول، قالب زیبای جدیدی دریافت کرده است. چارچوب با چیدمان مفید (Bootstrap 3) به شما امکان می دهد از الگو برای هر طرح فروشگاه آنلاین استفاده کنید. اکنون هر صفحه از فروشگاه شما فوراً با هر دستگاهی سازگار می شود.


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

طراحی ریسپانسیو یا نسخه موبایل قالب وب سایت؟

برای نمایش محتوا تفاوت زیادی وجود ندارد. اما برای نمایش این محتوا بر روی نمایشگر دستگاه خود، ابتدا باید آن را دانلود کنید. اگر کاربر به یک نقطه دسترسی به اینترنت پرسرعت متصل باشد خوب است. در حالت ایده آل، این لپ تاپی است که از طریق یک نقطه دسترسی Wi-Fi به شبکه جهانی وب وارد شده است. اما چقدر اعصاب و زمان تلف می کنیم در آن مواقعی که موبایل در دست داریم و اتصال حتی 3G نیست بلکه GPRS معمولی است.

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

نمایش داده می‌شود، اما در حین بارگذاری، تمام محتواها، حتی آن‌هایی که نمایش داده نمی‌شوند را بالا می‌برد. چه باید کرد؟ همه چیز بسیار ساده است - به یک قالب وب سایت جداگانه و همچنین سازگار نیاز دارید.

قالب وب سایت موبایل Bitrix

نام مستعار دامنه

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

قالب سبک

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

تشخیص موبایل

تشخیص موبایلیک کلاس PHP سبک برای تشخیص دستگاه های تلفن همراه (از جمله تبلت) است. از رشته User-Agent در ترکیب با هدرهای خاص HTTP برای شناسایی محیط موبایل استفاده می کند. آخرین فایل را دانلود کنید Mobile_Detect.phpمستقیماً از سایت توسعه دهنده mobiledetect.net. ما این فایل را مستقیماً در پوشه قالب "کنار" فایل header.php روی سرور نصب می کنیم. در هر دو قالب، در header.php این فایل را قرار داده و شرط تغییر مسیر را قرار می دهیم.

کد نوشتن

خب، بیایید شروع به نوشتن خود کد کنیم. برای دور زدن فناوری سایت کامپوزیت و ایجاد وقفه در ایجاد کش کامپوزیت، به فایل header.php نیاز داریم که حتی قبل از اتصال فایل header.php خود قالب سایت، متصل است. این فایل در آدرس /bitrix/header.php قرار دارد. و کد زیر را بنویسید: