SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
@SPEAKERNAME/#SMX
A Deep Dive Into SEO Tactics For
Modern JavaScript Frameworks
Hamlet Batista
CEO at RankSense
@hamletbatista
@SPEAKERNAME/#SMX
I believe amazing
SEO results should
take 6 weeks, not 6
months!
Hamlet Batista
CEO and Founder, RankSense
@hamletbatista
slideshare.net/hamletbatista
I’m a mentor at the speaker accelerator for
underrepresented groups, United Search. Check us out at
unitedsearch.org or @search_united on
www.ranksense.com
@SPEAKERNAME/#SMX
‘The developer
insisted they knew
what they were doing
and that "Google
can index the
content” ’
How Often Have You Heard This One?
https://bit.ly/2KaCtgG
@SPEAKERNAME/#SMX
• Doing it yourself
• Teaching others
The Best Way to Learn JavaScript
SEO (or Anything)
@hamletbatista
@SPEAKERNAME/#SMX
• We are going to review critical JavaScript SEO
concepts using example apps in ReactJs, NextJs,
VueJs and NuxtJs:
• Optimal application shells
• SEO meta tags
• Rendering options
• Client-side navigations and soft 404s
• Schema markup
• And more!
Agenda
@hamletbatista
@SPEAKERNAME/#SMX
• Google Colab has a
built-in Linux
environment with
Node support
• Ngrok helps expose
the local web server
• Notebooks are great
for learning and
documentation
Setting Up the Examples in Google Colab Notebooks
@hamletbatista
@SPEAKERNAME/#SMX
• Useful for getting
some initial HTML
to the screen fast
• This HTML can
include SEO meta
data
• PWAs can cache
locally for offline
use
The Application Shell Model
https://bit.ly/3puiauE
@SPEAKERNAME/#SMX
• Disable/enable
JavaScript to see
the App Shell
• Open Chrome
Developer Tools
• Command +
Shift + P(opens
command list)
The Application Shell in an Example ReactJS App
@hamletbatista
@SPEAKERNAME/#SMX
• Disable/enable
JavaScript to see
the App Shell
• Open Chrome
Developer Tools
• Command +
Shift + P(opens
command list)
The Application Shell in an Example NextJs App
@hamletbatista
@SPEAKERNAME/#SMX
• Disable/enable
JavaScript to see
the App Shell
• Open Chrome
Developer Tools
• Command +
Shift + P(opens
command list)
The Application Shell in an Example VueJs App
@hamletbatista
@SPEAKERNAME/#SMX
• Disable/enable
JavaScript to see
the App Shell
• Open Chrome
Developer Tools
• Command + Shift
+ P(opens
command list)
The Application Shell in an Example NuxtJs App
@hamletbatista
@SPEAKERNAME/#SMX
• We will add meta tags to
examples apps built
using:
• ReactJs
• NextJs (Universal)
• VueJs
• NuxtJs (Universal)
SEO Meta Tags in the Application Shell
ReactJs NextJs
VueJs NuxtJs
@hamletbatista
@SPEAKERNAME/#SMX
• ReactJs apps
use React
Helmet to add
SEO meta tags
• Simple to use
• But doesn’t
keep meta
tags in the
app shell
SEO Meta Tags in an Example ReactJS App
@hamletbatista
@SPEAKERNAME/#SMX
• NextJs has built-in
support for meta
tags
• Simple to use
• It keeps meta
tags in the app
shell thanks to
server-side
rendering
SEO Meta Tags in an Example NextJs App
@hamletbatista
@SPEAKERNAME/#SMX
• VueJs apps use
Vue Meta to
add SEO meta
tags
• Simple to use
• But doesn’t
keep meta
tags in the
app shell
SEO Meta Tags in an Example VueJs App
@hamletbatista
@SPEAKERNAME/#SMX
• NuxtJs has built-
in support for
meta tags
• Simple to use
• It keeps meta
tags in the
app shell
thanks to
server-side
rendering
SEO Meta Tags in an Example NuxtJs App
@hamletbatista
@SPEAKERNAME/#SMX
• We are going to test
how pages, redirects
and 404s operate in:
• Client-side JavaScript
• Server-side JavaScript
Page Navigation, Redirects and Soft 404s
Page 3Page 2Page 1
Link 1
Link 2
Link 4
Link 5
Link 3 Link 6
@hamletbatista
@SPEAKERNAME/#SMX
• Client-side
navigation
• No HTTP
requests
• CSS
background
color trick
• Server-side
navigation
• Check HTTP
requests in the
Network tab
Server-side vs Client-side Navigation
@hamletbatista
@SPEAKERNAME/#SMX
Server-side Redirects
• Server-side
redirects
• Check HTTP
requests
• Should work
with JavaScript
disabled
@hamletbatista
@SPEAKERNAME/#SMX
• NextJs and
NuxtJs handle
404s correctly
out of the box
• ReactJs and
VueJs require
additional
configuration
Soft 404s
@hamletbatista
@SPEAKERNAME/#SMX
How Pre-rendering and Server-side Rendering Work
https://nextjs.org/learn/basics/data-fetching
@SPEAKERNAME/#SMX
Structured Data in an Example NextJs App
@hamletbatista
• The Next SEO
plugin simplifies
adding structured
data and other
SEO meta tags to
NextJs and
ReactJs
applications
• There are similar
plugins for other
frameworks
@SPEAKERNAME/#SMX
• How many and what
advanced browser features
are supported by the
evergreen search bots?
• We will run some clever
experiments to find out!
Evaluating Features in Evergreen Search Bots
@hamletbatista
@SPEAKERNAME/#SMX
• This page
executes a
series of test to
report which
capabilities
the browser
has
Modern Browser Features
https://browserleaks.com/features@hamletbatista
@SPEAKERNAME/#SMX
• We want to run
Google and
Bing URL
Inspectors to
learn what
features each
search bot
supports
Reverse Proxying to Run URL Inspections
https://bit.ly/36DbzFJ
• From: Browser
Leaks
• To: Localhost
MITMProxy
• From: Localhost
• To: Public URL
Ngrok
• Fetch and render
public URL
• Save HTML report
URL Inspection
Tool
@hamletbatista
@SPEAKERNAME/#SMX
• pip install
mitmproxy
• mitmproxy -p 8081
--mode
reverse:https://bro
wserleaks.com/
• ./ngrok http -
hostname=rnd.ran
ksense.com 8081
Reverse Proxying to Run URL Inspections
https://searchengineland.com/how-to-audit-sites-inside-corporate-networks-341195
@hamletbatista
@SPEAKERNAME/#SMX
• Here is what
we learned
about
Evergreen
Googlebot
capabilities
Googlebot Browser Features
https://bit.ly/2Uvbcre@hamletbatista
@SPEAKERNAME/#SMX
• Here is what
we learned
about
Evergreen
Bingbot
capabilities
Bingbot Browser Features
https://bit.ly/3kxyJ5l@hamletbatista
@SPEAKERNAME/#SMX
• https://github.com/
hamletbatista/smx
• ReactJs notebook
• NextJs notebook
• VueJs notebook
• NuxtJs notebook
• Next SEO plugin
https://www.npmjs.
com/package/next
-seo
Github Repository
@hamletbatista
@SPEAKERNAME/#SMX
I believe amazing
SEO results should
take 6 weeks, not 6
months!
• Learn from
other SEOs
writing code in
Python and
JavaScript
• Tune in each
Thursday to our
#RSTwittorial
series in Twitter
to get
practical SEO
automation
scripts 🐍 🔥
https://bit.ly/35yuwtZ
@RankSense
@SPEAKERNAME/#SMX
SEE YOU AT THE NEXT SMX!

Weitere ähnliche Inhalte

Was ist angesagt?

11 Advanced Uses of Screaming Frog Nov 2019 DMSS
11 Advanced Uses of Screaming Frog Nov 2019 DMSS11 Advanced Uses of Screaming Frog Nov 2019 DMSS
11 Advanced Uses of Screaming Frog Nov 2019 DMSSOliver Brett
 
The Rise of JavaScript and What it Means for SEO
The Rise of JavaScript and What it Means for SEOThe Rise of JavaScript and What it Means for SEO
The Rise of JavaScript and What it Means for SEOPatrick Hathaway
 
#CMC2019: Advanced SEO: Competitive intelligence, Web Scraping, and More.
#CMC2019: Advanced SEO: Competitive intelligence, Web Scraping, and More. #CMC2019: Advanced SEO: Competitive intelligence, Web Scraping, and More.
#CMC2019: Advanced SEO: Competitive intelligence, Web Scraping, and More. Mel Sciorra
 
Combatting Crawl Bloat & Pruning Your Content Effectively
Combatting Crawl Bloat & Pruning Your Content EffectivelyCombatting Crawl Bloat & Pruning Your Content Effectively
Combatting Crawl Bloat & Pruning Your Content EffectivelyCharlie Whitworth
 
20 free SEO Tools you should be using - 20180829
20 free SEO Tools you should be using - 2018082920 free SEO Tools you should be using - 20180829
20 free SEO Tools you should be using - 20180829Christoph C. Cemper
 
SEO Checklist for Google Mobile First Index
SEO Checklist for Google Mobile First IndexSEO Checklist for Google Mobile First Index
SEO Checklist for Google Mobile First IndexErudite
 
How To Tackle Enterprise Sites - Rachel Costello, Technical SEO, DeepCrawl
How To Tackle Enterprise Sites - Rachel Costello, Technical SEO, DeepCrawlHow To Tackle Enterprise Sites - Rachel Costello, Technical SEO, DeepCrawl
How To Tackle Enterprise Sites - Rachel Costello, Technical SEO, DeepCrawlDeepCrawl
 
Easier and faster tagging with Kermit
Easier and faster tagging with KermitEasier and faster tagging with Kermit
Easier and faster tagging with KermitAlban Gérôme
 
Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...
Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...
Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...Link-Assistant.Com
 
Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021
Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021
Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021DavidSmart53
 
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...Catalyst
 
Single Page Apps - Gerry White @ BrightonSEO
Single Page Apps - Gerry White @ BrightonSEOSingle Page Apps - Gerry White @ BrightonSEO
Single Page Apps - Gerry White @ BrightonSEOGerry White
 
Determine the Health of your Website from SEO stand point
Determine the Health of your Website from SEO stand pointDetermine the Health of your Website from SEO stand point
Determine the Health of your Website from SEO stand pointNeha Patel
 
The State of the Web: Pagination and Infinite Scroll
The State of the Web: Pagination and Infinite ScrollThe State of the Web: Pagination and Infinite Scroll
The State of the Web: Pagination and Infinite ScrollAdam Gent
 
Brighton SEO July 2021 How JavaScript is preventing you from passing Core W...
Brighton SEO July 2021   How JavaScript is preventing you from passing Core W...Brighton SEO July 2021   How JavaScript is preventing you from passing Core W...
Brighton SEO July 2021 How JavaScript is preventing you from passing Core W...Izabela Wisniewska
 
Debugging rendering problems at scale
Debugging rendering problems at scaleDebugging rendering problems at scale
Debugging rendering problems at scaleGiacomo Zecchini
 
Headless SEO: Optimising Next Gen Sites | brightonSEO 2021
Headless SEO: Optimising Next Gen Sites | brightonSEO 2021Headless SEO: Optimising Next Gen Sites | brightonSEO 2021
Headless SEO: Optimising Next Gen Sites | brightonSEO 2021Alex Wright
 
KIM DEWE - How to automate key SEO processes using API’s and Google Sheets (B...
KIM DEWE - How to automate key SEO processes using API’s and Google Sheets (B...KIM DEWE - How to automate key SEO processes using API’s and Google Sheets (B...
KIM DEWE - How to automate key SEO processes using API’s and Google Sheets (B...Kim Dewe
 
Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Bastian Grimm
 

Was ist angesagt? (20)

11 Advanced Uses of Screaming Frog Nov 2019 DMSS
11 Advanced Uses of Screaming Frog Nov 2019 DMSS11 Advanced Uses of Screaming Frog Nov 2019 DMSS
11 Advanced Uses of Screaming Frog Nov 2019 DMSS
 
The Rise of JavaScript and What it Means for SEO
The Rise of JavaScript and What it Means for SEOThe Rise of JavaScript and What it Means for SEO
The Rise of JavaScript and What it Means for SEO
 
#CMC2019: Advanced SEO: Competitive intelligence, Web Scraping, and More.
#CMC2019: Advanced SEO: Competitive intelligence, Web Scraping, and More. #CMC2019: Advanced SEO: Competitive intelligence, Web Scraping, and More.
#CMC2019: Advanced SEO: Competitive intelligence, Web Scraping, and More.
 
Combatting Crawl Bloat & Pruning Your Content Effectively
Combatting Crawl Bloat & Pruning Your Content EffectivelyCombatting Crawl Bloat & Pruning Your Content Effectively
Combatting Crawl Bloat & Pruning Your Content Effectively
 
20 free SEO Tools you should be using - 20180829
20 free SEO Tools you should be using - 2018082920 free SEO Tools you should be using - 20180829
20 free SEO Tools you should be using - 20180829
 
SEO Checklist for Google Mobile First Index
SEO Checklist for Google Mobile First IndexSEO Checklist for Google Mobile First Index
SEO Checklist for Google Mobile First Index
 
How To Tackle Enterprise Sites - Rachel Costello, Technical SEO, DeepCrawl
How To Tackle Enterprise Sites - Rachel Costello, Technical SEO, DeepCrawlHow To Tackle Enterprise Sites - Rachel Costello, Technical SEO, DeepCrawl
How To Tackle Enterprise Sites - Rachel Costello, Technical SEO, DeepCrawl
 
Easier and faster tagging with Kermit
Easier and faster tagging with KermitEasier and faster tagging with Kermit
Easier and faster tagging with Kermit
 
Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...
Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...
Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...
 
Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021
Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021
Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021
 
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...
 
Single Page Apps - Gerry White @ BrightonSEO
Single Page Apps - Gerry White @ BrightonSEOSingle Page Apps - Gerry White @ BrightonSEO
Single Page Apps - Gerry White @ BrightonSEO
 
Determine the Health of your Website from SEO stand point
Determine the Health of your Website from SEO stand pointDetermine the Health of your Website from SEO stand point
Determine the Health of your Website from SEO stand point
 
The State of the Web: Pagination and Infinite Scroll
The State of the Web: Pagination and Infinite ScrollThe State of the Web: Pagination and Infinite Scroll
The State of the Web: Pagination and Infinite Scroll
 
SEO for Large Websites
SEO for Large WebsitesSEO for Large Websites
SEO for Large Websites
 
Brighton SEO July 2021 How JavaScript is preventing you from passing Core W...
Brighton SEO July 2021   How JavaScript is preventing you from passing Core W...Brighton SEO July 2021   How JavaScript is preventing you from passing Core W...
Brighton SEO July 2021 How JavaScript is preventing you from passing Core W...
 
Debugging rendering problems at scale
Debugging rendering problems at scaleDebugging rendering problems at scale
Debugging rendering problems at scale
 
Headless SEO: Optimising Next Gen Sites | brightonSEO 2021
Headless SEO: Optimising Next Gen Sites | brightonSEO 2021Headless SEO: Optimising Next Gen Sites | brightonSEO 2021
Headless SEO: Optimising Next Gen Sites | brightonSEO 2021
 
KIM DEWE - How to automate key SEO processes using API’s and Google Sheets (B...
KIM DEWE - How to automate key SEO processes using API’s and Google Sheets (B...KIM DEWE - How to automate key SEO processes using API’s and Google Sheets (B...
KIM DEWE - How to automate key SEO processes using API’s and Google Sheets (B...
 
Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...
 

Ähnlich wie A Deep Dive Into SEO Tactics For Modern Javascript Frameworks

The New Renaissance of JavaScript
The New Renaissance of JavaScriptThe New Renaissance of JavaScript
The New Renaissance of JavaScriptHamlet Batista
 
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
 
JavaScript SEO Ungagged 2019 Patrick Stox
JavaScript SEO Ungagged 2019 Patrick StoxJavaScript SEO Ungagged 2019 Patrick Stox
JavaScript SEO Ungagged 2019 Patrick Stoxpatrickstox
 
Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...
Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...
Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...MobileMoxie
 
Page Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick StoxPage Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick Stoxpatrickstox
 
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxGoogle's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxAhrefs
 
Progressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesProgressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesDigitally
 
Everything That Can Go Wrong Will Go Wrong - Tech SEO Boost 2017 - Patrick Stox
Everything That Can Go Wrong Will Go Wrong - Tech SEO Boost 2017 - Patrick StoxEverything That Can Go Wrong Will Go Wrong - Tech SEO Boost 2017 - Patrick Stox
Everything That Can Go Wrong Will Go Wrong - Tech SEO Boost 2017 - Patrick Stoxpatrickstox
 
How Search Works
How Search WorksHow Search Works
How Search WorksAhrefs
 
Troubleshooting Technical SEO Problems - Patrick Stox - Raleigh SEO Meetup
Troubleshooting Technical SEO Problems - Patrick Stox - Raleigh SEO MeetupTroubleshooting Technical SEO Problems - Patrick Stox - Raleigh SEO Meetup
Troubleshooting Technical SEO Problems - Patrick Stox - Raleigh SEO Meetuppatrickstox
 
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
 
Build your own analytics power tools
Build your own analytics power toolsBuild your own analytics power tools
Build your own analytics power toolsAlban Gérôme
 
AppeX and JavaScript Support Enhancements in Cincom Smalltalk
AppeX and JavaScript Support Enhancements in Cincom SmalltalkAppeX and JavaScript Support Enhancements in Cincom Smalltalk
AppeX and JavaScript Support Enhancements in Cincom SmalltalkESUG
 
React JS and Search Engines - Patrick Stox at Triangle ReactJS Meetup
React JS and Search Engines - Patrick Stox at Triangle ReactJS MeetupReact JS and Search Engines - Patrick Stox at Triangle ReactJS Meetup
React JS and Search Engines - Patrick Stox at Triangle ReactJS Meetuppatrickstox
 
SMX Advanced 2018 Solving Complex SEO Problems by Patrick Stox
SMX Advanced 2018 Solving Complex SEO Problems by Patrick StoxSMX Advanced 2018 Solving Complex SEO Problems by Patrick Stox
SMX Advanced 2018 Solving Complex SEO Problems by Patrick Stoxpatrickstox
 
How to make React Applications SEO-friendly
How to make React Applications SEO-friendlyHow to make React Applications SEO-friendly
How to make React Applications SEO-friendlyFibonalabs
 
Pubcon Las Vegas 2012 CSS and HTML coding
Pubcon Las Vegas 2012 CSS and HTML codingPubcon Las Vegas 2012 CSS and HTML coding
Pubcon Las Vegas 2012 CSS and HTML codingTodd Keup
 
Dan Cohen, Hands On Seo from Internet World 2009
Dan Cohen, Hands On Seo from Internet World 2009Dan Cohen, Hands On Seo from Internet World 2009
Dan Cohen, Hands On Seo from Internet World 2009Dan Cohen
 

Ähnlich wie A Deep Dive Into SEO Tactics For Modern Javascript Frameworks (20)

The New Renaissance of JavaScript
The New Renaissance of JavaScriptThe New Renaissance of JavaScript
The New Renaissance of JavaScript
 
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
 
JavaScript SEO Ungagged 2019 Patrick Stox
JavaScript SEO Ungagged 2019 Patrick StoxJavaScript SEO Ungagged 2019 Patrick Stox
JavaScript SEO Ungagged 2019 Patrick Stox
 
Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...
Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...
Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...
 
Boost and SEO
Boost and SEOBoost and SEO
Boost and SEO
 
Page Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick StoxPage Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick Stox
 
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxGoogle's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
 
Progressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesProgressively Enhancing WordPress Themes
Progressively Enhancing WordPress Themes
 
Everything That Can Go Wrong Will Go Wrong - Tech SEO Boost 2017 - Patrick Stox
Everything That Can Go Wrong Will Go Wrong - Tech SEO Boost 2017 - Patrick StoxEverything That Can Go Wrong Will Go Wrong - Tech SEO Boost 2017 - Patrick Stox
Everything That Can Go Wrong Will Go Wrong - Tech SEO Boost 2017 - Patrick Stox
 
How Search Works
How Search WorksHow Search Works
How Search Works
 
Troubleshooting Technical SEO Problems - Patrick Stox - Raleigh SEO Meetup
Troubleshooting Technical SEO Problems - Patrick Stox - Raleigh SEO MeetupTroubleshooting Technical SEO Problems - Patrick Stox - Raleigh SEO Meetup
Troubleshooting Technical SEO Problems - Patrick Stox - Raleigh SEO Meetup
 
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
 
Build your own analytics power tools
Build your own analytics power toolsBuild your own analytics power tools
Build your own analytics power tools
 
FrontEnd-Roadmap.pdf
FrontEnd-Roadmap.pdfFrontEnd-Roadmap.pdf
FrontEnd-Roadmap.pdf
 
AppeX and JavaScript Support Enhancements in Cincom Smalltalk
AppeX and JavaScript Support Enhancements in Cincom SmalltalkAppeX and JavaScript Support Enhancements in Cincom Smalltalk
AppeX and JavaScript Support Enhancements in Cincom Smalltalk
 
React JS and Search Engines - Patrick Stox at Triangle ReactJS Meetup
React JS and Search Engines - Patrick Stox at Triangle ReactJS MeetupReact JS and Search Engines - Patrick Stox at Triangle ReactJS Meetup
React JS and Search Engines - Patrick Stox at Triangle ReactJS Meetup
 
SMX Advanced 2018 Solving Complex SEO Problems by Patrick Stox
SMX Advanced 2018 Solving Complex SEO Problems by Patrick StoxSMX Advanced 2018 Solving Complex SEO Problems by Patrick Stox
SMX Advanced 2018 Solving Complex SEO Problems by Patrick Stox
 
How to make React Applications SEO-friendly
How to make React Applications SEO-friendlyHow to make React Applications SEO-friendly
How to make React Applications SEO-friendly
 
Pubcon Las Vegas 2012 CSS and HTML coding
Pubcon Las Vegas 2012 CSS and HTML codingPubcon Las Vegas 2012 CSS and HTML coding
Pubcon Las Vegas 2012 CSS and HTML coding
 
Dan Cohen, Hands On Seo from Internet World 2009
Dan Cohen, Hands On Seo from Internet World 2009Dan Cohen, Hands On Seo from Internet World 2009
Dan Cohen, Hands On Seo from Internet World 2009
 

Mehr von Hamlet Batista

Automating Google Lighthouse
Automating Google LighthouseAutomating Google Lighthouse
Automating Google LighthouseHamlet Batista
 
Creando una Sección de FAQS y su Marcado de Datos Estructurados en 30 Minutos
Creando una Sección de FAQS y su Marcado de Datos Estructurados en 30 MinutosCreando una Sección de FAQS y su Marcado de Datos Estructurados en 30 Minutos
Creando una Sección de FAQS y su Marcado de Datos Estructurados en 30 MinutosHamlet Batista
 
The Python Cheat Sheet for the Busy Marketer
The Python Cheat Sheet for the Busy MarketerThe Python Cheat Sheet for the Busy Marketer
The Python Cheat Sheet for the Busy MarketerHamlet Batista
 
Doing More with Less: Automated, High-Quality Content Generation
Doing More with Less: Automated, High-Quality Content GenerationDoing More with Less: Automated, High-Quality Content Generation
Doing More with Less: Automated, High-Quality Content GenerationHamlet Batista
 
Agile SEO: Faster SEO Results
Agile SEO: Faster SEO ResultsAgile SEO: Faster SEO Results
Agile SEO: Faster SEO ResultsHamlet Batista
 
Scaling Keyword Research to Find Content Gaps
Scaling Keyword Research to Find Content GapsScaling Keyword Research to Find Content Gaps
Scaling Keyword Research to Find Content GapsHamlet Batista
 
Query Classification on Steroids with BERT
Query Classification on Steroids with BERTQuery Classification on Steroids with BERT
Query Classification on Steroids with BERTHamlet Batista
 
Python for Data-driven Storytelling
Python for Data-driven StorytellingPython for Data-driven Storytelling
Python for Data-driven StorytellingHamlet Batista
 
Scaling automated quality text generation for enterprise sites
Scaling automated quality text generation for enterprise sitesScaling automated quality text generation for enterprise sites
Scaling automated quality text generation for enterprise sitesHamlet Batista
 
Data and Evidence-driven SEO
Data and Evidence-driven SEOData and Evidence-driven SEO
Data and Evidence-driven SEOHamlet Batista
 
Advanced Data-Driven SEO
Advanced Data-Driven SEOAdvanced Data-Driven SEO
Advanced Data-Driven SEOHamlet Batista
 
Technical SEO "Overoptimization"
Technical SEO "Overoptimization"Technical SEO "Overoptimization"
Technical SEO "Overoptimization"Hamlet Batista
 
Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?Hamlet Batista
 
Gettin' It Up And Keepin' It Up in Google
Gettin' It Up And Keepin' It Up in GoogleGettin' It Up And Keepin' It Up in Google
Gettin' It Up And Keepin' It Up in GoogleHamlet Batista
 
Batista, Hamlet, Beyond The Usual Link Building
Batista, Hamlet, Beyond The Usual Link BuildingBatista, Hamlet, Beyond The Usual Link Building
Batista, Hamlet, Beyond The Usual Link BuildingHamlet Batista
 

Mehr von Hamlet Batista (16)

Automating Google Lighthouse
Automating Google LighthouseAutomating Google Lighthouse
Automating Google Lighthouse
 
Creando una Sección de FAQS y su Marcado de Datos Estructurados en 30 Minutos
Creando una Sección de FAQS y su Marcado de Datos Estructurados en 30 MinutosCreando una Sección de FAQS y su Marcado de Datos Estructurados en 30 Minutos
Creando una Sección de FAQS y su Marcado de Datos Estructurados en 30 Minutos
 
The Python Cheat Sheet for the Busy Marketer
The Python Cheat Sheet for the Busy MarketerThe Python Cheat Sheet for the Busy Marketer
The Python Cheat Sheet for the Busy Marketer
 
Doing More with Less: Automated, High-Quality Content Generation
Doing More with Less: Automated, High-Quality Content GenerationDoing More with Less: Automated, High-Quality Content Generation
Doing More with Less: Automated, High-Quality Content Generation
 
Agile SEO: Faster SEO Results
Agile SEO: Faster SEO ResultsAgile SEO: Faster SEO Results
Agile SEO: Faster SEO Results
 
Scaling Keyword Research to Find Content Gaps
Scaling Keyword Research to Find Content GapsScaling Keyword Research to Find Content Gaps
Scaling Keyword Research to Find Content Gaps
 
Query Classification on Steroids with BERT
Query Classification on Steroids with BERTQuery Classification on Steroids with BERT
Query Classification on Steroids with BERT
 
Python for Data-driven Storytelling
Python for Data-driven StorytellingPython for Data-driven Storytelling
Python for Data-driven Storytelling
 
Scaling automated quality text generation for enterprise sites
Scaling automated quality text generation for enterprise sitesScaling automated quality text generation for enterprise sites
Scaling automated quality text generation for enterprise sites
 
Data and Evidence-driven SEO
Data and Evidence-driven SEOData and Evidence-driven SEO
Data and Evidence-driven SEO
 
Advanced Data-Driven SEO
Advanced Data-Driven SEOAdvanced Data-Driven SEO
Advanced Data-Driven SEO
 
Technical SEO "Overoptimization"
Technical SEO "Overoptimization"Technical SEO "Overoptimization"
Technical SEO "Overoptimization"
 
Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?
 
Gettin' It Up And Keepin' It Up in Google
Gettin' It Up And Keepin' It Up in GoogleGettin' It Up And Keepin' It Up in Google
Gettin' It Up And Keepin' It Up in Google
 
Batista, Hamlet, Beyond The Usual Link Building
Batista, Hamlet, Beyond The Usual Link BuildingBatista, Hamlet, Beyond The Usual Link Building
Batista, Hamlet, Beyond The Usual Link Building
 
White Hat Cloaking
White Hat CloakingWhite Hat Cloaking
White Hat Cloaking
 

Kürzlich hochgeladen

Processing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxProcessing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxpranjaldaimarysona
 
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
Call Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service Nashik
Call Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service NashikCall Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service Nashik
Call Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service NashikCall Girls in Nagpur High Profile
 
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )Tsuyoshi Horigome
 
UNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its PerformanceUNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its Performancesivaprakash250
 
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCollege Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCall Girls in Nagpur High Profile
 
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur High Profile
 
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130Suhani Kapoor
 
IMPLICATIONS OF THE ABOVE HOLISTIC UNDERSTANDING OF HARMONY ON PROFESSIONAL E...
IMPLICATIONS OF THE ABOVE HOLISTIC UNDERSTANDING OF HARMONY ON PROFESSIONAL E...IMPLICATIONS OF THE ABOVE HOLISTIC UNDERSTANDING OF HARMONY ON PROFESSIONAL E...
IMPLICATIONS OF THE ABOVE HOLISTIC UNDERSTANDING OF HARMONY ON PROFESSIONAL E...RajaP95
 
Introduction to Multiple Access Protocol.pptx
Introduction to Multiple Access Protocol.pptxIntroduction to Multiple Access Protocol.pptx
Introduction to Multiple Access Protocol.pptxupamatechverse
 
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete Record
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete RecordCCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete Record
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete RecordAsst.prof M.Gokilavani
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur High Profile
 
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Serviceranjana rawat
 
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur High Profile
 
UNIT-III FMM. DIMENSIONAL ANALYSIS
UNIT-III FMM.        DIMENSIONAL ANALYSISUNIT-III FMM.        DIMENSIONAL ANALYSIS
UNIT-III FMM. DIMENSIONAL ANALYSISrknatarajan
 

Kürzlich hochgeladen (20)

Processing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxProcessing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptx
 
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
Call Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service Nashik
Call Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service NashikCall Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service Nashik
Call Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service Nashik
 
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )
 
UNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its PerformanceUNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its Performance
 
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINEDJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
 
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCollege Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
 
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
 
Roadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and RoutesRoadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and Routes
 
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
 
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
 
IMPLICATIONS OF THE ABOVE HOLISTIC UNDERSTANDING OF HARMONY ON PROFESSIONAL E...
IMPLICATIONS OF THE ABOVE HOLISTIC UNDERSTANDING OF HARMONY ON PROFESSIONAL E...IMPLICATIONS OF THE ABOVE HOLISTIC UNDERSTANDING OF HARMONY ON PROFESSIONAL E...
IMPLICATIONS OF THE ABOVE HOLISTIC UNDERSTANDING OF HARMONY ON PROFESSIONAL E...
 
Introduction to Multiple Access Protocol.pptx
Introduction to Multiple Access Protocol.pptxIntroduction to Multiple Access Protocol.pptx
Introduction to Multiple Access Protocol.pptx
 
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete Record
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete RecordCCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete Record
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete Record
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
 
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
 
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
 
UNIT-III FMM. DIMENSIONAL ANALYSIS
UNIT-III FMM.        DIMENSIONAL ANALYSISUNIT-III FMM.        DIMENSIONAL ANALYSIS
UNIT-III FMM. DIMENSIONAL ANALYSIS
 

A Deep Dive Into SEO Tactics For Modern Javascript Frameworks

  • 1. @SPEAKERNAME/#SMX A Deep Dive Into SEO Tactics For Modern JavaScript Frameworks Hamlet Batista CEO at RankSense @hamletbatista
  • 2. @SPEAKERNAME/#SMX I believe amazing SEO results should take 6 weeks, not 6 months! Hamlet Batista CEO and Founder, RankSense @hamletbatista slideshare.net/hamletbatista I’m a mentor at the speaker accelerator for underrepresented groups, United Search. Check us out at unitedsearch.org or @search_united on www.ranksense.com
  • 3. @SPEAKERNAME/#SMX ‘The developer insisted they knew what they were doing and that "Google can index the content” ’ How Often Have You Heard This One? https://bit.ly/2KaCtgG
  • 4. @SPEAKERNAME/#SMX • Doing it yourself • Teaching others The Best Way to Learn JavaScript SEO (or Anything) @hamletbatista
  • 5. @SPEAKERNAME/#SMX • We are going to review critical JavaScript SEO concepts using example apps in ReactJs, NextJs, VueJs and NuxtJs: • Optimal application shells • SEO meta tags • Rendering options • Client-side navigations and soft 404s • Schema markup • And more! Agenda @hamletbatista
  • 6. @SPEAKERNAME/#SMX • Google Colab has a built-in Linux environment with Node support • Ngrok helps expose the local web server • Notebooks are great for learning and documentation Setting Up the Examples in Google Colab Notebooks @hamletbatista
  • 7. @SPEAKERNAME/#SMX • Useful for getting some initial HTML to the screen fast • This HTML can include SEO meta data • PWAs can cache locally for offline use The Application Shell Model https://bit.ly/3puiauE
  • 8. @SPEAKERNAME/#SMX • Disable/enable JavaScript to see the App Shell • Open Chrome Developer Tools • Command + Shift + P(opens command list) The Application Shell in an Example ReactJS App @hamletbatista
  • 9. @SPEAKERNAME/#SMX • Disable/enable JavaScript to see the App Shell • Open Chrome Developer Tools • Command + Shift + P(opens command list) The Application Shell in an Example NextJs App @hamletbatista
  • 10. @SPEAKERNAME/#SMX • Disable/enable JavaScript to see the App Shell • Open Chrome Developer Tools • Command + Shift + P(opens command list) The Application Shell in an Example VueJs App @hamletbatista
  • 11. @SPEAKERNAME/#SMX • Disable/enable JavaScript to see the App Shell • Open Chrome Developer Tools • Command + Shift + P(opens command list) The Application Shell in an Example NuxtJs App @hamletbatista
  • 12. @SPEAKERNAME/#SMX • We will add meta tags to examples apps built using: • ReactJs • NextJs (Universal) • VueJs • NuxtJs (Universal) SEO Meta Tags in the Application Shell ReactJs NextJs VueJs NuxtJs @hamletbatista
  • 13. @SPEAKERNAME/#SMX • ReactJs apps use React Helmet to add SEO meta tags • Simple to use • But doesn’t keep meta tags in the app shell SEO Meta Tags in an Example ReactJS App @hamletbatista
  • 14. @SPEAKERNAME/#SMX • NextJs has built-in support for meta tags • Simple to use • It keeps meta tags in the app shell thanks to server-side rendering SEO Meta Tags in an Example NextJs App @hamletbatista
  • 15. @SPEAKERNAME/#SMX • VueJs apps use Vue Meta to add SEO meta tags • Simple to use • But doesn’t keep meta tags in the app shell SEO Meta Tags in an Example VueJs App @hamletbatista
  • 16. @SPEAKERNAME/#SMX • NuxtJs has built- in support for meta tags • Simple to use • It keeps meta tags in the app shell thanks to server-side rendering SEO Meta Tags in an Example NuxtJs App @hamletbatista
  • 17. @SPEAKERNAME/#SMX • We are going to test how pages, redirects and 404s operate in: • Client-side JavaScript • Server-side JavaScript Page Navigation, Redirects and Soft 404s Page 3Page 2Page 1 Link 1 Link 2 Link 4 Link 5 Link 3 Link 6 @hamletbatista
  • 18. @SPEAKERNAME/#SMX • Client-side navigation • No HTTP requests • CSS background color trick • Server-side navigation • Check HTTP requests in the Network tab Server-side vs Client-side Navigation @hamletbatista
  • 19. @SPEAKERNAME/#SMX Server-side Redirects • Server-side redirects • Check HTTP requests • Should work with JavaScript disabled @hamletbatista
  • 20. @SPEAKERNAME/#SMX • NextJs and NuxtJs handle 404s correctly out of the box • ReactJs and VueJs require additional configuration Soft 404s @hamletbatista
  • 21. @SPEAKERNAME/#SMX How Pre-rendering and Server-side Rendering Work https://nextjs.org/learn/basics/data-fetching
  • 22. @SPEAKERNAME/#SMX Structured Data in an Example NextJs App @hamletbatista • The Next SEO plugin simplifies adding structured data and other SEO meta tags to NextJs and ReactJs applications • There are similar plugins for other frameworks
  • 23. @SPEAKERNAME/#SMX • How many and what advanced browser features are supported by the evergreen search bots? • We will run some clever experiments to find out! Evaluating Features in Evergreen Search Bots @hamletbatista
  • 24. @SPEAKERNAME/#SMX • This page executes a series of test to report which capabilities the browser has Modern Browser Features https://browserleaks.com/features@hamletbatista
  • 25. @SPEAKERNAME/#SMX • We want to run Google and Bing URL Inspectors to learn what features each search bot supports Reverse Proxying to Run URL Inspections https://bit.ly/36DbzFJ • From: Browser Leaks • To: Localhost MITMProxy • From: Localhost • To: Public URL Ngrok • Fetch and render public URL • Save HTML report URL Inspection Tool @hamletbatista
  • 26. @SPEAKERNAME/#SMX • pip install mitmproxy • mitmproxy -p 8081 --mode reverse:https://bro wserleaks.com/ • ./ngrok http - hostname=rnd.ran ksense.com 8081 Reverse Proxying to Run URL Inspections https://searchengineland.com/how-to-audit-sites-inside-corporate-networks-341195 @hamletbatista
  • 27. @SPEAKERNAME/#SMX • Here is what we learned about Evergreen Googlebot capabilities Googlebot Browser Features https://bit.ly/2Uvbcre@hamletbatista
  • 28. @SPEAKERNAME/#SMX • Here is what we learned about Evergreen Bingbot capabilities Bingbot Browser Features https://bit.ly/3kxyJ5l@hamletbatista
  • 29. @SPEAKERNAME/#SMX • https://github.com/ hamletbatista/smx • ReactJs notebook • NextJs notebook • VueJs notebook • NuxtJs notebook • Next SEO plugin https://www.npmjs. com/package/next -seo Github Repository @hamletbatista
  • 30. @SPEAKERNAME/#SMX I believe amazing SEO results should take 6 weeks, not 6 months! • Learn from other SEOs writing code in Python and JavaScript • Tune in each Thursday to our #RSTwittorial series in Twitter to get practical SEO automation scripts 🐍 🔥 https://bit.ly/35yuwtZ @RankSense