0
Mobile Strategy Workshop
Trends, Design & SEO
by Ramesh Kumar
@ThePapaPost
http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-...
http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-...
http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-...
http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-...
Immediate purchase intent
• Restaurant -
o 89% take action within 24 hrs
o 64% take action within 1 hour
• Autos - 49% tak...
Source: xAd-Telmetrics “mobile path to purchase” study
Tablet users mostly use their device while
they are in-their-home (72%), while
smartphone users most use their device
“on-...
• For tablet users, brand website are the
most popular (51% restaurant, 56% travel,
and 48% automotive)
• Smartphone owner...
http://searchengineland.com/report-mobile-traffic-to-local-sites-growing-faster-than-total-internet-now-at-27-percent-1581...
app or m.web
http://searchengineland.com/report-mobile-traffic-to-local-sites-growing-faster-than-total-internet-now-at-27...
app or m.web
http://searchengineland.com/report-mobile-traffic-to-local-sites-growing-faster-than-total-internet-now-at-27...
Exercise 1
Mobile Desktop
Visits
Session Length
Direct Traffic
SEO Traffic
Total SEO KWs
Conversion
Exercise 1
Exercise 1
Mobile Strategy - Design
Trends, Design & SEO
http://xkcd.com/773/
npr
http://services.google.com/fh/files/blogs/building_mobile_friendly_website.pdf
http://services.google.com/fh/files/blogs/building_mobile_friendly_website.pdf
Smartphone optimized sites
Design URL Content
1 responsive same same html
different CSS
2 dynamic content same different h...
Responsive Design
• Responsive web design is a setup where the server
always sends the same HTML code to all devices and
C...
Responsive Design
• Using a single URL for a piece of content makes it easier
for your users to interact with, share, and ...
Responsive Design
• It saves resources for both your site and Google's
crawlers. For responsive web design pages, any
Goog...
Same url, different html
• Dynamic serving is a setup where the server responds
with different HTML (and CSS) on the same ...
Conventional: Separate mobile url
• In this configuration, each desktop URL has an
equivalent different URL serving mobile...
Cross linking: Separate mobile url
• On the desktop page, add a special link rel="alternate"
tag pointing to the correspon...
Sitemap: Separate mobile url
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap...
Hybrid
http://services.google.com/fh/files/blogs/which_solution_is_better_for_your_mobile_site.pdf
?
?
?
?
?
?
?
Above the fold content in < 1s
• Any delay longer than a second will cause the
user to interrupt their flow of thought, cr...
Exercise 2
Exercise 2
• Spa service – 3 locations, maps, phone #
• Spa packages
• Services – foot care, skin care, hair care, massage...
Exercise 2
app m.web web
Design
Content 1
Content 2
Content 3
Content 4
Content 5
Build use cases for each scenario
Phone #LOGO
LOGO
LOGO
LOGO
m.web strategy
• Define your need for m web
o adding m.web to desktop, which won’t be changing
o redesign existing site, w...
m.web strategy
• Define operational strategies
o keeping up with the desktop site
o dependencies between app, m.web & desk...
Mobile Strategy - SEO
Trends, Design, SEO
Mobile Content & SEO
Mobile SEO can work for any of these
configurations:
● responsive design
● dynamic serving on same ur...
No clear winners in mobile SEO
Mobile Content & SEO
• Mobile content is correlated with mobile
organic traffic. Mobile sites getting more
organic traffic...
Same keyword different intentions
• The intention of inputting a search term on a desktop,
smartphone, or tablet can mean ...
Optimize for mobile UX
• know your mobile visitors
• branded keywords, store location, hours,
phone numbers
• Click-to-cal...
Mobile Search vs Desktop Search
• More local results in mobile than desktop
• Android users are always logged in - more
pe...
Mobile Search vs Desktop Search
• mobile visits 25%
• mobile visit duration 65%
• mobile organic traffic 20%
• mobile orga...
mobile traffic - all sources 130%
mobile traffic - direct 400%
mobile traffic - Organic 50%
Launch of mobile site leads to
app strategy
• Solve customer problems on-the-go
• Make it worth their while
• Continuously improve UX and functionality
•...
Hailo app
• Track your taxi in real-time
• Get picked up at the right
place
• Automatically pay by credit
card
Mobile banking app
• Scan and deposit checks
anytime, anywhere
• Check your balance
• Transfer money
Key Takeaways
Takeaways
1. Think mobile first
Takeaways
1. Think mobile first
2. Know your mobile audience
Takeaways
1. Think mobile first
2. Know your mobile audience
3. Leverage smartphone capabilities - Camera,
Click to Call, ...
Takeaways
1. Think mobile first
2. Know your mobile audience
3. Leverage smartphone capabilities - Camera,
Click to Call, ...
Takeaways
1. Think mobile first
2. Know your mobile audience
3. Leverage smartphone capabilities - Camera,
Click to Call, ...
@ThePapaPost
Upcoming SlideShare
Loading in...5
×

Mobile strategy workshop 2013 wordcamp

728

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
728
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile strategy workshop 2013 wordcamp"

  1. 1. Mobile Strategy Workshop Trends, Design & SEO by Ramesh Kumar @ThePapaPost
  2. 2. http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-for-mobile-is-now.pdf
  3. 3. http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-for-mobile-is-now.pdf
  4. 4. http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-for-mobile-is-now.pdf
  5. 5. http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-for-mobile-is-now.pdf
  6. 6. Immediate purchase intent • Restaurant - o 89% take action within 24 hrs o 64% take action within 1 hour • Autos - 49% take action within 24 hrs o HailO, Lyft • Travel – 33% take action within 24 hrs http://marketingland.com/study-50-percent-of-mobile-queries-in-travel-restaurants-autos-result-in-a-purchase-18404
  7. 7. Source: xAd-Telmetrics “mobile path to purchase” study
  8. 8. Tablet users mostly use their device while they are in-their-home (72%), while smartphone users most use their device “on-the-go” (68%) http://www.telmetrics.com/2012/leading-mobile-local-companies-xad-and-telmetrics-release-first-to-market-%E2%80%9Cmobile-path-to- purchase%E2%80%9D-study/
  9. 9. • For tablet users, brand website are the most popular (51% restaurant, 56% travel, and 48% automotive) • Smartphone owners in all categories go directly to the app or website (45%) rather than being directed by a browser http://www.telmetrics.com/2012/leading-mobile-local-companies-xad-and-telmetrics-release-first-to-market-%E2%80%9Cmobile-path-to- purchase%E2%80%9D-study/
  10. 10. http://searchengineland.com/report-mobile-traffic-to-local-sites-growing-faster-than-total-internet-now-at-27-percent-158139 More mobile growth in local
  11. 11. app or m.web http://searchengineland.com/report-mobile-traffic-to-local-sites-growing-faster-than-total-internet-now-at-27-percent-158139
  12. 12. app or m.web http://searchengineland.com/report-mobile-traffic-to-local-sites-growing-faster-than-total-internet-now-at-27-percent-158139
  13. 13. Exercise 1 Mobile Desktop Visits Session Length Direct Traffic SEO Traffic Total SEO KWs Conversion
  14. 14. Exercise 1
  15. 15. Exercise 1
  16. 16. Mobile Strategy - Design Trends, Design & SEO
  17. 17. http://xkcd.com/773/
  18. 18. npr
  19. 19. http://services.google.com/fh/files/blogs/building_mobile_friendly_website.pdf
  20. 20. http://services.google.com/fh/files/blogs/building_mobile_friendly_website.pdf
  21. 21. Smartphone optimized sites Design URL Content 1 responsive same same html different CSS 2 dynamic content same different html different CSS 3 conventional different different html different CSS 4 Hybrid mix of the above mix of the above
  22. 22. Responsive Design • Responsive web design is a setup where the server always sends the same HTML code to all devices and CSS is used to alter the rendering of the page on the device using media queries. Google automatically detects this setup if all Googlebot user agents are allowed to crawl the page assets (CSS, javascript, and images). • crawlers: Googlebot & Googlebot-Mobile https://developers.google.com/webmasters/smartphone-sites/details
  23. 23. Responsive Design • Using a single URL for a piece of content makes it easier for your users to interact with, share, and link to your content, and a single URL for the content helps Google's algorithms assign the indexing properties for the content. • No redirection is needed for users to get to the device- optimized view, which reduces loading time. Also, user agent-based redirection is error-prone and can degrade your site's user experience. https://developers.google.com/webmasters/smartphone-sites/details
  24. 24. Responsive Design • It saves resources for both your site and Google's crawlers. For responsive web design pages, any Googlebot user agents needs to crawl your pages once, as opposed to crawling multiple times with different user agents, to retrieve your content. This improvement in crawling efficiency can indirectly help Google index more of the site's contents and keep it appropriately fresh. • Good for SEO and Good for maintenance https://developers.google.com/webmasters/smartphone-sites/details
  25. 25. Same url, different html • Dynamic serving is a setup where the server responds with different HTML (and CSS) on the same URL depending on the user agent requesting the page. As it is not immediately apparent in this setup that the site alters the HTML for mobile user agents (the mobile content is "hidden"), we recommend that the server send a hint to request that Googlebot-Mobile should crawl the page, too, and thus discover the mobile content. This hint is implemented using the Vary HTTP header. https://developers.google.com/webmasters/smartphone-sites/details
  26. 26. Conventional: Separate mobile url • In this configuration, each desktop URL has an equivalent different URL serving mobile-optimized content. A common setup would be pages on www.example.com serving desktop users having corresponding m.example.com pages serving mobile users. Google does not favor any particular URL format as long as they are all accessible to both Googlebot and Googlebot-Mobile https://developers.google.com/webmasters/smartphone-sites/details
  27. 27. Cross linking: Separate mobile url • On the desktop page, add a special link rel="alternate" tag pointing to the corresponding mobile URL. This helps Googlebot discover the location of your site's mobile pages. <link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" > • On the mobile page, add a link rel="canonical" tag pointing to the corresponding desktop URL. <link rel="canonical" href="http://www.example.com/page-1" > https://developers.google.com/webmasters/smartphone-sites/details
  28. 28. Sitemap: Separate mobile url <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> <loc>http://www.example.com/page-1/</loc> <xhtml:link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" /> </url> </urlset> https://developers.google.com/webmasters/smartphone-sites/details
  29. 29. Hybrid http://services.google.com/fh/files/blogs/which_solution_is_better_for_your_mobile_site.pdf ? ? ? ? ? ? ?
  30. 30. Above the fold content in < 1s • Any delay longer than a second will cause the user to interrupt their flow of thought, creating a poor experience https://developers.google.com/speed/docs/insights/mobile
  31. 31. Exercise 2
  32. 32. Exercise 2 • Spa service – 3 locations, maps, phone # • Spa packages • Services – foot care, skin care, hair care, massage • Specials • News • Reviews • Contact Us • Social – Facebook/Twitter • Subscribe to newsletter / Book a service
  33. 33. Exercise 2 app m.web web Design Content 1 Content 2 Content 3 Content 4 Content 5 Build use cases for each scenario
  34. 34. Phone #LOGO
  35. 35. LOGO
  36. 36. LOGO LOGO
  37. 37. m.web strategy • Define your need for m web o adding m.web to desktop, which won’t be changing o redesign existing site, which will include mobile • Know your mobile users o what are they looking for? o reviews, price check, coupon, phone #, directions to store • Prioritize content with high UX
  38. 38. m.web strategy • Define operational strategies o keeping up with the desktop site o dependencies between app, m.web & desktop web • Choose your design strategies o responsive / mobile urls / hybrid • Define KPIs and iterate
  39. 39. Mobile Strategy - SEO Trends, Design, SEO
  40. 40. Mobile Content & SEO Mobile SEO can work for any of these configurations: ● responsive design ● dynamic serving on same url ● mobile content on separate urls ● hybrid configuration http://www.brysonmeunier.com/update-to-mobile-content-and-seo-correlation-study-for-2013/
  41. 41. No clear winners in mobile SEO
  42. 42. Mobile Content & SEO • Mobile content is correlated with mobile organic traffic. Mobile sites getting more organic traffic provide great user experience. • The cross linking between desktop and mobile pages is not common http://www.brysonmeunier.com/update-to-mobile-content-and-seo-correlation-study-for-2013/
  43. 43. Same keyword different intentions • The intention of inputting a search term on a desktop, smartphone, or tablet can mean different things for the same keyword. For example, when typing in the term “tacos” on a desktop I may want information or recipes; but on a feature phone, I may want to call a local taco shop; on a smartphone, I want directions to a local taco place, and on a tablet, I want to check reviews or what different items on the menu look like. http://searchengineland.com/seo-considerations-for-google-mobile-search-in-2012-105469
  44. 44. Optimize for mobile UX • know your mobile visitors • branded keywords, store location, hours, phone numbers • Click-to-call & Click-to-map are the two most common usage
  45. 45. Mobile Search vs Desktop Search • More local results in mobile than desktop • Android users are always logged in - more personalized results • Desktop search has more descriptive keywords and longer tail
  46. 46. Mobile Search vs Desktop Search • mobile visits 25% • mobile visit duration 65% • mobile organic traffic 20% • mobile organic keywords list 12% • mobile direct traffic 37%
  47. 47. mobile traffic - all sources 130% mobile traffic - direct 400% mobile traffic - Organic 50% Launch of mobile site leads to
  48. 48. app strategy • Solve customer problems on-the-go • Make it worth their while • Continuously improve UX and functionality • Make it sticky
  49. 49. Hailo app • Track your taxi in real-time • Get picked up at the right place • Automatically pay by credit card
  50. 50. Mobile banking app • Scan and deposit checks anytime, anywhere • Check your balance • Transfer money
  51. 51. Key Takeaways
  52. 52. Takeaways 1. Think mobile first
  53. 53. Takeaways 1. Think mobile first 2. Know your mobile audience
  54. 54. Takeaways 1. Think mobile first 2. Know your mobile audience 3. Leverage smartphone capabilities - Camera, Click to Call, Click to Map, SMS, On-the-go device usage
  55. 55. Takeaways 1. Think mobile first 2. Know your mobile audience 3. Leverage smartphone capabilities - Camera, Click to Call, Click to Map, SMS, On-the-go device usage 4. Local content & local offers
  56. 56. Takeaways 1. Think mobile first 2. Know your mobile audience 3. Leverage smartphone capabilities - Camera, Click to Call, Click to Map, SMS, On-the-go device usage 4. Local content & local offers 5. Mobile traffic is about mobile UX
  57. 57. @ThePapaPost
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×