profile

Smart SEO Newsletter

3️⃣ steps to debug JavaScript SEO issues

Published 7 days ago • 1 min read

JavaScript is a great option to make website pages more interactive and less boring.

But it’s also a good way to kill a website’s SEO if implemented incorrectly.

That’s why, as a technical SEO, you need to be comfortable debugging JavaScript issues.

Here’s how you do it in 3 steps 👇👇👇

​

Step 1: Disable JavaScript in the browser using Web Developer Chrome extension

The easiest way to do it is to disable JavaScript in your browser. I use the Web Developer Chrome extension for that. You just need to open settings, click ‘Disable JavaScript’ and reload the page:

​

Step 2: Check how much a website relies on JavaScript to serve the content

In this example, you can see that no content is available without JavaScript.

Note that this method just gives you an overview of how much JavaScript influences content delivery. It does not tell you if Google will index it or not.

​

Step 3: Check if Googlebot is served the right content and tags

The tools you can use for that:

  1. Google Search Console Inspect URL
  2. Google Rich Results test tool
  3. SEO Pro extension

🚀 Psst... Did you know...

The Tech SEO Pro course has a dedicated JavaScript SEO module that will help you to learn how to make sure the JavaScript used on a website is SEO-friendly.

I'll show you a 3-step framework of JavaScript debugging (so you’ll know exactly how to do it in different settings and with any frameworks)

​Check out Tech SEO Pro now>>​

Grab this free resource 👇

3 steps to debug JavaScript SEO issues

Download a free PDF with a copy of this email, so it's easy for you to get back to it when you need (no signup required) 👇👇👇

​

Smart SEO Newsletter

by Kristina Azarenko. Tech SEO Pro

I'll help you trade an imposter syndrome for a technical SEO superpower. My mission is to break down and simplify complex technical SEO things so that you can understand and use them to advance your SEO career.

Read more from Smart SEO Newsletter

Critical knowledge alert 🚨🚨🚨 As a technical SEO, it’s crucial you know the difference between source code and rendered HTML them. Source code It is the initial code of the page before any JavaScript files are executed and CSS files are parsed. It’s the code you see when viewing the source code of a page in your browser. Rendered HTML It is displayed after CSS and JavaScript are processed. When you inspect an element on a page using Chrome dev tools, you’re looking at the rendered HTML. Why is...

about 11 hours ago • 1 min read
Google and JavaScript

Here’s the truth every SEO needs to know: No matter how great your website is, if Google can’t index it due to JavaScript issues, you’re missing out on traffic opportunities. JavaScript is a great option to make website pages more interactive and less boring. But it’s also a good way to kill a website’s SEO if implemented incorrectly. So here’s what you need to know about Google and JavaScript relationships👇👇👇 Google doesn’t interact with your content Googlebot can’t click the buttons on your...

14 days ago • 2 min read

🚀 Psst... Here's the truth: It's not enough to send your recommendations to developers and call it a day. They won't implement any of your smart ideas (sad, right?) What you need to do instead is to start speaking the same language with developers (and it ≠ becoming one 😉). This is the only way to get your SEO recommendations implemented. I created the BRIDGE framework to help you with that. And I teach it inside my short but impactful Get SEO Implemented course: Get 51% off the Get SEO...

28 days ago • 1 min read