{"id":4947,"date":"2022-02-24T19:31:19","date_gmt":"2022-02-24T19:31:19","guid":{"rendered":"https:\/\/www.joshuageorge.co.uk\/?p=4947"},"modified":"2022-05-21T13:47:47","modified_gmt":"2022-05-21T13:47:47","slug":"can-googlebot-read-javascript","status":"publish","type":"post","link":"https:\/\/www.joshuageorge.co.uk\/can-googlebot-read-javascript\/","title":{"rendered":"Can Googlebot Read JavaScript? | Joshua George"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4947\" class=\"elementor elementor-4947\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28499a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"28499a0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4f40e9c\" data-id=\"4f40e9c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2b11829 elementor-widget elementor-widget-text-editor\" data-id=\"2b11829\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p>Googlebot is the bot responsible for crawling and indexing web pages for Google search.<\/p><p>A popular question among webmasters is whether or not Googlebot can read JavaScript.<\/p><p>In this article, we&#8217;ll explore how Googlebot handles JavaScript and provide some tips on how to make your website&#8217;s content readable.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-644f78f elementor-widget elementor-widget-text-editor\" data-id=\"644f78f\" data-element_type=\"widget\" id=\"what-is-a-url\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2>What is JavaScript?<\/h2><ol><li><u>What is JavaScript?<\/u><\/li><li><u>Is JavaScript crawlable?<\/u><\/li><li><u>Do search engines run JavaScript?<\/u><\/li><li><u>How does Googlebot see my website?<\/u><\/li><li><u>Should JavaScript be indexed?<\/u><\/li><li><u>Is JavaScript good for SEO?<\/u><\/li><li><u>Conclusion<\/u><\/li><\/ol><p>JavaScript is one of the most important programming languages for making websites interactive. Not only does it allow you to create beautiful designs, but JavaScript also provides an array of tools that help your users engage with what they are viewing on a web page. This could be anything from animations to clickable elements that can turn a website interactive.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6912be elementor-widget elementor-widget-image\" data-id=\"a6912be\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"950\" height=\"562\" src=\"https:\/\/www.joshuageorge.co.uk\/wp-content\/uploads\/2021\/11\/what-url-structure-looks-like-1.jpg\" class=\"attachment-full size-full\" alt=\"what url structure looks like\" loading=\"lazy\" srcset=\"https:\/\/www.joshuageorge.co.uk\/wp-content\/uploads\/2021\/11\/what-url-structure-looks-like-1.jpg 950w, https:\/\/www.joshuageorge.co.uk\/wp-content\/uploads\/2021\/11\/what-url-structure-looks-like-1-500x296.jpg 500w, https:\/\/www.joshuageorge.co.uk\/wp-content\/uploads\/2021\/11\/what-url-structure-looks-like-1-768x454.jpg 768w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e21a69 elementor-widget elementor-widget-text-editor\" data-id=\"6e21a69\" data-element_type=\"widget\" id=\"difference-between-domain-name-and-url\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2>Is JavaScript crawlable?<\/h2><p>JavaScript is a huge part of the web development landscape, but it&#8217;s important to know how Google handles this code.<\/p><p>All pages need their relevant files available for crawling and indexing, including JavaScript and CSS stylesheets as well any images on those particular locations within your site.<\/p><p>When a website is loaded, Google initially crawls the static HTML until it has resources. Only then will they discover further content available in this web page&#8217;s rendered output.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7724061 elementor-widget elementor-widget-text-editor\" data-id=\"7724061\" data-element_type=\"widget\" id=\"does-case-matter-in-urls\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2>How does Googlebot see my website?<\/h2><p>In order to see your website, Google needs to be able to find it. Googlebot crawls the web and looks for indexed websites. It then uses things like backlinks, sitemaps and page information to crawl a website where it then is able to determine what particular websites are offering, in the most basic explanation of it. Some of the key ways to help Google find your website and make crawling it easier include:<\/p><ul><li>A website optimised for speed that does not use unnecessary code and is fast<\/li><li>An XML sitemap that makes all of your pages discoverable<\/li><li>A well-organised site hierarchy that makes it simple to find all of your pages<\/li><li>Indexing your site to search console and regularly submitting URLs when updates have been made<\/li><\/ul><p>Googlebot will read everything on your website including JavaScript and the easier it is for the Googlebot to find all of the pages of your website, the better.<\/p><p>Poorly written JavaScript code and code, in general, can make it harder to crawl your website. This is because it takes the bot longer to process what it is the code actually is and hence why technical SEO is so important. It focuses on how you can best optimise your code in order to improve performance and make it easier for Google to index your web pages.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8a8cab elementor-widget elementor-widget-text-editor\" data-id=\"b8a8cab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2>Should JavaScript be indexed?<\/h2><p>Websites used to be designed with the expectation that their content would only live in an admin directory and not on websites.<\/p><p>The way that Google crawls websites has changed significantly and ensures that your Javascript is discoverable is vitally important. Websites nowadays are much more visual and a lot rely on JavaScript in order to render the visual aspects of their design.<\/p><p>By blocking resource files, it can actually have a negative impact on your performance in the search results hence, why it is important to ensure that any Javascript you may use is discoverable.<\/p><p>You should ensure to test your website thoroughly to see what it looks like without Javascript. If your website relies on JavaScript and is poorly coded, then this can have a negative impact on your site&#8217;s performance and ability to be crawled.<\/p><p>You can use <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/javascript\/disable\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome Dev Tools<\/a> which allows you to test how websites appear without JavaScript function.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd6b2f1 elementor-widget elementor-widget-text-editor\" data-id=\"dd6b2f1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2>Is JavaScript good for SEO?<\/h2><p>JavaScript generally will not positively impact your SEO performance. It is important to reduce how much of it you use within your website.<\/p><p>When a search engine downloads a web document and starts analyzing it, the first thing it does is understand the document type. If the document is a non-HTML file then there is no need to render the document.<\/p><p>Problems start to surface when JavaScript is not directly embedded in the document. Search engines must download the file to read and execute it. If the content is robots.txt disallowed, it won\u2019t be able to.<\/p><p>If they are allowed, search engines must succeed in downloading the file, which in turn wastes the crawl budget and can make it harder to crawl your website altogether.<\/p><p>The time it takes to do this reduces the efficiency in which Google can crawl your website and ultimately will negatively impact the performance of your website pages. Hence why it is so important that when Google is crawling JavaScript, your HTML source code is as organised as possible.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d020a4 elementor-widget elementor-widget-text-editor\" data-id=\"8d020a4\" data-element_type=\"widget\" id=\"conclusion\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2>Conclusion<\/h2><p>Googlebot can certainly read JavaScript and it can probably actually read it better than ever before.<\/p><p>Nevertheless, JavaScript can still slow down a website and its ability to be crawled which is why it is vitally important to limit your use of plugins and anything that relies on JavaScript.<\/p><p>Whilst Google has changed the way that it crawls websites, it doesn&#8217;t mean that you can just build websites without any care of the backend.<\/p><p>Stick to using lightweight themes and reliable CMS such as WordPress and Shopify to keep your use of JavaScript to a minimum.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Googlebot is the bot responsible for crawling and indexing web pages for Google search. A popular question among webmasters is whether or not Googlebot can read JavaScript. In this article, we&#8217;ll explore how Googlebot handles JavaScript and provide some tips on how to make your website&#8217;s content readable. What is JavaScript? What is JavaScript? Is &hellip; <a href=\"https:\/\/www.joshuageorge.co.uk\/can-googlebot-read-javascript\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Can Googlebot Read JavaScript? | Joshua George<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":5677,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[82,92],"tags":[],"_links":{"self":[{"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/posts\/4947"}],"collection":[{"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/comments?post=4947"}],"version-history":[{"count":6,"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/posts\/4947\/revisions"}],"predecessor-version":[{"id":5678,"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/posts\/4947\/revisions\/5678"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/media\/5677"}],"wp:attachment":[{"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/media?parent=4947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/categories?post=4947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuageorge.co.uk\/wp-json\/wp\/v2\/tags?post=4947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}