Перегляд сайту на різних дозволах - одна з тих завдань, яке стоїть перед вебмайстром, які зробили свій вибір на користь адаптивного дизайну.
Не так давно я змінив дизайн свого блог. Попросту - поміняв шаблон ( Де завантажити? ). Робилася ця процедура вже неодноразово. Раз 5 точно.
Причиною останнього разу стало те, що я вирішив перевірити швидкість завантаження свого сайту в сервісі Google Speed Insight. Крім цієї функції, там була ще й можливість подивитися зручність користування сайтом для відвідувачів використовують мобільні пристрої.
Побачене мене не порадувало.
Звичайно ж, нічого нового там я для себе не виявив. Я прекрасно знаю слабкі сторони свого блогу. Однак це наштовхнуло мене на роздуми. Якщо я адаптую сайт під різні дозволи, то перестану щодня втрачати ті 5% відвідувачів, які заходять на мій сайт з мобільних пристроїв. Отже, якщо ці 5% раніше йшли мені в мінус по поведінкових факторів , То тепер же вони йтимуть мені в плюс.
В той же день я підібрав собі шаблон, який ви зараз бачите. І на даний момент, згідно Яндекс Метриці, замість колишнього відмови в 50% для мобільних пристроїв я маю всього 5-10%. Що, я вважаю, дуже навіть добре. Більш того, я помітив невеликий приріст трафіку. Важко сказати, завдало вплив зміна сайту на користь адаптивності, або позначилися якісь інші роботи, що проводяться з сайтом, але хочеться в це вірити.
Як би там не було, в інтернеті можуть повноцінно конкурувати і займати гідні позиції в результатах пошуку лише дійсно зручні для користувачів сайти.
Для тих же, хто до сих пір не знає, як виглядає його сайт в різних дозволах, викладу невеликий список онлайн сервісів, які дозволять подивитися сайт на різних пристроях. Я впевнений, посилання на WordPress теми, яку я дав на початку статті, вам неодмінно знадобитися після побаченого.
Є досить багато онлайн сервісів, в яких можна перевірити, як буде виглядати сайт на різних мобільних пристроях. Але мені найбільше сподобалася стаціонарна програма Opera Mobile Classic Emulator
Opera Mobile Classic Emulator
Десь на форумі зустрічав, що не завжди онлайн сервіси видають точне відображення. З цієї причини вирішив встановити цю програму для перевірки сайту на різних пристроях.
Вона має досить простий інтерфейс, тому розписувати її функціонал просто немає необхідності.
Викладу лише пару скріншотів :
Вибрати версію і завантажити емулятор для вашої операційної системи можна тут:
Завантажити емулятор
Вона буде актуальна для тих, хто робить сайти на замовлення в великих кількостях. Для одноразового перегляду багатьом буде лінь її встановлювати, тому викладаю онлайн сервіси перевірки сайту на різних пристроях:
http://quirktools.com/screenfly/
http://www.viewlike.us
http://responsivetest.net/#u=needsite.net|1024|768|1
Де завантажити?
