Native apps account for 3 out of 4 minutes people spent on mobile. However, SEO practices are still largely focused on optimizing mobile websites, leaving app content out of this critical channel for content discovery and consumption.
This is the presentation for the webinar: Mastering Mobile SEO for Your Website and Native App Content.
You can watch the recording at: https://www2.branch.io/LongtailMobileSEOWebinar_LP-OnDemandRegistration.html
The presenters are Branch CEO Alex Austin and mobil SEO expert Emily Grossman.
Topics include:
-The broken app content discovery through search
-Applicable strategies to boost SEO ranking for your app content
-Best practices to optimize your mobile website SEO
-How to optimize the web-to-app flow to maximize ROI
What you need to know about app indexing, AMP, and Instant Apps
2. Housekeeping
• Audience will be put on mute during the webinar
• Type in your questions at anytime
• Q&A session at the end
3. Agenda
● The Broken App Content Discovery from Search
● Strategies to Maximize SEO Value for Your App
○ Google App Indexing
○ AMP& AMP Deepviews
○ Instant Apps
● Mobile SEO Best Practices for Your Website
● Optimize the Web-to-App Flow to Maximize ROI
4. About the Speakers
Alex Austin
CEO and co-founder
App Developer
Emily Grossman
Director of App Strategy
Frequent speaker at mobile
marketing conferences
@illustriousalex @goutaste
5. The Importance of SEO
10x
conversion rate from
organic SEO traffic
than paid traffic
51%
web traffic driven by
organic search
6. Native App Crushes Mobile Web
3x
Conversion rate
than the mobile
web
55%
of all US
e-commerce
transactions
16. App content sitemaps with
AMP Deepviews for search
Branch automatically indexes your app content &
creates a de-duped sitemap hosted on your app.link
domain to expose your content to search.
17. Organic Search with Deepview Discovery Flow
DEEP LINKED CONTENTORGANIC SEARCH BRANCH DEEPVIEW APP / PLAY STORE
18. Ranking still mostly based on
traditional non-app signals
(back links, social
engagement, mobile
optimized, etc)
19. Still need to work on SEO but Branch makes that easy
22. Why Is Mobile Web SEO Important
If You Have a Native App?
@goutasteEmily GrossmanMobileMoxie
23. 1. For Google App Indexing, Signals From
App AND Web Contribute to Rankings
@goutasteEmily GrossmanMobileMoxie
24. 2. Better Mobile Web SEO Helps You
Drive More App Installs
@goutasteEmily GrossmanMobileMoxie
25. How is Mobile SEO Different from Desktop SEO?
@goutasteEmily GrossmanMobileMoxie
Site
Architecture
Has SEO
Implications
Websites &
Apps Can
Co-Mingle in
the Same
Results
Queries &
Query Intent
Can Be
Different
Quality
Signals Can
Be Different
for Mobile
Use Cases
Voice Search
= More
Natural-Lang
uage Based
Queries
Results
Change from
Device to
Device
Competing
for Less
Above-the-Fo
ld Space in
SERPs
27. Today’s Tips for Improving Your
Mobile Web SEO:
❑ Pass Google’s
Mobile-Friendly Test
❑ Improve Mobile Usability
❑ Prepare for Mobile
Indexing
❑ Assess Mobile Site
Architecture
❑ Assess Content Parity
❑ Leverage Schema Markup
(Especially in High-Interest
Verticals)
❑ Improve Performance
(PageSpeed)
❑ AMP
❑ PWAs
@goutasteEmily GrossmanMobileMoxie
29. Improve Mobile Usability
Remove Flash
Configure
ViewPorts
Tt!
Use Legible
Font Size
Space Out Touch
Elements
Search Console Mobile Usability Report: support.google.com/webmasters/answer/6101188?hl=en
@goutasteEmily GrossmanMobileMoxie
30. Preparing for Mobile-First Indexing
(The TL;DR Version)
Desktop Only
(1 URL)
Responsive Design
(1 URL)
M. Site
(2 URLs)
Dynamic Serving
(1 URL)
✓ Your desktop site
will still be used
(not ideal)
@goutasteEmily GrossmanMobileMoxie
31. Preparing for Mobile-First Indexing
(The TL;DR Version)
Desktop Only
(1 URL)
Responsive Design
(1 URL)
M. Site
(2 URLs)
Dynamic Serving
(1 URL)
✓ Not much changes
✓ Allow Crawling of CSS,
JS, & Images
✓ Your desktop site
will still be used
(not ideal)
@goutasteEmily GrossmanMobileMoxie
32. Preparing for Mobile-First Indexing
(The TL;DR Version)
Desktop Only
(1 URL)
Responsive Design
(1 URL)
M. Site
(2 URLs)
Dynamic Serving
(1 URL)
✓ Not much changes
✓ Allow Crawling of CSS,
JS, & Images
✓ Your desktop site
will still be used
(not ideal)
✓ Allow Crawling of CSS, JS, &
Images
✓ Support Structured Data
✓ Check html for hreflang, & add
to mobile html if needed
@goutasteEmily GrossmanMobileMoxie
33. Preparing for Mobile-First Indexing
(The TL;DR Version)
Desktop Only
(1 URL)
Responsive Design
(1 URL)
M. Site
(2 URLs)
Dynamic Serving
(1 URL)
✓ Not much changes
✓ Allow Crawling of CSS,
JS, & Images
✓ Your desktop site
will still be used
(not ideal)
✓ Allow Crawling of CSS, JS, &
Images
✓ Support Structured Data
✓ Support hreflang on m URLs
✓ Mobile URL sitemap
✓ + More…
✓ Allow Crawling of CSS, JS, &
Images
✓ Support Structured Data
✓ Check html for hreflang, & add
to mobile html if needed
@goutasteEmily GrossmanMobileMoxie
34. Preparing for Mobile-First Indexing
(The Extended Edition)
https://www.mobilemoxie.com/blog/app-seo-news/understanding-mobile-first-indexin
g-23-long-term-impact-seo/
https://www.mobilemoxie.com/blog/app-seo-news/understanding-mobile-first-indexin
g-13-immediate-impact-seo/
@goutasteEmily GrossmanMobileMoxie
35. Structured Data Makes Mobile Search
Results More Clickable
@goutasteEmily GrossmanMobileMoxie
36. Structured Data in Mobile Search
@goutastehttps://developers.google.com/search/docs/data-types/data-type-selector
37. Get Better at Being a Data Source:
Structured Data Formatting
moz.com/blog/json-ld-for-beginner @goutaste
38. Performance & Site Speed –
Key to Driving Traffic That Stays On-Site
@goutasteEmily GrossmanMobileMoxie
41. Improving Performance
(With An Emphasis on Mobile-Specific Pain Points)
❑ Avoid Redirects (especially with
multiple hops)
❑ Optimize Images
❑ Enable Compression
❑ Use Sprites to minimize Round Trip
Image Requests
❑ Minify CSS, JS, HTML
❑ Leverage Browser Caching
❑ Reduce Server Response Time
❑ Leverage Critical Path Rendering to
minimize impact of render-blocking
assets
❑ Pre-fetch & Pre-Render Most
Important Assets
❑ HTTP/2 (requires HTTPS to really be
effective)
❑ Support Service Workers (more on this
later…)
The Basics More Advanced
@goutasteEmily GrossmanMobileMoxie
45. New Chrome Dev Tools Features
@goutasteEmily GrossmanMobileMoxie
46. New Technologies to Improve Mobile Web
Performance: AMP & PWA
@goutasteEmily GrossmanMobileMoxie
47. What Is AMP?
• Framework for speed
• Built for static content
• Think News, Recipes
• On Google, leverages a Google Cache
• Caveat(s):
• Site traffic all on Google cache & inaccurate
attribution
• AMPs are treated as “alternates”
■ When a webpage has two alternates
(AMP & deep link), Google serves AMP
(not the deep link)
@goutasteEmily GrossmanMobileMoxie
48. Progressive Web Apps & The Power of Service Workers
HTTPS REQUIRED
Since Service Workers are so powerful, browsers won't support one without encryption
@goutasteEmily GrossmanMobileMoxie
52. Enter: the gradual upsell
GET
Get the app now!
My app is
disrupting apps
My app is
disrupting apps
Or subject yourself to a
terrible, laggy user
experience on our site.
57. Organic Search Audience with Gradual Upsell
ORGANIC SEARCH LIGHT BANNER FULL INTERSTITIAL
Book in app
It’s much easier to
browser this property
in the iOS app.
continue on web
58. Social Flow With Interstitial
Facebook feed link Facebook browser
Book in app
It’s much easier to
browser this property
in the iOS app.
continue on web
59. Social Flow With Interstitial with Branch Data
Facebook feed link Facebook browser
Open App
We saw you already
have the app
installed.
continue on web
65. KEY TAKEAWAYS 1
If you’re app-only:
● You’ll need to build website for SEO
● Use Branch hosted Deepviews for your website until you build one
If you have an app & a website:
● Make sure your mobile website passes Google’s Mobile Friendly test
● Optimize for Usability, SERP features, and Speed
● Make sure you have a mechanism to drive web traffic to your app, a
channel you have full control with
66. For driving app installs from your site:
● No full page interstitials on Google referrers
● Use gradual upsell from Google
● Full page interstitials fine for other referrers (social, etc)
● Use Branch data to customize the experience
KEY TAKEAWAYS 2