1С-Бітрікс - Адаптуємо сайт до мобільного ринку

1. Зустрічаємо мобільний трафік
2. Як пройти Google Speed ​​Test?
3. Зустрічаємо мобільних клієнтів
4. Як відповідати новим вимогам?
5. Адаптуємо сайт до мобільного ринку
6. Сучасна технологія адаптивної верстки
7. Включаємо об'єднання і стиснення JS, CSS
8. Переносимо JS вниз сторінки

мобільний трафік

Зустрічаємо мобільний трафік

Якщо Google не відзначить ваш сайт ярликом «Для мобільних», він зникне з поля зору користувачів, які зайшли в Інтернет з мобільних пристроїв. Тому що при пошуку на мобільних пристроях Google враховує наявність відповідної оптимізації при ранжируванні результатів. Мобільний трафік «відрізається», падають продажі, бізнес зазнає збитків.
Перевірте - ваш сайт mobile-friendly? Пройдіть Google Speed ​​Test

Як пройти Google Speed ​​Test?

Мобільний трафік набирає обертів!

Думаєте, що у вас немає мобільного трафіку?
Перевірте. Мобільний трафік зараз превалює на багатьох сайтах, навіть зовсім не призначених для мобільного перегляду і не мають мобільних версій. Наприклад, квітникарі, книголюби і інші учасники різних спільнот все більше заходять в Мережу з мобільних пристроїв.

Mobile-friendly

Зустрічаємо мобільних клієнтів

Ваш сайт зникне з перших сторінок результатів пошуку Google, якщо його незручно переглядати на мобільних пристроях. перевірте
Google розіслав попередження сайтам з поганою оптимізацією під мобільну платформу, що з 21 квітня 2015 року це сайти опустяться в пошуковій видачі.
Чому так важливо бути mobile-friendly?
Напевно, багато хто переходили з результатів пошуку Google на неоптимізовані для перегляду на смартфонах сайти. Сторінки з крихітними посиланнями та важко читається текстом, які до того ж не поміщаються на екрані пристрою, виробляють несприятливе враження.

Google буде відзначати мобільні сайти в результатах пошуку
«Щоб попередити можливі незручності користувачів мобільних пристроїв при перегляді сайтів, ми станемо відзначати в результатах нашого пошуку сторінки, оптимізовані для смартфонів і планшетів». Детальніше

Якщо Google не відзначить ваш сайт ярликом «Для мобільних»? По суті сайт зникне з поля зору користувачів, які зайшли в Інтернет з мобільних пристроїв. Тому що при пошуку на мобільних пристроях Google враховує наявність відповідної оптимізації при ранжируванні результатів. Мобільний трафік "відрізається", падають продажі, бізнес зазнає збитків.

Як відповідати новим вимогам?

• Пройти перевірку і отримати звіт
• Вивчити всі рекомендації
• Усунути проблеми і недоліки
• Отримати позначку Google «Для мобільних»

Щоб з'ясувати, чи відповідають ваші сторінки з новими вимогами, досить пройти процедуру перевірки на оптимізацію для мобільних пристроїв. Виправити важко, якщо ви не веб-майстер
Щоб усунути всі виявлені проблеми при перегляді зі смартфонів і планшетів, причому, не однієї сторінки, а всього вашого сайту, потрібно зробити багато. Зокрема, необхідно вивчити керівництва для веб-майстрів по створенню та оптимізації мобільних версій сайтів, документацію по налаштуванню системи управління контентом і шаблонів сайтів. Це під силу лише фахівцям.

адаптивна верстка

Адаптуємо сайт до мобільного ринку

Кожна сторінка вашого сайту, якщо він на платформі «1С-Бітрікс», моментально перебудовується під будь-який пристрій. Ваш сайт спочатку готовий до мобільних, планшетним і десктопних версій. Крім цього підтримується Touch інтерфейс у всіх компонентах інтернет-магазину.

В ядро ​​продукту «1С-Бітрікс: Управління сайтом» вбудований Framework з usefull-версткою ( Bootstrap 3 ). Універсальний Framework для верстки полегшує і прискорює створення будь-якого типу сайтів, адаптивних під мобільні пристрої (mobile-friendly). Детальніше
Перше, з чого потрібно почати - змінити принципи верстки сайту. При проектуванні структури потрібно відразу враховувати вимоги до адаптивної верстці. Ви повинні зробити це частиною вашого виробничого циклу!

універсальний Framework

Сучасна технологія адаптивної верстки

Ваш сайт спочатку готовий до перегляду на будь-якому пристрої, включаючи мобільні. В ядро ​​продукту 15.5 версії вбудований універсальний Framework для верстки, що полегшує і прискорює створення mobile-friendly (адаптивних під мобільні пристрої) будь-якого типу сайтів.

Адаптивно для всього!

• Універсальний Framework для верстки (Bootstrap 3)
• Висока швидкість виробництва адаптивних сайтів
• Початкова готовність до мобільних, планшетним і десктопних версій
• Підтримка Touch інтерфейсу у всіх компонентах інтернет-магазину

Готове рішення «Інтернет-магазин», що входить в поставку товару, отримало новий красивий шаблон. Framework з usefull-версткою (Bootstrap 3) дозволяє використовувати шаблон під будь-яку схему інтернет-магазину. Кожна сторінка вашого магазину тепер моментально перебудовується під будь-який пристрій.

Bootstrap - це простий і легко настроюється HTML, CSS і Javascript фреймворк для більш швидкої і зручної Web-розробки. Детальніше

Прискорення сайту (CDN)

Включаємо об'єднання і стиснення JS, CSS

• Зменшує число файлів з 44 до 16 (на 160%)
• Стиснення зменшує розмір js і css майже в 2 рази

Прискорення сайту 2.0 (CDN)

• Хмарний сервіс
• Обслуговує 27 000+ клієнтів
• Автоматично стискає JS і CSS
• Автоматично стискає картинки
• підтримує SSL

Автоматична оптимізація зображень

Сервіс «Прискорення сайту» 2.0 сам оптимізує зображення без втрати якості /

Переносимо JS вниз сторінки

• Переносить все java-скрипти вниз сторінки в потрібному порядку
• Повністю зберігається працездатність всієї сторінки
• Не потрібно переробка сайту
• Відповідає вимогам Google