- Адаптувати сайт для мобільних пристроїв насправді просто
- 3 речі, які потрібно знати, створюючи сайт для мобільних пристроїв
- Скільки коштує адаптувати сайт?
- Якщо ви вирішили найняти розробника, зверніть увагу ось на що
- І не повторюйте ці 3 найпоширеніших помилки:
згідно звіту Google, 14% українців користуються смартфонами, 50% з них використовують їх для доступу в Інтернет, а 44% роблять з їх допомогою покупки. З цього випливає, що для бізнесу дуже важливо мати сайт, оптимізований для мобільних пристроїв.
Тим більше, якщо врахувати, що Google показує адаптовані сайти в рейтингу пошукових результатів вище, ніж неадаптовані.
Ось приклад того, як один і той же сайт виглядає на мобільних пристроях в неадаптованих і адаптованому варіантах. джерело: Google Developers
Адаптувати сайт для мобільних пристроїв насправді просто
Якщо ви використовуєте шаблон або тему для сайту від стороннього розробника, то в них може бути спочатку передбачена можливість адаптувати сайт для мобільного. У Google є докладний покроковий гайд для таких випадків, де розписана послідовність дій для багатьох популярних CMS , Таких як WordPress, Joomla і інші.
Якщо ви не користуєтеся цими CMS - не біда, мобільну версію все одно можна зробити. Але для цього потрібно буде "поколупатися" в сайті. Якщо у вас є знання в області веб-розробки - зможете зробити це самі. Якщо немає - запросіть фахівця, так надійніше.
3 речі, які потрібно знати, створюючи сайт для мобільних пристроїв
1. Сайт повинен бути простим і зручним. Відвідувачу повинно бути приємно і комфортно робити те, заради чого він прийшов на сайт - почитати новини або замовити піцу.
2. Ефективність мобільної версії сайту вимірюється тим, наскільки просто відвідувачі можуть зробити потрібні дії зі свого смартфона. Тут потрібно розставити пріоритети. Визначте найбільш важливі і часті завдання, які відвідувачі виконують на вашому сайті, і здійсніть їх в мобільній версії.
3. Використовуйте адаптивний веб-дизайн. Це такий дизайн веб-сторінок, який забезпечує коректне відображення на різних пристроях, підлаштовуючись під розмір екрану. В такому випадку не потрібно створювати кілька версій сайту для комп'ютера, планшета і смартфона - одна версія правильно працює на всіх пристроях. Такий підхід однозначно поліпшить відвідуваність і конверсію сайту.
Якщо хочете дізнатися більше про адаптивний веб-дизайні, Google розробив докладні пояснення на цей рахунок.
Скільки коштує адаптувати сайт?
Це залежить від вашої ситуації. Якщо на вашому сайті встановлені тема або шаблон, що підтримують мобільні пристрої - абсолютно безкоштовно.
Якщо у вас є відповідні навички в програмуванні - теж безкоштовно.
А якщо вам необхідно наймати розробників - це, звичайно, буде коштувати і грошей, і часу. Тим більше що сайти, яким вже кілька років, краще зробити заново. Справа в тому, що за останні роки з'явилися нові технології, так що простіше зробити сайт заново, ніж його вносити численні зміни. Особливо якщо на сайті використовується Flash або коли мова йде про застарілі платформах для торгівлі. Плюс в тому, що повністю новий сайт буде краще і зручніше старої версії завдяки останнім інновацій в розробці сайтів.
Такі витрати точно окупляться. Згадайте про статистику, яку ми згадували на початку статті.
Якщо ви вирішили найняти розробника, зверніть увагу ось на що
1. Переконайтеся, що розробник зможе це зробити. Поцікавтеся, чи є у нього досвід роботи з адаптивним веб-дизайном, переробляв він раніше десктопні версії в адаптивні. Перевірте портфоліо його робіт, поспілкуйтеся з його колишніми клієнтами.
2. Переконайтеся, що розробник розуміє ваших клієнтів. Розробник повинен розуміти потреби вашої аудиторії так само, як і ви. Розкажіть йому докладніше про ваш бізнес, про найбільш використовуваних можливостях сайту, найпопулярніших сторінках.
3. Обговоріть з розробником можливості збільшення швидкості завантаження сайту. Сайт повинен бути не тільки зручним, але і швидким. Адже ніхто не захоче чекати завантаження сторінки по кілька хвилин і навіть секунд. Проаналізувати швидкість і дізнатися проблеми допоможе інструмент WebPagetest .
4. Використовуйте інструменти веб-аналізу. наприклад, Google Analytics допоможе зібрати всю необхідну інформацію.
5. Переконайтеся, що ваш розробник знає про рекомендаціях Google для веб-майстрів , Де розказано про те, як Google знаходить, обробляє і ранжирує сайти.
6. Укладіть з розробником договір про подальше обслуговування. Ви напевно отримаєте відгуки про роботу нової версії сайту і захочете щось змінити. Дуже зручно мати поруч фахівця, який завжди готовий допомогти.
І не повторюйте ці 3 найпоширеніших помилки:
Помилка №1. Забувати про клієнтів. Це, сподіваємося, ви вже зрозуміли. Інтерфейс сайту повинен бути комфортним для користувачів, щоб вони залишалися вашими відвідувачами і робили те, заради чого зайшли на сайт.
Помилка №2. Розміщувати десктопну і мобільну версію сайту на різних URL-адреси. В цьому просто немає сенсу. Ви тільки даремно витратите час і гроші на створення двох версій сайту. Краще використовуйте адаптивний дизайн, про який ми писали вище.
Помилка №3. Не звертати уваги на те, як зроблені інші сайти. Перегляньте сайти конкурентів або просто інші вдалі сайти і черпайте звідти натхнення для оптимізації свого. У Google на цей рахунок є чудові приклади і пояснення: The Mobile Playbook і Google Multi-screen Success Stories .
Ось ще кілька корисних посилань, які знадобляться тим, хто вирішив адаптувати свій сайт для мобільних пристроїв:
Принципи дизайну сайтів від Google . Тут розповідають про те, як зробити хороший мобільний сайт.
Перевірити, наскільки ваш сайт оптимізований для мобільних пристроїв можна тут
Конкретні поради щодо оптимізації можна отримати тут
А ось відмінне відео від Google, де розповідають про те, як швидко виправити недоліки в мобільній версії сайту.
Скільки коштує адаптувати сайт?