SlideShare a Scribd company logo
ALLOW SEARCH ENGINES TO READ
JAVASCRIPT:
BETTER INDEXING & HIGHER RANKING
April 2019
ABOUT
#SEOWeek
• NetElixir launched #SEOWeek 5
years ago to address the challenges
online retailers were facing in SEO
• Part of NetElixir’s core value
structure is to continuously share
knowledge to the online retail
community
AGENDA SPEAKERS
WEDNESDAY, APRIL 24TH
:
ALLOWING SEARCH ENGINES TO READ
JAVASCRIPT: BETTER INDEXING &
HIGHER RANKING
THURSDAY, APRIL 25TH
:
TECHNICAL SEO 2019: USING GOOGLE
WEB CONSOLE TO UNDERSTAND
INDEXING
HEATHER DASET
NETELIXIR MARKETING &
EVENTS
ANGEL NIEVES
SR. SEO ANALYST
130+
TEAM MEMBERS
3
GLOBAL OFFICES FEATURED PARTNERSHIPS
POLL QUESTION
WHAT IS
JAVASCRIPT &
CRAWLERS?
• JavaScript – A computer programming language
commonly used to create interactive effects within web
browsers. It can be inserted anywhere within the HTML of
a webpage.
• Web Crawler – a program/bot that visits a website and
reads their pages & other information in order to develop
entries for a search engine’s index. This is also known as
a “spider” or a “bot.”
Takeaway: If your JavaScript is not properly executing,
the crawler will not be able to index that content. This
could lead to your potential customers not finding you,
increasing bounce rate, and a negative user experience.
EXPECTATIONS &
PURPOSE
• Websites are increasingly becoming more JavaScript-rich,
allowing websites to have more interactive and dynamic
functions.
– E.g.
• Dynamically generated content.
• Site functions such as hover effects, slide out menus, &
other ecommerce enabled features.
• Understanding how Google crawls these sites from a
technical perspective is crucial.
• JavaScript is an easy language for developers and is one
of the most popular.
QUESTIONS TO ASK
ABOUT YOUR SITE:
• Do you know what resources are using
JavaScript and why?
• At what point in rendering the website are
these resources being executed?
• Are all JavaScript functions currently
necessary?
SEO & JS
• Tom Greenaway shared this graph at
the Google IO 2018 conference.
• It means if you’re loading the website in
JavaScript, make it fast.
• If it’s too heavy, it won’t be indexed
during the first wave and you can’t be
sure when the second wave occurs.
Search Engine
COMMON SITE
CRAWL ISSUE WITH
JAVASCRIPT
• Due to the dynamic nature of JS, Search Engines cannot
always consistently crawl a website and see pages with
content being generated with JavaScript.
• In turn, your content will not be indexed by the search
engine, thus potentially losing any rankings within the
SERPs (Search Engine Results Pages).
PROPERLY
EXECUTING
JAVASCRIPT TO
ALLOW FOR
PROPER INDEXING
OF CONTENT
• A popular solution for executing JavaScript is a Prerender
service.
• Prerender is a middleware that you install on your server
to check each request to see if it’s from a crawler. If it is,
the middleware will send a request to serve the static
HTML version of that page. If not, the request will continue
on to normal server routes. The crawler never knows that
you’re using a Prerender service since the response
always goes through your server.
• This allows all content to render correctly within the
browser and all the on-page content to be properly
crawled and indexed accordingly.
PRERENDER
BENEFITS
• Pages are rendered about twice as fast.
• TTFB (Time To First Byte) is reduced.
• Memory usage becomes more efficient.
Takeaway: Prerender is its own entity – It’s open source
software that is being used to help with rendering
JavaScript heavy sites. This allows these websites to
become more spider/crawl friendly, thus leading to site
content being properly indexed.
Your Next Steps:
1. Determine how heavy your website’s JavaScript resources are and what purpose they
serve on the site. (Effects, content, functionality, etc.)
2. Review your Search Console for any page rendering issues. In addition, crawling tools
such as Screaming Frog can aid in troubleshooting this, as well.
3. Disabling JavaScript within your browser is another method to troubleshoot what is and
isn’t being properly rendered, if JavaScript is being used to execute on your website.
4. Minimize your JavaScript requests. Combine into a single file and prioritize execution.
5. Implement Prerender service abiding by Google’s Dynamic Rendering Guidelines.
POLL QUESTION
WHAT TO EXPECT
UPCOMING WEBINARS
Thursday
April 25th – 2:00 PM EST
Technical SEO 2019: Using Google Web
Console to Understand Indexing
OWN THE SEARCH BAR, EVERYWHERE
OUR SOLUTIONS
PAID SEARCH
ORGANIC SEARCH
PAID SOCIAL
WEB ANALYTICS
CONSULTING & CRO
AMAZON
ECOMMERCE
TECH SERVICES
Our integrated digital marketing approach
helps brands own the search bar.
The lucky winner must
complete the following
items to qualify for our
grand prize:
- Create a LinkedIn post
sharing the registration
link(https://www.netelixir.
com/seoweek) and tag
NetElixir
- Attend at least 2 of our
3 webinars
- Comment on at least
one of the LinkedIn
#SEOWeek Daily Trivia
posts
QUESTIONS?
If you are interested, please email us at info@Netelixir.com and we will get you setup!
FREE TECHNICAL GOOGLE VISIBILITY CRAWL AUDIT
Common Site Crawl issue with Javascript

More Related Content

PPTX
Off page optimization 1st class
PPTX
The Rise of JavaScript and What it Means for SEO
PDF
Search Engine Optimisation for Developers
PPTX
Google News & How To Make It Work For You
PPTX
Getting Indexed, A Little Patience?
PPT
SEO For Developers
PPTX
Seo onpage & offpage, Search Engine Optimization, SEO
Off page optimization 1st class
The Rise of JavaScript and What it Means for SEO
Search Engine Optimisation for Developers
Google News & How To Make It Work For You
Getting Indexed, A Little Patience?
SEO For Developers
Seo onpage & offpage, Search Engine Optimization, SEO

What's hot (20)

PPTX
Site Indexing - The Most Effective SEO Technique
PPTX
Crawl more visitors to your portal with these seo tips
PPTX
Lessons from the other side
PPTX
The 30 Minute Website Audit - Using Google to Make Your Website More Effective
PPTX
Google
PDF
SEO website audit report
PDF
Building, hacking and killing a bespoke CMS - Search Leeds 19
PPTX
Headless CMS – the foundation of modern SEO
PPTX
2 Seconds is the New Slow - Chris Simmance - under2
PPT
SEO - Website Analysis
PPTX
Fit For the Future
PPTX
Google loves WordPress - Blogging For SEO WordCamp NYC 2012
PPTX
Determine the Health of your Website from SEO stand point
PPTX
Distributing Reprint Articles for the Best Results
PDF
NIRS.org SEO Audit
PPTX
SEO Training at Envatotalks
PPTX
Top 25 SEO Myths You Should Know Before Optimising Website
PDF
How to make your react app seo friendly
PDF
11 Advanced Uses of Screaming Frog Nov 2019 DMSS
PPTX
Fresh Business Thinking Slides
Site Indexing - The Most Effective SEO Technique
Crawl more visitors to your portal with these seo tips
Lessons from the other side
The 30 Minute Website Audit - Using Google to Make Your Website More Effective
Google
SEO website audit report
Building, hacking and killing a bespoke CMS - Search Leeds 19
Headless CMS – the foundation of modern SEO
2 Seconds is the New Slow - Chris Simmance - under2
SEO - Website Analysis
Fit For the Future
Google loves WordPress - Blogging For SEO WordCamp NYC 2012
Determine the Health of your Website from SEO stand point
Distributing Reprint Articles for the Best Results
NIRS.org SEO Audit
SEO Training at Envatotalks
Top 25 SEO Myths You Should Know Before Optimising Website
How to make your react app seo friendly
11 Advanced Uses of Screaming Frog Nov 2019 DMSS
Fresh Business Thinking Slides
Ad

Similar to Common Site Crawl issue with Javascript (20)

PPTX
SEARCH Y : Benjamin Bussière - Javascript and seo misconceptions, misunders...
PPTX
Javascript & SEO 2019
PDF
Javascript SEO Devs and SEOs playing nicely
PPTX
SearchLove Boston 2018 - Bartosz Goralewicz - JavaScript: Looking Past the ...
PDF
Indexing Your Content is Optional (2020 Edition)
PPTX
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
PDF
Demystifying JavaScript & SEO
PDF
Migration to a JS Framework without Losing Your Rankings and Mind
PDF
JavaScript Doesn't Have to be Evil | Digital Olympus
PPTX
JavaScript SEO: Testing and Debugging for Non-Developers - Search Marketing S...
PDF
Modern JavaScript and SEO
PPTX
Javascript & SEO introduction
PPTX
Understand the impact of Javascript on SEO
PDF
How to make JavaScript websites successful in Google | iJS 2019
PDF
Deep crawl the chaotic landscape of JavaScript
PDF
#SEOWEEK: Using Google Web Console to Understand Indexing
PPTX
Too Long; Didn’t Render - The State of JS and HTML Indexing
PDF
Too Long; Didn’t Render - The State of JS and HTML Indexing | Digital Growth ...
PDF
The New Renaissance of JavaScript - SMX London 2019
PDF
The New Renaissance of JavaScript - SMX London 2019
SEARCH Y : Benjamin Bussière - Javascript and seo misconceptions, misunders...
Javascript & SEO 2019
Javascript SEO Devs and SEOs playing nicely
SearchLove Boston 2018 - Bartosz Goralewicz - JavaScript: Looking Past the ...
Indexing Your Content is Optional (2020 Edition)
L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...
Demystifying JavaScript & SEO
Migration to a JS Framework without Losing Your Rankings and Mind
JavaScript Doesn't Have to be Evil | Digital Olympus
JavaScript SEO: Testing and Debugging for Non-Developers - Search Marketing S...
Modern JavaScript and SEO
Javascript & SEO introduction
Understand the impact of Javascript on SEO
How to make JavaScript websites successful in Google | iJS 2019
Deep crawl the chaotic landscape of JavaScript
#SEOWEEK: Using Google Web Console to Understand Indexing
Too Long; Didn’t Render - The State of JS and HTML Indexing
Too Long; Didn’t Render - The State of JS and HTML Indexing | Digital Growth ...
The New Renaissance of JavaScript - SMX London 2019
The New Renaissance of JavaScript - SMX London 2019
Ad

More from NetElixir University (6)

PDF
Transform Your Search Advertising with NetElixir and Microsoft Ads | Modern S...
PDF
Key Updates from Google Marketing Live | Modern Search Month 2019
PDF
Introduction to AI and Audience Modern Search Month 2019
PDF
Fundamentals of Smart Bidding: Google Ads
PDF
Predicting the Future of Search Marketing: 2019 Edition
PDF
Building Successful Search Marketing Campaigns to Target High Value Customers
Transform Your Search Advertising with NetElixir and Microsoft Ads | Modern S...
Key Updates from Google Marketing Live | Modern Search Month 2019
Introduction to AI and Audience Modern Search Month 2019
Fundamentals of Smart Bidding: Google Ads
Predicting the Future of Search Marketing: 2019 Edition
Building Successful Search Marketing Campaigns to Target High Value Customers

Recently uploaded (20)

PDF
Decoding a Decade: 10 Years of Applied CTI Discipline
PDF
The Internet -By the Numbers, Sri Lanka Edition
PDF
Cloud-Scale Log Monitoring _ Datadog.pdf
PDF
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
PPTX
Introduction to Information and Communication Technology
PDF
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
PPTX
innovation process that make everything different.pptx
PDF
Introduction to the IoT system, how the IoT system works
PDF
SASE Traffic Flow - ZTNA Connector-1.pdf
PPTX
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
PDF
Testing WebRTC applications at scale.pdf
PPTX
presentation_pfe-universite-molay-seltan.pptx
PPTX
Introduction about ICD -10 and ICD11 on 5.8.25.pptx
PPTX
international classification of diseases ICD-10 review PPT.pptx
PPTX
Introuction about WHO-FIC in ICD-10.pptx
PDF
Paper PDF World Game (s) Great Redesign.pdf
PDF
An introduction to the IFRS (ISSB) Stndards.pdf
PPTX
522797556-Unit-2-Temperature-measurement-1-1.pptx
PPTX
Module 1 - Cyber Law and Ethics 101.pptx
PPTX
Internet___Basics___Styled_ presentation
Decoding a Decade: 10 Years of Applied CTI Discipline
The Internet -By the Numbers, Sri Lanka Edition
Cloud-Scale Log Monitoring _ Datadog.pdf
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
Introduction to Information and Communication Technology
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
innovation process that make everything different.pptx
Introduction to the IoT system, how the IoT system works
SASE Traffic Flow - ZTNA Connector-1.pdf
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
Testing WebRTC applications at scale.pdf
presentation_pfe-universite-molay-seltan.pptx
Introduction about ICD -10 and ICD11 on 5.8.25.pptx
international classification of diseases ICD-10 review PPT.pptx
Introuction about WHO-FIC in ICD-10.pptx
Paper PDF World Game (s) Great Redesign.pdf
An introduction to the IFRS (ISSB) Stndards.pdf
522797556-Unit-2-Temperature-measurement-1-1.pptx
Module 1 - Cyber Law and Ethics 101.pptx
Internet___Basics___Styled_ presentation

Common Site Crawl issue with Javascript

  • 1. ALLOW SEARCH ENGINES TO READ JAVASCRIPT: BETTER INDEXING & HIGHER RANKING April 2019
  • 2. ABOUT #SEOWeek • NetElixir launched #SEOWeek 5 years ago to address the challenges online retailers were facing in SEO • Part of NetElixir’s core value structure is to continuously share knowledge to the online retail community
  • 3. AGENDA SPEAKERS WEDNESDAY, APRIL 24TH : ALLOWING SEARCH ENGINES TO READ JAVASCRIPT: BETTER INDEXING & HIGHER RANKING THURSDAY, APRIL 25TH : TECHNICAL SEO 2019: USING GOOGLE WEB CONSOLE TO UNDERSTAND INDEXING HEATHER DASET NETELIXIR MARKETING & EVENTS ANGEL NIEVES SR. SEO ANALYST
  • 4. 130+ TEAM MEMBERS 3 GLOBAL OFFICES FEATURED PARTNERSHIPS
  • 6. WHAT IS JAVASCRIPT & CRAWLERS? • JavaScript – A computer programming language commonly used to create interactive effects within web browsers. It can be inserted anywhere within the HTML of a webpage. • Web Crawler – a program/bot that visits a website and reads their pages & other information in order to develop entries for a search engine’s index. This is also known as a “spider” or a “bot.” Takeaway: If your JavaScript is not properly executing, the crawler will not be able to index that content. This could lead to your potential customers not finding you, increasing bounce rate, and a negative user experience.
  • 7. EXPECTATIONS & PURPOSE • Websites are increasingly becoming more JavaScript-rich, allowing websites to have more interactive and dynamic functions. – E.g. • Dynamically generated content. • Site functions such as hover effects, slide out menus, & other ecommerce enabled features. • Understanding how Google crawls these sites from a technical perspective is crucial. • JavaScript is an easy language for developers and is one of the most popular.
  • 8. QUESTIONS TO ASK ABOUT YOUR SITE: • Do you know what resources are using JavaScript and why? • At what point in rendering the website are these resources being executed? • Are all JavaScript functions currently necessary?
  • 9. SEO & JS • Tom Greenaway shared this graph at the Google IO 2018 conference. • It means if you’re loading the website in JavaScript, make it fast. • If it’s too heavy, it won’t be indexed during the first wave and you can’t be sure when the second wave occurs. Search Engine
  • 10. COMMON SITE CRAWL ISSUE WITH JAVASCRIPT • Due to the dynamic nature of JS, Search Engines cannot always consistently crawl a website and see pages with content being generated with JavaScript. • In turn, your content will not be indexed by the search engine, thus potentially losing any rankings within the SERPs (Search Engine Results Pages).
  • 11. PROPERLY EXECUTING JAVASCRIPT TO ALLOW FOR PROPER INDEXING OF CONTENT • A popular solution for executing JavaScript is a Prerender service. • Prerender is a middleware that you install on your server to check each request to see if it’s from a crawler. If it is, the middleware will send a request to serve the static HTML version of that page. If not, the request will continue on to normal server routes. The crawler never knows that you’re using a Prerender service since the response always goes through your server. • This allows all content to render correctly within the browser and all the on-page content to be properly crawled and indexed accordingly.
  • 12. PRERENDER BENEFITS • Pages are rendered about twice as fast. • TTFB (Time To First Byte) is reduced. • Memory usage becomes more efficient. Takeaway: Prerender is its own entity – It’s open source software that is being used to help with rendering JavaScript heavy sites. This allows these websites to become more spider/crawl friendly, thus leading to site content being properly indexed.
  • 13. Your Next Steps: 1. Determine how heavy your website’s JavaScript resources are and what purpose they serve on the site. (Effects, content, functionality, etc.) 2. Review your Search Console for any page rendering issues. In addition, crawling tools such as Screaming Frog can aid in troubleshooting this, as well. 3. Disabling JavaScript within your browser is another method to troubleshoot what is and isn’t being properly rendered, if JavaScript is being used to execute on your website. 4. Minimize your JavaScript requests. Combine into a single file and prioritize execution. 5. Implement Prerender service abiding by Google’s Dynamic Rendering Guidelines.
  • 15. WHAT TO EXPECT UPCOMING WEBINARS Thursday April 25th – 2:00 PM EST Technical SEO 2019: Using Google Web Console to Understand Indexing
  • 16. OWN THE SEARCH BAR, EVERYWHERE OUR SOLUTIONS PAID SEARCH ORGANIC SEARCH PAID SOCIAL WEB ANALYTICS CONSULTING & CRO AMAZON ECOMMERCE TECH SERVICES Our integrated digital marketing approach helps brands own the search bar.
  • 17. The lucky winner must complete the following items to qualify for our grand prize: - Create a LinkedIn post sharing the registration link(https://www.netelixir. com/seoweek) and tag NetElixir - Attend at least 2 of our 3 webinars - Comment on at least one of the LinkedIn #SEOWeek Daily Trivia posts
  • 19. If you are interested, please email us at info@Netelixir.com and we will get you setup! FREE TECHNICAL GOOGLE VISIBILITY CRAWL AUDIT