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
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. • 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/
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. 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. 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. 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. 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. 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. 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. 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
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
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. Exercise 2
app m.web web
Design
Content 1
Content 2
Content 3
Content 4
Content 5
Build use cases for each scenario
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. 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
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/
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. 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. 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. 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. 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. mobile traffic - all sources 130%
mobile traffic - direct 400%
mobile traffic - Organic 50%
Launch of mobile site leads to
48. app strategy
• Solve customer problems on-the-go
• Make it worth their while
• Continuously improve UX and functionality
• Make it sticky
49. Hailo app
• Track your taxi in real-time
• Get picked up at the right
place
• Automatically pay by credit
card
50. Mobile banking app
• Scan and deposit checks
anytime, anywhere
• Check your balance
• Transfer money
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. 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. 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