Mobile strategy workshop 2013 wordcamp


Published on

Published in: Technology, Design
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Mobile strategy workshop 2013 wordcamp

  1. 1. Mobile Strategy Workshop Trends, Design & SEO by Ramesh Kumar @ThePapaPost
  2. 2.
  3. 3.
  4. 4.
  5. 5.
  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
  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%) 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 purchase%E2%80%9D-study/
  10. 10. More mobile growth in local
  11. 11. app or m.web
  12. 12. app or m.web
  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.
  18. 18. npr
  19. 19.
  20. 20.
  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
  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.
  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
  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.
  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 serving desktop users having corresponding 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
  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="" > • On the mobile page, add a link rel="canonical" tag pointing to the corresponding desktop URL. <link rel="canonical" href="" >
  28. 28. Sitemap: Separate mobile url <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="" xmlns:xhtml=""> <url> <loc></loc> <xhtml:link rel="alternate" media="only screen and (max-width: 640px)" href="" /> </url> </urlset>
  29. 29. Hybrid ? ? ? ? ? ? ?
  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
  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
  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
  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.
  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