Post by kmstfatema on Mar 4, 2024 8:07:46 GMT
Nowadays all new generation websites use JavaScript, more or less extensively, to generate interactive effects or improve page performance. But are we sure that search engines always like this programming language? In this article we discover how to best use it to avoid small and large SEO errors. What does Javascript mean? JavaScript is a programming language that has existed for more than twenty years but which has experienced exponential diffusion especially in the last four or five years, responding to requests for more animated and dynamic websites. And in fact JavaScript is the client-side scripting language of reference for the creation of the most varied interactive effects , in particular those that are triggered through certain user behaviors (such as clicking, hovering, tapping, scrolling... ), although in some cases the execution of JavaScript scripts occurs automatically.
The probability that you have a site that uses JavaScript, more Germany Telegram Number Data or less massively, is very high, especially if you manage or own an e-commerce site. But are you sure it's good in Google's eyes too, not just yours? Here the role of SEO comes into play: because JavaScript is a language that is anything but digestible for Google and other search engines, especially if used massively and incorrectly. Guide to Javascript for SEO In this article we will see what problems can arise at an SEO level from the excessive or incorrect use of JavaScript and how to prevent them. Let's begin! guide to javascript seo Let's start with the basics: how do I know if my website uses JavaScript? The first step is to understand if and to what extent a web page uses the JavaScript language. Unless you are a developer, to easily understand if the site you are working on has implemented this technology I recommend two methods : one more technical, one more empirical and less rigorous, but in my opinion more effective for seeing the concrete JavaScript effects on the page.
The steps below are described for Google Chrome, but can be performed in a similar way on all major browsers: Method 1: Technical Open the web page you are interested in and press F12 to access Chrome DevTools. In the top bar, click on the “Network” tab and then on the “JS” filter. Using javascript on Google Chrome (method 1) At this point, press CTRL+F5 to clear the page cache and reload it, and you will see the list of JavaScript resources appear. For each you can see: The URL from which it is loaded (when the mouse hovers over the name of the resource) The http status code The type (obviously script) and the initiator (the resource from which the script is loaded) The size (size) The loading time The waterfall diagram that allows you to visually evaluate (with precise data on mouse hover) the progress of resource loading. This data helps us to understand in particular the overall loading times of the JS resources and the specific ones of each resource: in particular, the TTFB data is especially interesting , which indicates the response time of the server to download that resource .
The probability that you have a site that uses JavaScript, more Germany Telegram Number Data or less massively, is very high, especially if you manage or own an e-commerce site. But are you sure it's good in Google's eyes too, not just yours? Here the role of SEO comes into play: because JavaScript is a language that is anything but digestible for Google and other search engines, especially if used massively and incorrectly. Guide to Javascript for SEO In this article we will see what problems can arise at an SEO level from the excessive or incorrect use of JavaScript and how to prevent them. Let's begin! guide to javascript seo Let's start with the basics: how do I know if my website uses JavaScript? The first step is to understand if and to what extent a web page uses the JavaScript language. Unless you are a developer, to easily understand if the site you are working on has implemented this technology I recommend two methods : one more technical, one more empirical and less rigorous, but in my opinion more effective for seeing the concrete JavaScript effects on the page.
The steps below are described for Google Chrome, but can be performed in a similar way on all major browsers: Method 1: Technical Open the web page you are interested in and press F12 to access Chrome DevTools. In the top bar, click on the “Network” tab and then on the “JS” filter. Using javascript on Google Chrome (method 1) At this point, press CTRL+F5 to clear the page cache and reload it, and you will see the list of JavaScript resources appear. For each you can see: The URL from which it is loaded (when the mouse hovers over the name of the resource) The http status code The type (obviously script) and the initiator (the resource from which the script is loaded) The size (size) The loading time The waterfall diagram that allows you to visually evaluate (with precise data on mouse hover) the progress of resource loading. This data helps us to understand in particular the overall loading times of the JS resources and the specific ones of each resource: in particular, the TTFB data is especially interesting , which indicates the response time of the server to download that resource .