Як адаптувати сайт під мобільні пристрої - найпростіші способи

Зміст

Тому для збільшення кількості відвідувань сайту, що поважає себе, потрібна відповідна адаптація.

Що потрібно зробити для адаптації ресурсу для мобільних пристроїв?

1. Провести оптимізацію швидкості завантаження сторінок.
2. Не використовувати у структурі сайту багатоступінчасте меню.
3. Адаптувати шаблон під поширені роздільні здатності екранів.
4. Виключити зайві Flash-елементи чи використовувати скрипти Java.
5. Видалити багатоступінчасте меню, замінити на інтуїтивно зрозуміле та полегшене.

Віртуальний хостинг сайтів для популярних CMS:

WordPress

Joomla

OpenCart

OcStore

PrestaShop

Drupal

Magento

Moodle

MODX Revo

DLE

InstantCMS

IPB

Змінити стилі у шаблоні сайту

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

Мобільна версія сайту на піддомені

Якщо на сторінках налічується до 90% графіки та медіа, що не мають відношення до основного текстового контенту, приваблюючим вибором стає створення окремої мобільної версії сайту на піддомені, що починається, як, наприклад, m.ваш_сайт.ru

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

Використовувати адаптивний дизайн

Адаптивний дизайн веб-ресурсу є дизайном, спрямованим на правильне відображення сторінок ресурсу незалежно від типу пристрою.Для невеликих сайтів такий напрямок пріоритетний, оскільки економить кошти на розробку та збільшує відвідуваність загалом, не поділяючи її на два потоки — з ПК та мобільних пристроїв.

Визначальні відмінності від мобільної версії:

• немає необхідності завантажувати окрему програму або переходити на іншу версію сайту;
• не потрібно створювати різні типи міні-версій під кожну ОС;
• одна робота ресурсу замість синхронізації чи автономної подвійної роботи структур.

Як швидко адаптувати сайт під мобільні на прикладі WordPress

Процес проводиться одним із двох доступних способів:

Перший варіант має на увазі, що у творця сайту достатньо знань для створення окремого шаблону. Його не можна перевантажувати зайвими картинками та ефектами. Це збільшить швидкість обробки сторінок та функціональність ресурсу. Необхідного ефекту допоможуть досягти:

• контроль масштабу сторінки та її елементів залежно від екрана апарата;
• ретельна перевірка коду, інакше майданчик не побачать мобільні браузери;
• використання SEO-принципів просування за умов міні-формату.

Другий метод пропонує використання плагіна в структуру інтернет-сайту. Найбільш поширена платформа WordPress, для якої підійде WP Mobile Detect. Його активація самостійнооптимізує контент і за необхідності змінює тему.

Вибір плагіна проводиться з урахуванням наявних CMS, оскільки плагін зазвичай сумісний з однією певною CMS.

Підведемо підсумки

---