Post on 14-Apr-2017
Mobile friendlyWhat things I should know when
building a site for mobile devices?Saraiva.com.br @cleomorgause
5W do Mobilegeddon
When21/04/2015 –Mobilegeddon update
WhoGoogle… as always
WhereWorldwide
WhatMobile rankings would differ for mobile-friendly sites
WhyToday, everyone has smartphones with them, constantly communicating and looking for information.
Saraiva.com.br @cleomorgause
Mobile-friendly websites in search resultsExpanding our use of mobile-friendliness as a ranking signal
More mobile friendly search results
Saraiva.com.br @cleomorgause
More relevant app content in search resultsBegin 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
““more Google searches take place on mobile devices than on computers in
10 countries including the US and Japan”
“
Saraiva.com.br @cleomorgause
. SaraivaMobile traffic
2013 2014 2015
Sessões 2014x2015 +89%2013x2015 +356%
Saraiva.com.br @cleomorgause
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
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
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
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
Make some tests
Saraiva.com.br @cleomorgause
https://www.google.com/webmasters/tools/mobile-friendly/?hl=pt-BR
Make some tests
Saraiva.com.br @cleomorgause
https://developers.google.com/speed/pagespeed/insights/
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