Upload
andrey-lipattsev
View
529
Download
2
Embed Size (px)
DESCRIPTION
Почему и как следует создавать сайты, оптимизированные для мобильных устройств.
Citation preview
Сайты для смартфоновВаш сайт готов принять смартпользователей?
Андрей ЛипатцевОтдел нелинейного счастья
октябрь 2014 г.
Определимся
зачем это надо?
1. На мобильных исследуют
google.com/think (“Mobile Path to Purchase”)
google.com/think (“Mobile Path to Purchase”)
2. Исследования начинаются с поиска
google.com/think (“Mobile Path to Purchase”)
3. Местоположение играет роль
google.com/think (“Mobile Path to Purchase”)
4. Близость покупки играет роль
google.com/think (“Mobile Path to Purchase”)
5. Исследования на мобильном → покупки
что надо делать?
или
1.можно ли читать текст, не увеличивая?
или
2. видны ли картинки и содержание?
или
3. можно ли нажимать на ссылки пальцами?
или
4. видны ли изменения поисковику?
www.example.com/robots.txt
User-agent: *Disallow: /scripts/Disallow: /stylesheets/
как это сделать?
https://www.google.com/safetycenter/
тот же HTML+ тот же URL
+ CSS медиа-запрос
@media only screen and (max-width: 640px) { … }
Адаптивный дизайн = профит
PageSpeed Insights
developers.google.com/speed/pagespeed/insights/
PageSpeed Insights
developers.google.com/speed/pagespeed/insights/
что не надо делать?
www.example.com/www.example.com/foowww.example.com/bar
m.example.com/m.example.com/foo
m.example.com/bar
Подытожим
учитывайте интересы пользователей12 откройте доступ к ресурсам
3 адаптивный дизайн — успех надолго
что почитать?
https://developers.google.com/speed/pagespeed/insights/?hl=ru
https://developers.google.com/web/fundamentals/
https://developers.google.com/web/starter-kit/
Спасибо!
Андрей Липатцевg.co/ruwebmasters
октябрь 2014 г.