SlideShare a Scribd company logo
1 of 120
#SearchLove @goutaste
From
Website to
Web-App:
Index,
Optimize &
Audit
#SearchLove @goutaste
So Many Format Options to Display
Your Content on “The Internet”
#SearchLove @goutaste
How Do You Choose?
#SearchLove @goutaste
Websites Have Great Reach
11.4
4.0
Monthly Unique Visitors
Top 1k web properties vs. top 1k apps
Data: comScore Mobile Metrix Age 18+ June 2016
#SearchLove @goutaste
Native Apps Have Great Engagement
9.3
188.6
Average Minutes Per User
Top 1k web properties vs. top 1k apps
Data: comScore Mobile Metrix Age 18+ June 2016
#SearchLove @goutaste
Can We Have The Best of Both?
The REACH of
a website
The ENGAGEMENT
of an app
Image: http://bit.ly/platypus-keytar
#SearchLove @goutaste
What is a Web App?
Traditional Website Web App Lifecycle
Images: http://bit.ly/2rouUqH
#SearchLove @goutaste
What is a Web App?
bit.ly/app-shell-img
#SearchLove @goutaste
What is a Progressive Web App?
Responsive Secure Fast
Downloadable Works Offline Push Notifications
#SearchLove @goutaste
Why are they popular?
Mobile sales increased by 18% YoY
43% increase in sessions/ user
100% increase in session duration 80% improvement in load time
30% higher Conversion Rate than
native app in Tier 3 cities
20% of PWA bookings are from
users who’d uninstalled native app
Homepage loads completely in .8
seconds
Customer acquisition cost is 10X less Shoppers spend 20% more time
than on previous mobile site
40% lower bounce rate than on
previous mobile site
https://www.pwastats.com/
#SearchLove @goutaste
The Web is Becoming Full of Web Apps
Photo: https://visualhunt.com/f/photo/3943667382/a851db711b/
#SearchLove @goutaste
Current & Imminent PWAs
Source: Google I/O 2017
#SearchLove @goutaste
But Lots of People Don’t Consider
SEO for Web Apps
#SearchLove @goutaste
Web Apps rely on JavaScript & JavaScript is hard for us
Photo: http://bit.ly/javascript-cat
#SearchLove @goutaste
Photo: http://bit.ly/2rEGvlW
#SearchLove @goutaste
Even Though Things Are Changing, JavaScript is Also
Still Hard for Search Engines*
*Search Engines means more than just Google
#SearchLove @goutaste
You’ll Still See Plenty of Great Web
Apps That Look Like This in Google
#SearchLove @goutaste
Or This…
GIF: http://bit.ly/OOH-CAT
#SearchLove @goutaste
We (SEOs) Can Help
#SearchLove @goutaste
Indexing Optimizing Auditing
Clean URLs
Canonicals
Rendering
Mobile Friendly
SERP CTR
Speed
Crawling & Indexing
“App-iness”
Speed
Engagement
#SearchLove @goutaste
INDEXING
#SearchLove @goutaste
1. Clean URLs
Photo: https://visualhunt.com/f/photo/5542857895/8f186be4b0/
#SearchLove @goutaste
Web Apps Don’t Have to Change URLs to
Change Content on the Page
Even on the finance tab, the URL still stays the same
#SearchLove @goutaste
Outweb.IO :
An Indexing Sob Story
#SearchLove @goutaste
Old Linking Habits of JS-Heavy Applications
By default:
https://example.com/#/foo
For deprecated AJAX crawling scheme:
https://example.com/#!foo
(And ?_escaped_fragment=foo)
#SearchLove @goutaste
Death of the Hash & HashBang
By default:
https://example.com/#/foo
For deprecated AJAX crawling scheme:
https://example.com/#!foo
(And ?_escaped_fragment=foo)
https://example.com/foo
https://example.com/foo
#SearchLove @goutaste
Long Live the History API
Leverage HTML5
pushState()
Change URLs in the
address bar without
reloading the whole page
Great for Search Engines
& users (hello, sharing!)
https://css-tricks.com/using-the-html5-history-api/
#SearchLove @goutaste
Canonicals.
Canonicals Everywhere.
https://yoast.com/rel-canonical/
#SearchLove @goutaste
3. Rendering
#SearchLove @goutaste
The DOM
#SearchLove @goutaste
Welcome to the JavaScript Web
View Source Inspect Element
#SearchLove @goutaste
Welcome to the JavaScript Web
View Source Inspect Element
Original HTML The DOM as it was interpreted by
the browser.
#SearchLove @goutaste
Schedule
Crawl Index Rank
Known
URLs
Internet
Ye Olde Days*
*and many search engines today
#SearchLove @goutaste
Schedule
Crawl Index Rank
Render!
Known
URLs
Internet
How Google Can Work Today
#SearchLove @goutaste
Say a prayer to
the god of your
choice &
hope Google
figures out your
client-side
JavaScript?
#SearchLove @goutaste
But Uh… Good Luck With That
Googlebot may only be willing to wait 4-5 sec for your JS…
https://maxxeight.com/tests/js-timer/@maxxeight
#SearchLove @goutasteInline vs. External vs. Bundled makes a difference:
https://goralewicz.com/blog/javascript-seo-experiment/
@bart_goralewicz
Many JS Frameworks Still Struggle To Make It In
Time Without Additional Optimizations
#SearchLove @goutaste
Client Side vs. Server Side Rendering
#SearchLove @goutaste
Client Side Rendering
Bonus
Slide!
Image: https://juristr.com/blog/2016/06/ng2-getting-started-for-beginners/
#SearchLove @goutaste
Server Side Rendering
Bonus
Slide!
Image: https://juristr.com/blog/2016/06/ng2-getting-started-for-beginners/
#SearchLove @goutaste
Schedule
Crawl Index Rank
Render!
Known
URLs
Internet
If We Render on Our Server…
#SearchLove @goutaste
Client Side vs. Server Side Rendering
https://www.youtube.com/watch?v=0wvZ7gakqV4
If you search for any competitive keyword terms, it’s always
going to be server rendered sites. And the reason is because
although Google does index client-side rendered HTML, it’s not
perfect yet and other search engines don’t do it as well.
So if you care about SEO, you still need to
have server-rendered content.
“
“
-- Jeff Whelpley
#SearchLove @goutaste
But Without Any Client-Side, We’re Reloading
the Whole Page on Each Nav For Our Users
#SearchLove @goutaste
WTF Is “Isomorphic JavaScript”?
#SearchLove @goutaste
WTF Is “Isomorphic JavaScript”?
JavaScript code that can run on
both the client and the server.
Synonyms: Universal JavaScript, Shared JavaScript,
Portable Javascript
#SearchLove @goutaste
Why Isomorphic?
Perceived
Performance
#SearchLove @goutaste
Why Isomorphic?
Perceived
Performance
SEO
#SearchLove @goutaste
Why Isomorphic?
Perceived
Performance
SEO Maintainability
#SearchLove @goutaste
Isomorphism is a Spectrum
@spikebrehm http://bit.ly/isomorphic-deck
#SearchLove @goutaste
Ye Olde Days
(multi-page applications)
Circa 2011
(single-page applications)
Today
(Hybrid apps)
JavaScript Web – A History
https://www.slideshare.net/spikebrehm/2014-0313fluent/20-
Ye_olde_daysfatserver_thinclient
Bonus
Slide!
@spikebrehm
#SearchLove @goutaste
SSR With Vue.js
@addyosmani https://youtu.be/aCMbSyngXB4
#SearchLove @goutaste
Configuring SSR With React
@addyosmani https://youtu.be/aCMbSyngXB4
#SearchLove @goutaste
Use Headless Browsers to render initial state for
users & search engines
http://bit.ly/headless-chrome
Your Other Options?
#SearchLove @goutaste
Your Other Options?
(or similar)
#SearchLove @goutaste
Your Other Options?
(or similar)
#SearchLove @goutaste
This solution
leverages
prerender.io!
http://bit.ly/moz-angularjs
#SearchLove @goutaste
OPTIMIZATION
#SearchLove @goutaste
1. Optimize for “Mobile Friendliness”
#SearchLove @goutaste
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
#SearchLove @goutaste
Interstitials VS Banners
Mobile Friendly!NOT Mobile Friendly!
#SearchLove @goutaste
2. Optimize SERP CTR with Structured Data
https://developers.google.com/search/docs/data-types/books
 News/
Articles
 Books
 Courses
 Datasets
 Events
 Fact Check
 Local
Business
 Top Places
(beta)
 Music
 Podcasts
 Products
 Recipes
 Reviews
 TV
 Movies
 Videos
 Live (beta)
 Software
(beta)
#SearchLove @goutaste
Schema
moz.com/blog/json-ld-for-beginners
#SearchLove @goutaste
3. Optimize for Mobile Speed
#SearchLove @goutasteSource: @lukew
#SearchLove @goutaste
Do The Basics
Put Everything on a Diet:
– Smaller files
– Compress everything
– Less unnecessary files
– Less overall requests
– Don’t send code the
page doesn’t need
GIF: https://visualhunt.com/photo/44460/
#SearchLove @goutaste
New in Chrome Dev Tools (“Coverage” Tab)
Keep Track of Potential JS & CSS Savings
#SearchLove @goutaste
“I’m a Wordpress
Theme with 23 JS
libraries & 20
stylesheets!”
#SearchLove @goutaste
Improving Page Speed with Images
Sprites File Size Responsive
Images.org
Image Server
Quality: 85%
Width: 300px
Quality: 70%
Width: 150px
Quality: 326 PPI
Width: 200px
#SearchLove @goutaste
1. First Paint 2. First Contentful Paint
“Is it happening?”
@addyosmani http://bit.ly/performance-kpis
#SearchLove @goutaste
Make it Happen Faster:
Speed Up Time to FP & FCP
 Inline critical CSS &
JS
 Remove all render-
blocking scripts
from the <head>
https://youtu.be/6Ljq-Jn-EgU
#SearchLove @goutaste
“Is it useful?” “Is it useable?”
3. First Meaningful
Paint
4. Time to Interactive
@addyosmani http://bit.ly/performance-kpis
#SearchLove @goutaste
One of the
Issues With
Server-Side
Rendering is
The Trade-
Off With
Time to
Interactive
Simulated Slow Networkhttps://youtu.be/6Ljq-Jn-EgU
#SearchLove @goutaste
One of the
Issues With
Server-Side
Rendering is
The Trade-
Off With
Time to
Interactive
Simulated Slow Networkhttps://youtu.be/6Ljq-Jn-EgU
#SearchLove @goutaste
Make it Useable Faster:
Minimize Time Between FMP & TTI
 Ship less JS
#SearchLove @goutaste
Make it Useable Faster:
Minimize Time Between FMP & TTI
 Ship less JS
 Break up existing JS
into smaller chunks
(“Code Splitting”)
See Also: http://bit.ly/code-splitting-webpack
http://bit.ly/performance-kpis
#SearchLove @goutaste
Make it Useable Faster:
Minimize Time Between FMP & TTI
 Ship less JS
 Break up existing JS
into smaller chunks
(“Code Splitting”)
 Follow the PRPL
(‘purple’) Pattern*
http://bit.ly/push-render-precache-lazyload
*”push” references H/2 push and requires http2
#SearchLove @goutasteRead: bit.ly/http2-intro
Image: kinsta.com/learn/what-is-http2/#goal_of_creating_http2
HTTP/2 enables full request & response multiplexing
Bonus
Slide!
#SearchLove @goutaste
• Pre-load can specify the download “as” =
• "script",
• "style",
• "image",
• "media",
• "document”
bit.ly/what-is-rel-preload
Rel=“Preload”
HTTP/2 + PreLoad = Moves the ‘start download’ time of a critical asset closer to initial request
#SearchLove @goutaste
Bonus
Slide!
#SearchLove @goutaste
#SearchLove @goutaste
4. Optimize for Mobile Presentation & Engagement
#SearchLove @goutaste
HTTPS Will Be Table Stakes
http://bit.ly/chrome-https
#SearchLove @goutaste
HTTPS
http://bit.ly/aleyda-https
#SearchLove @goutaste
Service Workers
Service Workers are so powerful, browsers require HTTPS for you to register them
#SearchLove @goutaste
Service
Workers Add
Performance
Boosts on
Repeat Visits
#SearchLove @goutaste
Cache App ‘Shell’
Bonus
Slide!
https://developers.google.com/web/fundamentals/architecture/app-shell
#SearchLove @goutaste
Service Workers
Can Even Give
Websites Offline
Functionality
#SearchLove @goutaste
#SearchLove @goutaste
When Combined With An App Manifest
#SearchLove @goutaste
Web App Manifest
http://bit.ly/webapp-manifest
Chrome Dev Tools
JSON file you link
to in your <head>
#SearchLove @goutaste
#SearchLove @goutaste
Service Workers + App Manifest
Enables “Installing” Websites
#SearchLove @goutastehttps://caniuse.com/#search=service%20workers
#SearchLove @goutaste
Lancôme USA
65% of their mobile web
users are on iOS
53% increase in session
length on iOS after
launching PWA
https://lancome-usa.com
#SearchLove @goutaste
Create PWAs ‘By Default’ via React, Preact, or Vue.js
Preact CLI
@addyosmani https://youtu.be/aCMbSyngXB4
#SearchLove @goutaste
AUDITING
#SearchLove @goutaste
1. Audit for Crawling & Indexing Issues
#SearchLove @goutaste
‘Lab Test’
Troubleshooting
• Fetch & Render
• Fetch & Render as
any bot w/ timeout
• Compare Source &
‘outerHTML’
• Headless Chrome
#SearchLove @goutaste
https://www.google.com/webmasters/tools/go
oglebot-fetch
Fetch & Render
As Googlebot
#SearchLove @goutaste
Fetch & Render As Any Bot
@maxxeight https://technicalseo.com/seo-tools/fetch-render/
#SearchLove @goutaste
Compare Source & ‘outerHTML’
@justinrbriggs https://www.briggsby.com/auditing-javascript-for-seo/
#SearchLove @goutaste
2. Audit for App-iness
#SearchLove @goutaste
PWA Checklist
http://bit.ly/pwa-checklist
#SearchLove @goutaste
Lighthouse
#SearchLove @goutaste
3. Audit for Speed
#SearchLove @goutastetestmysite.thinkwithgoogle.com
These are
the basics
we all still
get wrong
PageSpeed Scores Aren’t All That Helpful
But the Advice Can Still Tell You a Lot
#SearchLove @goutaste
WebPageTest Has More Useful Feedback
#SearchLove @goutaste
Performance Tab in Chrome Dev Tools
(Formerly Called ‘Timeline’)
#SearchLove @goutaste
1. First Paint 2. First Contentful Paint
“Is it happening?”
http://bit.ly/performance-kpis@addyosmani
#SearchLove @goutaste
“Is it useful?” “Is it useable?”
3. First Meaningful
Paint
4. Time to Interactive
http://bit.ly/performance-kpis@addyosmani
#SearchLove @goutaste
Measuring
The Metric
First Paint
First Contentful Paint
First Meaningful Paint
Time to Interactive
The Tool
Chrome DevTools 60+ Performance Observer Tab
Chrome DevTools 60+ Performance Observer Tab
Track loading of ‘Hero’ Elements (scripts)
github.com/GoogleChrome/tti-polyfill
https://youtu.be/6Ljq-Jn-EgU
#SearchLove @goutaste
Reality:
Load metrics aren’t a single number
https://youtu.be/6Ljq-Jn-EgU
#SearchLove @goutaste
Real User Metrics (RUM) Paint
a Fuller Picture
https://youtu.be/6Ljq-Jn-EgU
#SearchLove @goutaste
Indexing
Optimizing
Auditing
#SearchLove @goutaste
INDEXING CHECKLIST
 Make content crawlable:
 Server-side or hybrid rendering
 If you can’t:
 Headless Chrome pre-rendering
 Prerender.io or similar
 Make sure your client-side JS renders in
4-5 seconds or less & test rigorously
 Provide clean URLs
 Leverage the History API
 No hashes or hashbangs
 Reconsider/ migrate ‘escaped
fragments’
 Clarify everything with Canonicals
#SearchLove @goutaste
OPTIMIZATION CHECKLIST
 Optimize for Mobile Friendly
 Fonts/ tap targets
 No intrusive interstitials
 Optimize for CTR with Schema
 Optimize for Speed KPIs (FP, FCP, FMP, TTI):
 Minimize & compress code & images
 Inline critical CSS & JS
 Remove all render-blocking scripts from the <head>
 Break up existing JS into smaller chunks (“Code Splitting”)
 Follow the PRPL (‘purple’) Pattern
 Optimize for Engagement & UX
 HTTPS
 Service Worker & App Manifest (progressive web app
features)
 App shell caching
 Offline Caching
 Installable
 Load as full screen
 Push notifications
 Polyfills for unsupported browsers
#SearchLove @goutaste
AUDITING CHECKLIST
 Audit for Crawling & Indexing
 Fetch & Render (Googlebot)
 Fetch & Render As Any Bot
 Compare Source & Outer HTML
 Headless Chrome
 Audit for App-iness
 Checklist:
https://developers.google.com/web/progressive-web-
apps/checklist
 Lighthouse
 Cross-browser testing
 BrowserStack.com, Browserling.com or BrowserShots.org to
ensure your PWA is cross browser compatible.
 Audit for Speed
 PageSpeed Tool
 WebPage Test, Chrome Dev Tools
 Actual User Data (Real User Metrics)
#SearchLove @goutaste
#SearchLove @goutaste
Thank You!
var me = {
name: “Emily Grossman”,
title: “Director of App Strategy”,
work: “MobileMoxie”,
twitter: “@goutaste”
};
var cat = {
name: “Daenerys Furborn of the House
Grossman, First of Her Name, the
Unfed, Queen of the Bengals, Catleesi
of the Great Scratching post, Breaker
of Treats and Mother of Cuddles”
};
#SearchLove @goutaste
Super-Smart, Helpful People
@ipullrank
@samccone@slightlylate
Technical SEO
PerformancePWAs
@_developit
Creator of Preact
@addyosmani
PWAs
@theLarkInn
Webpack
@bart_goralewicz
JS SEO
@maxxeight
Technical & JS SEO
@jonoalderson
Weird shit
@justinrbriggs
JS SEO
@dsottimano
Technical & JS SEO
@suzzicks
Mobile

More Related Content

What's hot

From Web Site to Web App: Fantastic Optimisations and Where To Find Them
From Web Site to Web App: Fantastic Optimisations and Where To Find ThemFrom Web Site to Web App: Fantastic Optimisations and Where To Find Them
From Web Site to Web App: Fantastic Optimisations and Where To Find ThemMobileMoxie
 
SearchLove San Diego 2015 | Cindy Krum, 'Mobile-First SEO and How to Prepare ...
SearchLove San Diego 2015 | Cindy Krum, 'Mobile-First SEO and How to Prepare ...SearchLove San Diego 2015 | Cindy Krum, 'Mobile-First SEO and How to Prepare ...
SearchLove San Diego 2015 | Cindy Krum, 'Mobile-First SEO and How to Prepare ...Distilled
 
App Indexing & Mobile SEO - Friends of Search 2016
App Indexing & Mobile SEO - Friends of Search 2016App Indexing & Mobile SEO - Friends of Search 2016
App Indexing & Mobile SEO - Friends of Search 2016MobileMoxie
 
Mobile-Friendly SEO: Why & How? Ari Roth at SMX Israel 2015
Mobile-Friendly SEO: Why & How? Ari Roth at SMX Israel 2015Mobile-Friendly SEO: Why & How? Ari Roth at SMX Israel 2015
Mobile-Friendly SEO: Why & How? Ari Roth at SMX Israel 2015Ari Roth
 
iOS & Android App Indexing & App Actions
iOS & Android App Indexing & App ActionsiOS & Android App Indexing & App Actions
iOS & Android App Indexing & App ActionsJustin Briggs
 
Mobile Jedi Mind Tricks: Master the Multi-Screen Universe
Mobile Jedi Mind Tricks: Master the Multi-Screen UniverseMobile Jedi Mind Tricks: Master the Multi-Screen Universe
Mobile Jedi Mind Tricks: Master the Multi-Screen UniverseMobileMoxie
 
How Apple's Changing Up Search: From Siri to Safari to Spotlight - SMX East 2015
How Apple's Changing Up Search: From Siri to Safari to Spotlight - SMX East 2015How Apple's Changing Up Search: From Siri to Safari to Spotlight - SMX East 2015
How Apple's Changing Up Search: From Siri to Safari to Spotlight - SMX East 2015Suzzicks
 
Nine Things we're Checking for a Mobile First Index by Nichola Stott in The I...
Nine Things we're Checking for a Mobile First Index by Nichola Stott in The I...Nine Things we're Checking for a Mobile First Index by Nichola Stott in The I...
Nine Things we're Checking for a Mobile First Index by Nichola Stott in The I...We Are Marketing
 
What You Need to Know About Google App Indexing - SMX West 2016
What You Need to Know About Google App Indexing - SMX West 2016What You Need to Know About Google App Indexing - SMX West 2016
What You Need to Know About Google App Indexing - SMX West 2016MobileMoxie
 
Increasing App Installs With App Indexation By Justin Briggs
Increasing App Installs With App Indexation By Justin BriggsIncreasing App Installs With App Indexation By Justin Briggs
Increasing App Installs With App Indexation By Justin BriggsSearch Marketing Expo - SMX
 
Basics to Search Engine Optimization & App Store Optimization with Pooja Goyal
Basics to Search Engine Optimization & App Store Optimization with Pooja GoyalBasics to Search Engine Optimization & App Store Optimization with Pooja Goyal
Basics to Search Engine Optimization & App Store Optimization with Pooja GoyalPooja Singla
 
Emily Grossman "The New Mobile" - SearchLove 2017
Emily Grossman "The New Mobile" - SearchLove 2017 Emily Grossman "The New Mobile" - SearchLove 2017
Emily Grossman "The New Mobile" - SearchLove 2017 MobileMoxie
 
Mastering Mobile SEO for Your Website and Native App Content
Mastering Mobile SEO for Your Website and Native App ContentMastering Mobile SEO for Your Website and Native App Content
Mastering Mobile SEO for Your Website and Native App ContentBranch
 
Eig - Gaming Sites Getting Mobile Friendly in a Post Mobilegeddon World
Eig - Gaming Sites Getting Mobile Friendly in a Post Mobilegeddon World Eig - Gaming Sites Getting Mobile Friendly in a Post Mobilegeddon World
Eig - Gaming Sites Getting Mobile Friendly in a Post Mobilegeddon World MobileMoxie
 
Mobile Deep Linking for Apps – What? Why? How?
Mobile Deep Linking for Apps – What? Why? How?Mobile Deep Linking for Apps – What? Why? How?
Mobile Deep Linking for Apps – What? Why? How?Branch
 
Looking Beyond Website Competition: How Apps Impact Local-Mobile Searches
Looking Beyond Website Competition: How Apps Impact Local-Mobile SearchesLooking Beyond Website Competition: How Apps Impact Local-Mobile Searches
Looking Beyond Website Competition: How Apps Impact Local-Mobile SearchesMobileMoxie
 
Advanced Structured Data: Beyond Rich Snippets
Advanced Structured Data: Beyond Rich SnippetsAdvanced Structured Data: Beyond Rich Snippets
Advanced Structured Data: Beyond Rich SnippetsJustin Briggs
 
How to Setup App Indexation
How to Setup App IndexationHow to Setup App Indexation
How to Setup App IndexationJustin Briggs
 

What's hot (20)

From Web Site to Web App: Fantastic Optimisations and Where To Find Them
From Web Site to Web App: Fantastic Optimisations and Where To Find ThemFrom Web Site to Web App: Fantastic Optimisations and Where To Find Them
From Web Site to Web App: Fantastic Optimisations and Where To Find Them
 
SearchLove San Diego 2015 | Cindy Krum, 'Mobile-First SEO and How to Prepare ...
SearchLove San Diego 2015 | Cindy Krum, 'Mobile-First SEO and How to Prepare ...SearchLove San Diego 2015 | Cindy Krum, 'Mobile-First SEO and How to Prepare ...
SearchLove San Diego 2015 | Cindy Krum, 'Mobile-First SEO and How to Prepare ...
 
App Indexing & Mobile SEO - Friends of Search 2016
App Indexing & Mobile SEO - Friends of Search 2016App Indexing & Mobile SEO - Friends of Search 2016
App Indexing & Mobile SEO - Friends of Search 2016
 
Mobile-Friendly SEO: Why & How? Ari Roth at SMX Israel 2015
Mobile-Friendly SEO: Why & How? Ari Roth at SMX Israel 2015Mobile-Friendly SEO: Why & How? Ari Roth at SMX Israel 2015
Mobile-Friendly SEO: Why & How? Ari Roth at SMX Israel 2015
 
iOS & Android App Indexing & App Actions
iOS & Android App Indexing & App ActionsiOS & Android App Indexing & App Actions
iOS & Android App Indexing & App Actions
 
Mobile Jedi Mind Tricks: Master the Multi-Screen Universe
Mobile Jedi Mind Tricks: Master the Multi-Screen UniverseMobile Jedi Mind Tricks: Master the Multi-Screen Universe
Mobile Jedi Mind Tricks: Master the Multi-Screen Universe
 
How Apple's Changing Up Search: From Siri to Safari to Spotlight - SMX East 2015
How Apple's Changing Up Search: From Siri to Safari to Spotlight - SMX East 2015How Apple's Changing Up Search: From Siri to Safari to Spotlight - SMX East 2015
How Apple's Changing Up Search: From Siri to Safari to Spotlight - SMX East 2015
 
Nine Things we're Checking for a Mobile First Index by Nichola Stott in The I...
Nine Things we're Checking for a Mobile First Index by Nichola Stott in The I...Nine Things we're Checking for a Mobile First Index by Nichola Stott in The I...
Nine Things we're Checking for a Mobile First Index by Nichola Stott in The I...
 
What You Need to Know About Google App Indexing - SMX West 2016
What You Need to Know About Google App Indexing - SMX West 2016What You Need to Know About Google App Indexing - SMX West 2016
What You Need to Know About Google App Indexing - SMX West 2016
 
Increasing App Installs With App Indexation By Justin Briggs
Increasing App Installs With App Indexation By Justin BriggsIncreasing App Installs With App Indexation By Justin Briggs
Increasing App Installs With App Indexation By Justin Briggs
 
Basics to Search Engine Optimization & App Store Optimization with Pooja Goyal
Basics to Search Engine Optimization & App Store Optimization with Pooja GoyalBasics to Search Engine Optimization & App Store Optimization with Pooja Goyal
Basics to Search Engine Optimization & App Store Optimization with Pooja Goyal
 
Emily Grossman "The New Mobile" - SearchLove 2017
Emily Grossman "The New Mobile" - SearchLove 2017 Emily Grossman "The New Mobile" - SearchLove 2017
Emily Grossman "The New Mobile" - SearchLove 2017
 
Mastering Mobile SEO for Your Website and Native App Content
Mastering Mobile SEO for Your Website and Native App ContentMastering Mobile SEO for Your Website and Native App Content
Mastering Mobile SEO for Your Website and Native App Content
 
Google App indexing
Google App indexingGoogle App indexing
Google App indexing
 
Eig - Gaming Sites Getting Mobile Friendly in a Post Mobilegeddon World
Eig - Gaming Sites Getting Mobile Friendly in a Post Mobilegeddon World Eig - Gaming Sites Getting Mobile Friendly in a Post Mobilegeddon World
Eig - Gaming Sites Getting Mobile Friendly in a Post Mobilegeddon World
 
Mobile Deep Linking for Apps – What? Why? How?
Mobile Deep Linking for Apps – What? Why? How?Mobile Deep Linking for Apps – What? Why? How?
Mobile Deep Linking for Apps – What? Why? How?
 
Looking Beyond Website Competition: How Apps Impact Local-Mobile Searches
Looking Beyond Website Competition: How Apps Impact Local-Mobile SearchesLooking Beyond Website Competition: How Apps Impact Local-Mobile Searches
Looking Beyond Website Competition: How Apps Impact Local-Mobile Searches
 
Advanced Structured Data: Beyond Rich Snippets
Advanced Structured Data: Beyond Rich SnippetsAdvanced Structured Data: Beyond Rich Snippets
Advanced Structured Data: Beyond Rich Snippets
 
Deep linking
Deep linkingDeep linking
Deep linking
 
How to Setup App Indexation
How to Setup App IndexationHow to Setup App Indexation
How to Setup App Indexation
 

Similar to From Website to Web App - Indexing, Optimizing, and Auditing Experiences for the New Mobile Web

SearchLove London 2017 | Emily Grossman | From Website to Web-App: Fantastic ...
SearchLove London 2017 | Emily Grossman | From Website to Web-App: Fantastic ...SearchLove London 2017 | Emily Grossman | From Website to Web-App: Fantastic ...
SearchLove London 2017 | Emily Grossman | From Website to Web-App: Fantastic ...Distilled
 
Web Performance & Search Engines - A look beyond rankings
Web Performance & Search Engines - A look beyond rankingsWeb Performance & Search Engines - A look beyond rankings
Web Performance & Search Engines - A look beyond rankingsGiacomo Zecchini
 
How to Run an SEO Audit by yourself at home.pdf
How to Run an SEO Audit by yourself at home.pdfHow to Run an SEO Audit by yourself at home.pdf
How to Run an SEO Audit by yourself at home.pdfrrd87j8bkv
 
Mobile SEO - Technical, Content, Local, Apps and Beyond
Mobile SEO - Technical, Content, Local, Apps and BeyondMobile SEO - Technical, Content, Local, Apps and Beyond
Mobile SEO - Technical, Content, Local, Apps and BeyondNicole Hess
 
SearchLove San Diego 2017 | Emily Grossman | The New Mobile
SearchLove San Diego 2017 | Emily Grossman | The New MobileSearchLove San Diego 2017 | Emily Grossman | The New Mobile
SearchLove San Diego 2017 | Emily Grossman | The New MobileDistilled
 
Getting SEO performance in Angular Meteor with ngmeta
Getting SEO performance in Angular Meteor with ngmetaGetting SEO performance in Angular Meteor with ngmeta
Getting SEO performance in Angular Meteor with ngmetaWill Haire
 
SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...
SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...
SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...Distilled
 
How your (non-SEO) work affects Organic Search.
How your (non-SEO) work affects Organic Search. How your (non-SEO) work affects Organic Search.
How your (non-SEO) work affects Organic Search. Matt Lacuesta
 
Chewy Trewella - Google Searchtips
Chewy Trewella - Google SearchtipsChewy Trewella - Google Searchtips
Chewy Trewella - Google Searchtipssounddelivery
 
SMX Advanced 2018 SEO for Javascript Frameworks by Patrick Stox
SMX Advanced 2018 SEO for Javascript Frameworks by Patrick StoxSMX Advanced 2018 SEO for Javascript Frameworks by Patrick Stox
SMX Advanced 2018 SEO for Javascript Frameworks by Patrick Stoxpatrickstox
 
Rendering SEO Manifesto - Why we need to go beyond JavaScript SEO
Rendering SEO Manifesto - Why we need to go beyond JavaScript SEORendering SEO Manifesto - Why we need to go beyond JavaScript SEO
Rendering SEO Manifesto - Why we need to go beyond JavaScript SEOOnely
 
WordPress Loves Google: Marrying Great Design and SEO with WordPress
WordPress Loves Google: Marrying Great Design and SEO with WordPressWordPress Loves Google: Marrying Great Design and SEO with WordPress
WordPress Loves Google: Marrying Great Design and SEO with WordPressWebspec Design
 
Top 20 Search Engine Optimization (SEO) Tools
Top 20 Search Engine Optimization (SEO) ToolsTop 20 Search Engine Optimization (SEO) Tools
Top 20 Search Engine Optimization (SEO) ToolsDigital Vidya
 
Firebase App-Indexing - SMX London 2016
Firebase App-Indexing - SMX London 2016Firebase App-Indexing - SMX London 2016
Firebase App-Indexing - SMX London 2016David Iwanow
 
SEARCH Y : Benjamin Bussière - Javascript and seo misconceptions, misunders...
SEARCH Y :  Benjamin Bussière - Javascript and seo  misconceptions, misunders...SEARCH Y :  Benjamin Bussière - Javascript and seo  misconceptions, misunders...
SEARCH Y : Benjamin Bussière - Javascript and seo misconceptions, misunders...SEARCH Y - Philippe Yonnet Evénements
 
C3 2014 Main Stage John Shehata
C3 2014 Main Stage John ShehataC3 2014 Main Stage John Shehata
C3 2014 Main Stage John ShehataConductor
 
Search engine optimization
Search engine optimizationSearch engine optimization
Search engine optimizationNaga Gopinath
 
The New Renaissance of JavaScript - SMX London 2019
The New Renaissance of JavaScript - SMX London 2019The New Renaissance of JavaScript - SMX London 2019
The New Renaissance of JavaScript - SMX London 2019Onely
 

Similar to From Website to Web App - Indexing, Optimizing, and Auditing Experiences for the New Mobile Web (20)

SearchLove London 2017 | Emily Grossman | From Website to Web-App: Fantastic ...
SearchLove London 2017 | Emily Grossman | From Website to Web-App: Fantastic ...SearchLove London 2017 | Emily Grossman | From Website to Web-App: Fantastic ...
SearchLove London 2017 | Emily Grossman | From Website to Web-App: Fantastic ...
 
Web Performance & Search Engines - A look beyond rankings
Web Performance & Search Engines - A look beyond rankingsWeb Performance & Search Engines - A look beyond rankings
Web Performance & Search Engines - A look beyond rankings
 
How to Run an SEO Audit by yourself at home.pdf
How to Run an SEO Audit by yourself at home.pdfHow to Run an SEO Audit by yourself at home.pdf
How to Run an SEO Audit by yourself at home.pdf
 
Mobile SEO - Technical, Content, Local, Apps and Beyond
Mobile SEO - Technical, Content, Local, Apps and BeyondMobile SEO - Technical, Content, Local, Apps and Beyond
Mobile SEO - Technical, Content, Local, Apps and Beyond
 
SearchLove San Diego 2017 | Emily Grossman | The New Mobile
SearchLove San Diego 2017 | Emily Grossman | The New MobileSearchLove San Diego 2017 | Emily Grossman | The New Mobile
SearchLove San Diego 2017 | Emily Grossman | The New Mobile
 
Getting SEO performance in Angular Meteor with ngmeta
Getting SEO performance in Angular Meteor with ngmetaGetting SEO performance in Angular Meteor with ngmeta
Getting SEO performance in Angular Meteor with ngmeta
 
SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...
SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...
SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...
 
How your (non-SEO) work affects Organic Search.
How your (non-SEO) work affects Organic Search. How your (non-SEO) work affects Organic Search.
How your (non-SEO) work affects Organic Search.
 
Chewy Trewella - Google Searchtips
Chewy Trewella - Google SearchtipsChewy Trewella - Google Searchtips
Chewy Trewella - Google Searchtips
 
Seo in 2016
Seo in 2016Seo in 2016
Seo in 2016
 
SMX Advanced 2018 SEO for Javascript Frameworks by Patrick Stox
SMX Advanced 2018 SEO for Javascript Frameworks by Patrick StoxSMX Advanced 2018 SEO for Javascript Frameworks by Patrick Stox
SMX Advanced 2018 SEO for Javascript Frameworks by Patrick Stox
 
SEO in 2016 - Three Mega Trends
SEO in 2016 - Three Mega TrendsSEO in 2016 - Three Mega Trends
SEO in 2016 - Three Mega Trends
 
Rendering SEO Manifesto - Why we need to go beyond JavaScript SEO
Rendering SEO Manifesto - Why we need to go beyond JavaScript SEORendering SEO Manifesto - Why we need to go beyond JavaScript SEO
Rendering SEO Manifesto - Why we need to go beyond JavaScript SEO
 
WordPress Loves Google: Marrying Great Design and SEO with WordPress
WordPress Loves Google: Marrying Great Design and SEO with WordPressWordPress Loves Google: Marrying Great Design and SEO with WordPress
WordPress Loves Google: Marrying Great Design and SEO with WordPress
 
Top 20 Search Engine Optimization (SEO) Tools
Top 20 Search Engine Optimization (SEO) ToolsTop 20 Search Engine Optimization (SEO) Tools
Top 20 Search Engine Optimization (SEO) Tools
 
Firebase App-Indexing - SMX London 2016
Firebase App-Indexing - SMX London 2016Firebase App-Indexing - SMX London 2016
Firebase App-Indexing - SMX London 2016
 
SEARCH Y : Benjamin Bussière - Javascript and seo misconceptions, misunders...
SEARCH Y :  Benjamin Bussière - Javascript and seo  misconceptions, misunders...SEARCH Y :  Benjamin Bussière - Javascript and seo  misconceptions, misunders...
SEARCH Y : Benjamin Bussière - Javascript and seo misconceptions, misunders...
 
C3 2014 Main Stage John Shehata
C3 2014 Main Stage John ShehataC3 2014 Main Stage John Shehata
C3 2014 Main Stage John Shehata
 
Search engine optimization
Search engine optimizationSearch engine optimization
Search engine optimization
 
The New Renaissance of JavaScript - SMX London 2019
The New Renaissance of JavaScript - SMX London 2019The New Renaissance of JavaScript - SMX London 2019
The New Renaissance of JavaScript - SMX London 2019
 

More from MobileMoxie

Fighting Off Digital Marketing Imposter Syndrome with Facts
Fighting Off Digital Marketing Imposter Syndrome with FactsFighting Off Digital Marketing Imposter Syndrome with Facts
Fighting Off Digital Marketing Imposter Syndrome with FactsMobileMoxie
 
Don't Blame it on Your MUM: Mobile SEO Now & in the Future - Cindy Krum
Don't Blame it on Your MUM: Mobile SEO Now & in the Future - Cindy KrumDon't Blame it on Your MUM: Mobile SEO Now & in the Future - Cindy Krum
Don't Blame it on Your MUM: Mobile SEO Now & in the Future - Cindy KrumMobileMoxie
 
Is this New - Tracking Local SEO Results IRL
Is this New - Tracking Local SEO Results IRLIs this New - Tracking Local SEO Results IRL
Is this New - Tracking Local SEO Results IRLMobileMoxie
 
Mobile-First Indexing & The Story Your Data Isn't Telling You
Mobile-First Indexing & The Story Your Data Isn't Telling YouMobile-First Indexing & The Story Your Data Isn't Telling You
Mobile-First Indexing & The Story Your Data Isn't Telling YouMobileMoxie
 
What gotyouthere cindykrum-mobilev2
What gotyouthere cindykrum-mobilev2What gotyouthere cindykrum-mobilev2
What gotyouthere cindykrum-mobilev2MobileMoxie
 
Mobile-First Indexing & Language - 3XE Dublin 2018 - Cindy Krum
Mobile-First Indexing & Language - 3XE Dublin 2018 - Cindy KrumMobile-First Indexing & Language - 3XE Dublin 2018 - Cindy Krum
Mobile-First Indexing & Language - 3XE Dublin 2018 - Cindy KrumMobileMoxie
 
Mobile-First Indexing or a Whole New Google - Digitalzone 2018
Mobile-First Indexing or a Whole New Google - Digitalzone 2018Mobile-First Indexing or a Whole New Google - Digitalzone 2018
Mobile-First Indexing or a Whole New Google - Digitalzone 2018MobileMoxie
 
The New Way Google Understands the World #Turingfest 2018
The New Way Google Understands the World #Turingfest 2018The New Way Google Understands the World #Turingfest 2018
The New Way Google Understands the World #Turingfest 2018MobileMoxie
 
PWAs, Voice & Cross-Deice Search - Friends of Search 2018
PWAs, Voice & Cross-Deice Search - Friends of Search 2018 PWAs, Voice & Cross-Deice Search - Friends of Search 2018
PWAs, Voice & Cross-Deice Search - Friends of Search 2018 MobileMoxie
 
Introduction to PWAs & New JS Frameworks for Mobile
Introduction to PWAs & New JS Frameworks for MobileIntroduction to PWAs & New JS Frameworks for Mobile
Introduction to PWAs & New JS Frameworks for MobileMobileMoxie
 
Digital Marketing & Artificial Intelligence - Zenith 2016
Digital Marketing & Artificial Intelligence - Zenith 2016Digital Marketing & Artificial Intelligence - Zenith 2016
Digital Marketing & Artificial Intelligence - Zenith 2016MobileMoxie
 
Google & Bing App Indexing - SMX Munich 2016
Google & Bing App Indexing - SMX Munich 2016Google & Bing App Indexing - SMX Munich 2016
Google & Bing App Indexing - SMX Munich 2016MobileMoxie
 
How Apple's Changing Up Search: From Siri, to Safari to Spotlight - SMX Munic...
How Apple's Changing Up Search: From Siri, to Safari to Spotlight - SMX Munic...How Apple's Changing Up Search: From Siri, to Safari to Spotlight - SMX Munic...
How Apple's Changing Up Search: From Siri, to Safari to Spotlight - SMX Munic...MobileMoxie
 
AMP Speeds without AMP Validation
AMP Speeds without AMP ValidationAMP Speeds without AMP Validation
AMP Speeds without AMP ValidationMobileMoxie
 
The Future of Deep Linking & App Indexing
The Future of Deep Linking & App IndexingThe Future of Deep Linking & App Indexing
The Future of Deep Linking & App IndexingMobileMoxie
 
Nailing Mobile UX for Better Customer Experiences
Nailing Mobile UX for Better Customer ExperiencesNailing Mobile UX for Better Customer Experiences
Nailing Mobile UX for Better Customer ExperiencesMobileMoxie
 
How to Optimize Apps for Apple iOS Search and iOS 9 Universal Links - SMX Wes...
How to Optimize Apps for Apple iOS Search and iOS 9 Universal Links - SMX Wes...How to Optimize Apps for Apple iOS Search and iOS 9 Universal Links - SMX Wes...
How to Optimize Apps for Apple iOS Search and iOS 9 Universal Links - SMX Wes...MobileMoxie
 

More from MobileMoxie (17)

Fighting Off Digital Marketing Imposter Syndrome with Facts
Fighting Off Digital Marketing Imposter Syndrome with FactsFighting Off Digital Marketing Imposter Syndrome with Facts
Fighting Off Digital Marketing Imposter Syndrome with Facts
 
Don't Blame it on Your MUM: Mobile SEO Now & in the Future - Cindy Krum
Don't Blame it on Your MUM: Mobile SEO Now & in the Future - Cindy KrumDon't Blame it on Your MUM: Mobile SEO Now & in the Future - Cindy Krum
Don't Blame it on Your MUM: Mobile SEO Now & in the Future - Cindy Krum
 
Is this New - Tracking Local SEO Results IRL
Is this New - Tracking Local SEO Results IRLIs this New - Tracking Local SEO Results IRL
Is this New - Tracking Local SEO Results IRL
 
Mobile-First Indexing & The Story Your Data Isn't Telling You
Mobile-First Indexing & The Story Your Data Isn't Telling YouMobile-First Indexing & The Story Your Data Isn't Telling You
Mobile-First Indexing & The Story Your Data Isn't Telling You
 
What gotyouthere cindykrum-mobilev2
What gotyouthere cindykrum-mobilev2What gotyouthere cindykrum-mobilev2
What gotyouthere cindykrum-mobilev2
 
Mobile-First Indexing & Language - 3XE Dublin 2018 - Cindy Krum
Mobile-First Indexing & Language - 3XE Dublin 2018 - Cindy KrumMobile-First Indexing & Language - 3XE Dublin 2018 - Cindy Krum
Mobile-First Indexing & Language - 3XE Dublin 2018 - Cindy Krum
 
Mobile-First Indexing or a Whole New Google - Digitalzone 2018
Mobile-First Indexing or a Whole New Google - Digitalzone 2018Mobile-First Indexing or a Whole New Google - Digitalzone 2018
Mobile-First Indexing or a Whole New Google - Digitalzone 2018
 
The New Way Google Understands the World #Turingfest 2018
The New Way Google Understands the World #Turingfest 2018The New Way Google Understands the World #Turingfest 2018
The New Way Google Understands the World #Turingfest 2018
 
PWAs, Voice & Cross-Deice Search - Friends of Search 2018
PWAs, Voice & Cross-Deice Search - Friends of Search 2018 PWAs, Voice & Cross-Deice Search - Friends of Search 2018
PWAs, Voice & Cross-Deice Search - Friends of Search 2018
 
Introduction to PWAs & New JS Frameworks for Mobile
Introduction to PWAs & New JS Frameworks for MobileIntroduction to PWAs & New JS Frameworks for Mobile
Introduction to PWAs & New JS Frameworks for Mobile
 
Digital Marketing & Artificial Intelligence - Zenith 2016
Digital Marketing & Artificial Intelligence - Zenith 2016Digital Marketing & Artificial Intelligence - Zenith 2016
Digital Marketing & Artificial Intelligence - Zenith 2016
 
Google & Bing App Indexing - SMX Munich 2016
Google & Bing App Indexing - SMX Munich 2016Google & Bing App Indexing - SMX Munich 2016
Google & Bing App Indexing - SMX Munich 2016
 
How Apple's Changing Up Search: From Siri, to Safari to Spotlight - SMX Munic...
How Apple's Changing Up Search: From Siri, to Safari to Spotlight - SMX Munic...How Apple's Changing Up Search: From Siri, to Safari to Spotlight - SMX Munic...
How Apple's Changing Up Search: From Siri, to Safari to Spotlight - SMX Munic...
 
AMP Speeds without AMP Validation
AMP Speeds without AMP ValidationAMP Speeds without AMP Validation
AMP Speeds without AMP Validation
 
The Future of Deep Linking & App Indexing
The Future of Deep Linking & App IndexingThe Future of Deep Linking & App Indexing
The Future of Deep Linking & App Indexing
 
Nailing Mobile UX for Better Customer Experiences
Nailing Mobile UX for Better Customer ExperiencesNailing Mobile UX for Better Customer Experiences
Nailing Mobile UX for Better Customer Experiences
 
How to Optimize Apps for Apple iOS Search and iOS 9 Universal Links - SMX Wes...
How to Optimize Apps for Apple iOS Search and iOS 9 Universal Links - SMX Wes...How to Optimize Apps for Apple iOS Search and iOS 9 Universal Links - SMX Wes...
How to Optimize Apps for Apple iOS Search and iOS 9 Universal Links - SMX Wes...
 

Recently uploaded

Master the art of Social Selling to increase sales by fostering relationships...
Master the art of Social Selling to increase sales by fostering relationships...Master the art of Social Selling to increase sales by fostering relationships...
Master the art of Social Selling to increase sales by fostering relationships...VereigenMedia1
 
Professional Sales Representative by Sahil Srivastava.pptx
Professional Sales Representative by Sahil Srivastava.pptxProfessional Sales Representative by Sahil Srivastava.pptx
Professional Sales Representative by Sahil Srivastava.pptxSahil Srivastava
 
Miss Immigrant USA Activity Pageant Program.pdf
Miss Immigrant USA Activity Pageant Program.pdfMiss Immigrant USA Activity Pageant Program.pdf
Miss Immigrant USA Activity Pageant Program.pdfMagdalena Kulisz
 
8 distribution in rural mkts.ppt Rural Marketing
8 distribution in rural mkts.ppt Rural Marketing8 distribution in rural mkts.ppt Rural Marketing
8 distribution in rural mkts.ppt Rural Marketingpshirsat
 
Best digital marketing e-book form bignners
Best digital marketing e-book form bignnersBest digital marketing e-book form bignners
Best digital marketing e-book form bignnersmuntasibkhan58
 
SEO Forecasting by Nitin Manchanda at Berlin SEO & Content Club
SEO Forecasting by Nitin Manchanda at Berlin SEO & Content ClubSEO Forecasting by Nitin Manchanda at Berlin SEO & Content Club
SEO Forecasting by Nitin Manchanda at Berlin SEO & Content ClubNitin Manchanda
 
A Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainA Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainBanyanbrain
 
TAM Sports IPL 17 Advertising Report- M01 - M23
TAM Sports IPL 17 Advertising Report- M01 - M23TAM Sports IPL 17 Advertising Report- M01 - M23
TAM Sports IPL 17 Advertising Report- M01 - M23Social Samosa
 
History of JWT by The Knowledge Center.pdf
History of JWT by The Knowledge Center.pdfHistory of JWT by The Knowledge Center.pdf
History of JWT by The Knowledge Center.pdfwilliam charnock
 
Bamboo Charcoal Toothpaste By Phyto Atomy For More Details Message On WhatsA...
Bamboo Charcoal Toothpaste By Phyto Atomy  For More Details Message On WhatsA...Bamboo Charcoal Toothpaste By Phyto Atomy  For More Details Message On WhatsA...
Bamboo Charcoal Toothpaste By Phyto Atomy For More Details Message On WhatsA...shrutimishraqt
 
social media optimization complete indroduction
social media optimization complete indroductionsocial media optimization complete indroduction
social media optimization complete indroductioninfoshraddha747
 
2024 WTF - what's working in mobile user acquisition
2024 WTF - what's working in mobile user acquisition2024 WTF - what's working in mobile user acquisition
2024 WTF - what's working in mobile user acquisitionJohn Koetsier
 
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO DeckDave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO DeckOban International
 
Gen Z and Millennial Debit Card Use Survey.pdf
Gen Z and Millennial Debit Card Use Survey.pdfGen Z and Millennial Debit Card Use Survey.pdf
Gen Z and Millennial Debit Card Use Survey.pdfMedia Logic
 
How To Become a Master In Search Engine Optimization (SEO)
How To Become a Master In Search Engine Optimization (SEO)How To Become a Master In Search Engine Optimization (SEO)
How To Become a Master In Search Engine Optimization (SEO)Blessings Ngalande
 
Digital Marketing Courses In Pune- school Of Internet Marketing
Digital Marketing Courses In Pune- school Of Internet MarketingDigital Marketing Courses In Pune- school Of Internet Marketing
Digital Marketing Courses In Pune- school Of Internet MarketingShauryaBadaya
 
Llanai Buyer Persona & Segmentation Strategy
Llanai Buyer Persona & Segmentation StrategyLlanai Buyer Persona & Segmentation Strategy
Llanai Buyer Persona & Segmentation StrategyMarianna Nakou
 
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...Associazione Digital Days
 
Exploring the Impact of Social Media Trends on Society.pdf
Exploring the Impact of Social Media Trends on Society.pdfExploring the Impact of Social Media Trends on Society.pdf
Exploring the Impact of Social Media Trends on Society.pdfolivalibereo
 
Content Marketing: How To Find The True Value Of Your Marketing Funnel
Content Marketing: How To Find The True Value Of Your Marketing FunnelContent Marketing: How To Find The True Value Of Your Marketing Funnel
Content Marketing: How To Find The True Value Of Your Marketing FunnelSearch Engine Journal
 

Recently uploaded (20)

Master the art of Social Selling to increase sales by fostering relationships...
Master the art of Social Selling to increase sales by fostering relationships...Master the art of Social Selling to increase sales by fostering relationships...
Master the art of Social Selling to increase sales by fostering relationships...
 
Professional Sales Representative by Sahil Srivastava.pptx
Professional Sales Representative by Sahil Srivastava.pptxProfessional Sales Representative by Sahil Srivastava.pptx
Professional Sales Representative by Sahil Srivastava.pptx
 
Miss Immigrant USA Activity Pageant Program.pdf
Miss Immigrant USA Activity Pageant Program.pdfMiss Immigrant USA Activity Pageant Program.pdf
Miss Immigrant USA Activity Pageant Program.pdf
 
8 distribution in rural mkts.ppt Rural Marketing
8 distribution in rural mkts.ppt Rural Marketing8 distribution in rural mkts.ppt Rural Marketing
8 distribution in rural mkts.ppt Rural Marketing
 
Best digital marketing e-book form bignners
Best digital marketing e-book form bignnersBest digital marketing e-book form bignners
Best digital marketing e-book form bignners
 
SEO Forecasting by Nitin Manchanda at Berlin SEO & Content Club
SEO Forecasting by Nitin Manchanda at Berlin SEO & Content ClubSEO Forecasting by Nitin Manchanda at Berlin SEO & Content Club
SEO Forecasting by Nitin Manchanda at Berlin SEO & Content Club
 
A Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainA Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | Banyanbrain
 
TAM Sports IPL 17 Advertising Report- M01 - M23
TAM Sports IPL 17 Advertising Report- M01 - M23TAM Sports IPL 17 Advertising Report- M01 - M23
TAM Sports IPL 17 Advertising Report- M01 - M23
 
History of JWT by The Knowledge Center.pdf
History of JWT by The Knowledge Center.pdfHistory of JWT by The Knowledge Center.pdf
History of JWT by The Knowledge Center.pdf
 
Bamboo Charcoal Toothpaste By Phyto Atomy For More Details Message On WhatsA...
Bamboo Charcoal Toothpaste By Phyto Atomy  For More Details Message On WhatsA...Bamboo Charcoal Toothpaste By Phyto Atomy  For More Details Message On WhatsA...
Bamboo Charcoal Toothpaste By Phyto Atomy For More Details Message On WhatsA...
 
social media optimization complete indroduction
social media optimization complete indroductionsocial media optimization complete indroduction
social media optimization complete indroduction
 
2024 WTF - what's working in mobile user acquisition
2024 WTF - what's working in mobile user acquisition2024 WTF - what's working in mobile user acquisition
2024 WTF - what's working in mobile user acquisition
 
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO DeckDave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
 
Gen Z and Millennial Debit Card Use Survey.pdf
Gen Z and Millennial Debit Card Use Survey.pdfGen Z and Millennial Debit Card Use Survey.pdf
Gen Z and Millennial Debit Card Use Survey.pdf
 
How To Become a Master In Search Engine Optimization (SEO)
How To Become a Master In Search Engine Optimization (SEO)How To Become a Master In Search Engine Optimization (SEO)
How To Become a Master In Search Engine Optimization (SEO)
 
Digital Marketing Courses In Pune- school Of Internet Marketing
Digital Marketing Courses In Pune- school Of Internet MarketingDigital Marketing Courses In Pune- school Of Internet Marketing
Digital Marketing Courses In Pune- school Of Internet Marketing
 
Llanai Buyer Persona & Segmentation Strategy
Llanai Buyer Persona & Segmentation StrategyLlanai Buyer Persona & Segmentation Strategy
Llanai Buyer Persona & Segmentation Strategy
 
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
 
Exploring the Impact of Social Media Trends on Society.pdf
Exploring the Impact of Social Media Trends on Society.pdfExploring the Impact of Social Media Trends on Society.pdf
Exploring the Impact of Social Media Trends on Society.pdf
 
Content Marketing: How To Find The True Value Of Your Marketing Funnel
Content Marketing: How To Find The True Value Of Your Marketing FunnelContent Marketing: How To Find The True Value Of Your Marketing Funnel
Content Marketing: How To Find The True Value Of Your Marketing Funnel
 

From Website to Web App - Indexing, Optimizing, and Auditing Experiences for the New Mobile Web

Editor's Notes

  1. From Website to Web-App: Index, Optimize & Audit SEO-Friendly Experiences for the New Mobile Web http://www.liveanimalslist.com/mammals/duckbill.php
  2. http://udel.edu/~krisdem/WebPageFolder/Images/pets.jpg
  3. Still based on the web technology you know and love http://www.relativelyinteresting.com/the-best-venn-diagram-ever/
  4. Images: http://www.c-sharpcorner.com/uploadfile/b31ac2/single-page-application-with-angularjs-in-net/ http://bit.ly/2rouUqH
  5. https://www.cuttlesoft.com/wp-content/uploads/2016/08/app_shell.jpg https://visualhunt.com/f/photo/3270675019/eeb5bfaec7/
  6. http://insanelab.com/wp-content/uploads/2017/01/progressive-web-apps-infographic-1120x1680.jpg
  7. https://www.pwastats.com/
  8. https://visualhunt.com/f/photo/3943667382/a851db711b/
  9. https://peteroshaughnessy.com/images/posts/2015-11-09-robots-vr-iot-cant-believe-its-javascript/i-cant-believe-it-cat.jpg
  10. https://c1.staticflickr.com/3/2282/2252579206_8154593c91.jpg
  11. Google is one of the only Search Engines trying to deal with JS applications
  12. https://giphy.com/gifs/xT0GqtpF1NWd9VbstO
  13. Today I want to talk about 3 areas where we can help – INDEXING – making sure Google can crawl and properly index our web app content, OPTIMIZING – not just for rankings but for that app-like user experience, and AUDITING – being able to trouble shoot and measure areas for improvement.
  14. Let’s start with crawling and indexing. Although this may change in the future, Google’s ability to crawl and index our web content relies heavily on the principal that every unique piece of content has a unique URL.
  15. Although this may change in the future, Google’s ability to crawl and index our web content relies heavily on the principal that every unique piece of content has a unique URL. https://visualhunt.com/f/photo/5542857895/8f186be4b0/
  16. To avoid this there are 2 things that need to be done. Configuring $locationProvider History API Setting our base for relative links
  17. Moving from these hash URLs to clean URLs is a PAIN IN THE BUTT because 301 redirects do not work with hashes. So if you can, do not introduce them in the first place. Otherwise JS redirects.
  18. https://css-tricks.com/using-the-html5-history-api/ https://visualhunt.com/photo/104626/ http://diveintohtml5.info/history.html The HTML5 history API is actually designed to ensure that URLs continue to be useful in script-heavy web applications. Going back to first principles, what does a URL do? It identifies a unique resource. You can link to it directly; you can bookmark it; search engines can index it; you can copy and paste it and email it to someone else, who can click it and end up seeing the same resource you saw originally. These are all excellent qualities. URLs matter. So we want unique resources to have unique URLs. But at the same time, browsers have always had a fundamental limitation: if you change the URL, even through script, it triggers a roundtrip to the remote web server and a full page refresh. This takes time and resources, and it seems especially wasteful when you are navigating to a page that is substantially similar to the current page. Everything on the new page gets downloaded, even the parts that are exactly the same as the current page. There is no way tell a browser to change the URL but only download half a page. The HTML5 history API lets you do this. Instead of triggering a full page refresh, you can use script to, in essence, download half a page
  19. FYI errors in pushState() can also cause 2 urls for the same content and duplicate content issues.
  20. Before Google can index our web content, we need to make sure Google can crawl it. And this is where Rendering comes in. https://visualhunt.com/f/photo/16055850189/460392d1e3/ https://visualhunt.com/f/photo/474542238/8097a7369b/
  21. Javascript is a language that can manipulate the DOM without touching the source HTML.
  22. Image source: https://goralewicz.com/blog/javascript-seo-backfire-hulu-com-case-study/
  23. A bit more complicated than this, but Images: https://goralewicz.com/blog/javascript-seo-backfire-hulu-com-case-study/
  24. When people say “Google can handle JavaScript” this is what they mean.
  25. Googlebot’s ability to render appears to timeout at about 4-5 seconds. https://goralewicz.com/blog/javascript-seo-experiment/
  26. https://visualhunt.com/f/photo/2524272975/f60c927416/ https://goralewicz.com/blog/javascript-seo-experiment/
  27. Now on our web app, we also have a choice about rendering
  28. https://juristr.com/blog/2016/06/ng2-getting-started-for-beginners/
  29. https://juristr.com/blog/2016/06/ng2-getting-started-for-beginners/
  30. We can kind of go back to “ye olde days!” as far as Google and other search engines are concerned
  31. The downside to this is that we lose a lot of the benefits of implementing a JS-driven website in the first place! https://visualhunt.com/f/photo/5406890987/63d3118a3c/
  32. Really we need both AKA: Universal JavaScript Portable JavaScript Shared JavaScript
  33. Serve a static version on the first request, by piping the output of the server-side to the page (based on the req path). Then let the client pick it up from there. And really this makes sense when you think about a web app as something that both needs to have some static crawlable content and wants to be deeply engaging for users. AKA: Universal JavaScript Portable JavaScript Shared JavaScript
  34. Performance First paint can be faster (after framework rendering) SEO Makes crawling easier for Search Engines Emphasis on “Search EngineS” Maintainability
  35. Performance First paint can be faster (after framework rendering) SEO Makes crawling easier for Search Engines Emphasis on “Search EngineS” Maintainability
  36. Performance First paint can be faster (after framework rendering) SEO Makes crawling easier for Search Engines Emphasis on “Search EngineS” Maintainability
  37. @spikebrehm https://www.slideshare.net/spikebrehm/2014-0313fluent/20-Ye_olde_daysfatserver_thinclient
  38. @spikebrehm https://www.slideshare.net/spikebrehm/2014-0313fluent/20-Ye_olde_daysfatserver_thinclient https://www.slideshare.net/laogianoel/isomorphic-web-application-42688073
  39. You choose, or maybe your framework chooses, which pieces of code get shared
  40. But the important thing to remember – especially if you are working with a Framework – is that even though some frameworks support serverside rendering, pretty much none of them do it by default – so this is something a developer will have to set up. It’s a decision that ideally you will make and defend as you are setting up your development stack.
  41. https://developers.google.com/web/updates/2017/04/headless-chrome
  42. SaaS wrapper for PhantomJS Prerender IO was built on headless library Phantom JS to render the page and take an “html snapshot” that can be be used for SEO
  43. SaaS wrapper for PhantomJS Prerender IO was built on headless library Phantom JS to render the page and take an “html snapshot” that can be be used for SEO
  44. https://moz.com/blog/optimizing-angularjs-single-page-applications-googlebot-crawlers
  45. Halfway
  46. @lukew
  47. https://visualhunt.com/photo/44460/
  48. Don’t expect the $30 theme you buy on themeforest to be on a diet
  49. But one of the easiest ways to get a faster mobile website is to look at your image handling. Ask yourself…
  50. Optimize for key pagespeed APIs https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-2-page-load-performance-33b932d97cf2
  51. Eliminate unnecessary fetching https://visualhunt.com/f/photo/4577182826/0784f3a472/
  52. https://developers.google.com/web/fundamentals/performance/prpl-pattern/
  53. https://developers.google.com/web/fundamentals/performance/prpl-pattern/
  54. Push critical resources for initial route Render initial route Precache remaining routes Lazy load the rest on demand https://developers.google.com/web/fundamentals/performance/prpl-pattern/
  55. Frameworks are starting to build in a certain amount of smart pre rendering for PWAs
  56. https://visualhunt.com/f/photo/7335350820/b52191f824/
  57. https://blog.chromium.org/2016/09/moving-towards-more-secure-web.html
  58. http://www.aleydasolis.com/en/search-engine-optimization/http-https-migration-checklist-google-docs/
  59. https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
  60. https://caniuse.com/#search=service%20workers
  61. https://css-tricks.com/production-progressive-web-apps-javascript-frameworks/
  62. Testing is probably the most important part I’m not going to go into how to check and see which pages on a website are not getting indexed – let’s assume you all know how to do that or how to google it
  63. – but what you might not know how to do is troubleshoot for WHY certain pages are not getting indexed – or more frequently, why they are getting indexed improperly https://twitter.com/_developit/status/862686014447509504 https://www.google.com/webmasters/tools/googlebot-fetch
  64. https://technicalseo.com/seo-tools/fetch-render/
  65. https://visualhunt.com/f/photo/33569560844/1d0d6399b6/
  66. Checklist: https://developers.google.com/web/progressive-web-apps/checklist
  67. https://google-developer-training.gitbooks.io/progressive-web-apps-ilt-codelabs/content/docs/lab_auditing_with_lighthouse.html
  68. https://visualhunt.com/f/photo/11384990335/dddc3fde85/
  69. https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/
  70. This is just an example on TTI
  71. http://www.bymichaellancaster.com/assets/images/cat-javascript.jpg