Сайты для мобильных:как не попасть впросак

Распространённые проблемы при создании сайтов, адаптированныхдля мобильных устройств и некоторые пути их решенияАндрей Липатцев, октябрь 2015 г.

Поговорим...

Общая ситуация

Проблемы и решения

Ключевые критерии

Внимание: спам!

How to change text

1. Place cursor on text box and enter new text or copy and paste from another document

Proprietary + ConfidentialProprietary + Confidential

Proprietary + Confidential

Общая ситуация

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat semИсточник: данные Google

50% пользователей Поиска Google в мире используют

мобильные устройства

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat semИсточник: данные Google

только с телефона

Больше пользователей

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

Янв Фев Мар Апр Май Июн Июл Авг Сеп Окт Ноя Дек

50.4%

54.8%

Источник: http://www.liveinternet.ru/

Пользователи в России на мобильных устройствах

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat semИсточник:данные Google

Рост показателей в России достиг двузначных цифр

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat semИсточник:данные Google

Отставание в России также достигает двузначных цифр

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

Старые проблемы

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

Новые неприятности

Проблемы и решения

Блокировка JS и CSS

Ведущие CMS отказываются от блокировки

Просмотреть как Googlebotчтобы оценить реальность

Проверить robots.txtSearch Console подскажет, что исправить

Невоспроизводимый контент

Заменять Flash на HTML5

Использовать поддерживаемые видеоформаты

Ошибки переадресации и доступа

Проверять отчёт в Search Consoleподробный список ошибок

Не перенаправлять всех на главную

Перенаправлять все устройства

Не показывать 404если мобильной сраницы нет, лучше показать обычную

Межстраничная реклама приложений

Не закрывать контент

Не вешать рекламу на “пустышки”

Использовать баннеры для приложенийпроверять на поддерживаемость браузерами

Использовать индексирование приложенийочень широкий и растущий функционал

Ошибки в перекрёстных ссылках

Ссылаться правильновзаимно на соответствующие версии соответствующих страниц

Ключевые критерии

Размер текста

этот текст невозможно читать: он слишком маленький

Размер и расположение активных элементов

Область просмотра

Контент не адаптируется к экрану

Ширина контента

Элементы контента не подстраиваются под

экран

Proprietary + Confidential

Внимание: спам!

Повторим...

Пора догонять поезд

Не надо делать детских ошибок

Не надо торговать доверием

How to change text

1. Place cursor on text box and enter new text or copy and paste from another document

Proprietary

Спасибо за внимание!

Источники фотографий: unsplash.com & pixabay.com