Сайты для смартфоновВаш сайт готов принять смартпользователей?

Андрей ЛипатцевОтдел нелинейного счастья

октябрь 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 г.