Ні для кого не секрет, що щорічно частка користувачів, які заходять на сайт з мобільних пристроїв неухильно зростає, це загальносвітовий тренд. З ростом мобільного трафіку пошукові системи ввели нові критерії оцінки сайтів для ранжирування у видачі пошукових запитів. Чим більше сайт відповідає критеріям внутрішньої оптимізації пошукової системи, тим вище він буде отранжіровать у видачі при інших рівних. Сайти, які взагалі не оптимізовані для відображення на мобільних пристроях можуть і зовсім випасти з індексу, якщо не володіють унікальним і затребуваним контентом. help with essay
Місяць тому google надіслав лист, де висловив крайню стурбованість поганою оптимізацією інтернет-магазину teplyipol.net для мобільних пристроїв.
Google systems have tested 7 pages from your site and found that 100% of them have critical mobile usability errors. The errors on these 7 pages severely affect how mobile users are able to experience your website . These pages will not be seen as mobile-friendly by Google Search, and will therefore be displayed and ranked appropriately for smartphone users .
Для оцінки внутрішньої оптимізації сайту скористаємося сервісом PageSpeed Insights . Сервіс оцінює сайт по 3 напрямкам:
- Для мобільних - Швидкість - 47/100
- Для мобільних - Зручність для користувачів - 66/100
- Для комп'ютерів - Рекомендації - 59/100
Основні проблеми на думку PageSpeed Insights:
- Погана оптимізація зображень, скриптів і css стилів. Наприклад, одне з зображень товару 200х200 пікселів має розмір 128 кілобайт.
- Відсутність стиснення даних при передачі контенту користувачеві.
- Чи не застосовується кешування даних в браузері користувача, тобто при повторному відвідуванні сторінки раніше завантажені файли завантажуються знову.
Для швидкого виправлення цих та супутніх проблем скористаємося модулем PageSpeed Module для сервера. Модуль поєднує в собі кращі рішення по оптимізації завантаження веб-сторінок і автоматично виконує всі необхідні дії. Модуль може бути встановлений для веб-сервера apache або ngnix і відразу після установки дозволяє отримати збільшення швидкості обробки веб-сторінок. Щоб встановити PageSpeed модуль, сайт довелося перенести на виділений сервер. Відразу після установки і активації модуль перехоплює контент, який сервер передає користувачеві, вирізає все зайве, стискає і кешируєт.
Наступним етапом потрібно поліпшити якість відображення сайту на дисплеях мобільних пристроїв. При розробці шаблону інтернет-магазину спочатку був застосований принцип адаптивного дизайну, тобто сайт не вимагає спеціальної мобільної версії і автоматично підлаштовується під дисплей користувача. Але окремі елементи сайту - кнопки посилання, меню мають невеликий розмір і дуже близько розташовані для комфортного перегляду з екрана мобільного телефону або планшета. Замість виправлення поточного шаблону MegaShop, який вже застарів, простіше було встановити більш відповідний новий шаблон World.
У початковому стані шаблон World теж далекий від ідеалу і його потрібно доопрацювати, видалити невикористовувані скрипти і css стилі, щоб прискорити завантаження веб-сторінок, але в цілому відповідає вимогам пошукових систем.
Після проведеної оптимізації проводимо повторну перевірку інтернет-магазину, результат:
- Для мобільних - Швидкість - 90/100
- Для мобільних - Зручність для користувачів - 96/100
- Для комп'ютерів - Рекомендації - 96/100
