What things I should know when building a site for mobile devices? Presentation for the e-commerce developers from Saraiva.

1. Mobile friendly
What things I should know when
building a site for mobile devices?
Saraiva.com.br @cleomorgause

2. hello!
I AM Cleo
Follow me:
@cleomorgause
cleuza.silva@saraiva.com.br

3. 5W do Mobilegeddon
When
21/04/2015 –
Mobilegeddon update
Who
Google… as always
Where
Worldwide
What
Mobile rankings would
differ for mobile-
friendly sites
Why
Today, everyone has
smartphones with them,
constantly
communicating and
looking for information.
Saraiva.com.br @cleomorgause

4. Mobile-friendly
websites in search
results
Expanding our use of
mobile-friendliness as a
ranking signal
More mobile friendly search results
Saraiva.com.br @cleomorgause

5. More relevant app
content in search
results
Begin to use information
from indexed apps as a
factor in ranking for
signed-in users who
have the app installed
More mobile frindly search results
Saraiva.com.br @cleomorgause

6. ““more Google searches take place on
mobile devices than on computers in
10 countries including the US and
Japan”
“
- Google
Saraiva.com.br @cleomorgause

7. . Saraiva
Mobile traffic
2013 2014 2015
Sessões
2014x2015 +89%
2013x2015 +356%
Saraiva.com.br @cleomorgause

8. How do I start ?
On a very basic
implementation level,
transitioning an existing
desktop site to mobile
entails using existing
sections of content from
the desktop site and
organizing them in a
mobile-friendly design
pattern.
◎ Responsive
◎ Dynamic serving
◎ Separate URLs
Saraiva.com.br @cleomorgause

9. Make it easy for customers.
◎Help your site’s
visitors to complete
their objectives.
◎Design your site to
help make it easier for
your customer to
complete their most
common tasks: from
task conception, to
visiting your site, to
task completion.
Saraiva.com.br @cleomorgause

10. Select a mobile template that’s consistent
for all devices (i.e. responsive web design).
“Using RWD enabled Baines & Ernst to optimise its site
experience across different screen sizes without creating
multiple websites. They noticed that visitors visited 11%
more pages on their site per visit and mobile conversions
grew by 51%.”
- Google Case Study

11. Avoid!!!
Mistake 1 - Forgetting their mobile customer.
Don’t get caught in the trap of only creating a mobile-
formatted site (one that looks pretty on mobile)
because it stripped away all useful functionality.
Mistake 2 - Working in isolation rather than looking around
for inspiration.
Check out other sites in your space or your
competitors for inspiration and best practices

12. GWT seu lindo!!!
Saraiva.com.br @cleomorgause

13. Make some tests
Saraiva.com.br @cleomorgause
https://www.google.com/webmasters/tools/mobile-friendly/?hl=pt-BR

14. Make some tests
Saraiva.com.br @cleomorgause
https://developers.google.com/speed/pagespeed/insights/

15. Sources and references
◎ https://moz.com/ugc/seo-kpis-to-track-with-google-analytics
◎ https://www.google.com/webmasters/tools/mobile-usability?hl=pt-
BR&authuser=1&siteUrl=http://www.saraiva.com.br/
◎ https://support.google.com/webmasters/answer/6101188?authuser=1
◎ https://developers.google.com/web/fundamentals/
◎ http://searchengineland.com/google-clarifies-the-mobile-friendly-algorithm-will-roll-out-over-a-week-
be-a-yesno-response-more-217399
◎ http://googlemobileads.blogspot.com.br/2012/09/mobile-friendly-sites-turn-visitors.html
◎ https://www.google.com/webmasters/tools/mobile-friendly/?hl=pt-BR
◎ https://support.google.com/adsense/answer/6196932?hl=en
◎ https://moz.com/learn/seo/page-speed
◎ https://webmasters.googleblog.com/2015/02/finding-more-mobile-friendly-search.html
◎ https://developers.google.com/app-indexing/introduction?utm_source=wmc-
blog&utm_medium=referral&utm_campaign=mobile-friendly#technical-requirements
◎ http://searchengineland.com/its-official-google-says-more-searches-now-on-mobile-than-on-desktop-
220369
◎ https://developers.google.com/webmasters/mobile-sites/#cost
◎ http://www.practicalecommerce.com/articles/83483-SEO-Google-to-Make-Mobile-friendly-a-Ranking-
Signal
◎ https://www.icloud.com/keynote/000pMOF_PJpPtARJk-TPoHqpg#Apresenta%C3%A7%C3%A3o
◎ https://www.thinkwithgoogle.com/case-studies/baines-and-ernst-responsive-web-design.html
◎ http://www.searchmetrics.com/knowledge-base/mobile-ranking-factors/
Saraiva.com.br @cleomorgause

16. thanks!
ANY
QUESTIONS?
Saraiva.com.br @cleomorgause