Javascript and SEO
-
I've done a bit of reading and I'm having difficulty grasping it. Can someone explain it to me in simple language?
What I've gotten so far:
-
Javascript can block search engine bots from fully rendering your website.
-
If bots are unable to render your website, it may not be able to see important content and discount these content from their index.
-
To know if bots could render your site, check the following:
-
Google Search Console Fetch and Render
-
Turn off Javascript on your browser and see if there are any site elements shown or did some disappear
-
Use an online tool Technical SEO Fetch and Render
-
Screaming Frog's Rendered Page
-
GTMetrix results: if it has a Defer parsing of Javascript as a recommendation, that means there are elements being blocked from rendering (???)
Using our own site as an example, I ran our site through all the tests listed above. Results:
- Google Search Console: Rendered only the header image and text. Anything below wasn't rendered. The resources googlebot couldn't reach include Google Ad Services, Facebook, Twitter, Our Call Tracker and Sumo. All "Low" or blank severity.
- Turn off Javascript: Shows only the logo and navigation menu. Anything below didn't render/appear.
- Technical SEO Fetch and Render: Our page rendered fully on Googlebot and Googlebot Mobile.
- Screaming Frog: The Rendered Page tab is blank. It says 'No Data'.
- GTMetrix Results: Defer parsing of JavaScript was recommended.
From all these results and across all the tools I used, how do I know what needs fixing? Some tests didn't render our site fully while some did. With varying results, I'm not sure where to from here.
-
-
Thanks! We probably should have combined JS with CSS and not built a site fully reliant on JS. This looks like what our competitors have done.
-
Thanks so much for the very helpful insights and for running our website through tests, I appreciate it. I'll try running the site on lighthouse. I agree we do have speed issues that we need to solve. Our page is also not showing up at all with GSC fetch and render.
Also, I tried Googling our brand + content within the expanding tabs and some did not show up on the SERPs. All other content not in expanding tabs showed up. I know Google still reads and indexes tabbed content but treats it with less importance. But I guess, not all of it will get indexed.
Thanks again!
-
Thanks for the response Nikki, I'll try to be as thoughtful about this as I can, but I am somewhat skeptical that your problem is javascript. It may be a contributing factor, but in general the concern that most SEOs would have with java is that Google can't crawl it and effectively the content rendered by java is invisible, making it completely impossible to rank as your page is deindexed, and yeah, this is a real risk. The fact that you're on page 1 right now for a competitive term though means that isn't likely your issue. And you're on a Wordpress site, so most of the js issues aren't going to be a problem for you, unless you're using an Angular integrated theme or something.
That doesn't mean there aren't any technical issues holding you back. I ran your page through a couple tools and I'm finding that the page is very heavy, slow to load, and has a very low performance score in terms of page load times and part of that is how js heavy your webpage is. I would recommend running your page through any of the free tools out there. The lighthouse extension for Chrome isn't great, but it was developed by Google so it gives you an idea how they might be measuring your page. Your page scored a performance rating of 4 out of 100, which again, big indication you have speed problems related to your js that could be tied to your rankings.
I think you're on the right track to investigate technical performance issues, but the easiest way to track this down is to start by making sure you don't have content that isn't being indexed. From there you should be able to see if there's any js that's blocking content from rendering for Googlebot. If Google is crawling and indexing the content, your js is okay from a visibility perspective and you can focus on the performance aspect.
If Google is displaying the page completely with fetch and render, you're probably okay, but try going into Chrome Dev Tools and disabling the cache, then reloading the page. Watch for any errors and try running lighthouse with that open. You'll probably be able to catch errors that way.
Good luck!
-
Hi Brett, thanks for your response, I've read a couple recently published articles, but this was the one that stood out - https://www.elephate.com/blog/ultimate-guide-javascript-seo/ and kinda alarmed me.
There is a part there that says: there is virtually no real life case of a client rendered JS website/brand/store ranking high. So I can’t guarantee that your JavaScript-rich website will rank as high as its HTML equivalent.
Our site was built on WordPress, but predominantly JavaScript. We have been really working a lot on on page content and link building the past 6 months, but we could not beat our competitors in the top 3 for the keyword 'seo brisbane'. The closest we've gotten was #6. We've been monitoring their sites as well and it looks like only 1 is doing active link building. The others seemed to be just cemented there.
We're looking at other reasons why we're not moving up and Javascript is one of them.
We have other sites we manage that are also experiencing slow progress. So you are right, my question is centered on how Javascript sites affect SEO and how to know if it's the culprit and how to fix.
Thanks!
-
Hey Nikki, I think your specific question is more centered on "Will having a website that is only fully enabled with Javascript be harmful to SEO?"
First, there's a lot of mythology about this in SEO land. There are outdated resources and it looks like you've read some of them. Google has advanced their ability to crawl and understand js and the content behind it to a very advanced degree and the tools you may use as proxies to understand Google's capabilities aren't so effective.
But before I move on, I want to verify something with you. When you're talking about javascript, are you specifically looking for answers regarding a website like WIX, built with AJAX? Because that can change my answer significantly.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Page Speed Factors For SEO
Hey Guys, I have developed a page and optimised it. I have got a dilemma, I have 2 variants of the optimised page I could use. The page is responsive and uses bootstrap from an external CDN. The 2 variants: External CDN - This is adding an an extra request and is delivering the entire framework (not ideal for mobile) I've looked in the node/grunt.js route (+unCSS) to remove redundant CSS, which led me to my next variant. Inline CSS. After doing some grunt.js work I shaved out the redundant code from the framework then added it inline. I will also point out that all assets are optimised, all CSS/JS/HTML is minifed. In terms for score the 1st variant is less than the second, but I believe that most users of the internet already have bootstrap cached due to it being so common. The ultimate question comes down to ranking, I'm not entirely sure where I draw the line between development and SEO (I will also ask in Stack Overflow). Which one would rank better? all other factors being equal.
Intermediate & Advanced SEO | | AkashMakwana0 -
404 with a Javascript Redirect to the index page...
I have a client that is wanting me to issue a 404 on her links that are no longer valid to a custom 404, pause for 10 seconds, then rediirect to the root page (or whatever other redirect logic she wants)...to me it seems trying to game googlebot this way is a "bad idea" Can anyone confirm/deny or offer up a better suggestion?
Intermediate & Advanced SEO | | JusinDuff0 -
SEO Provider
At the risk of opening the flood gates, I'm posting this in hopes of finding a SEO provider on this site. I'm currently a member, and have learned a lot through this site, but I'm still having issues ranking higher. Because of this, I have come to the conclusion that I need a dedicated SEO company/professional who can help our company reach the next level. I'm open to suggestions of companies that you have used, or please feel free to throw your hat into the ring. Thanks in advance! AW
Intermediate & Advanced SEO | | TheCTC0 -
Local SEO Best Practices
Hello Everyone, I'm new to SEOmoz, I'm looking to use this as a tool to really help me, and evenually I can help others. I am an Web Developer with some online marketing experience. I did Local SEO a Few Years ago, and things have really changed since then. I know this Panda and Penguin update really is putting a hurting on the directory submission. Google no longer has 'Citations" on their places page, and many other changes. With that being said, what are some best practices for Local SEO? I am a propeller head by nature, but am also very creative when I need to be. I have potental sites to market, anywhere from Holistic Medical Doctors, Plastic Surgeons Community Blogs, and Auto Repair Shops, Law firms (to give you some perspectic) I also read Danny Dover's Book, to learn some more about SEO, the one thing that is unclear is how to acquire quality links I would really appreciate any perspective on this, every little thing helps Zach Russell
Intermediate & Advanced SEO | | ZacharyRussell0 -
The format for image SEO
Hi there. After looking at a few SEO videos relating to image SEO it seems important to ensure images are SEO'd just as well as pages. I however have a question. If the page is Meta titles the following: Online for Equine | Riding Clothing | Just Togs Latina Ladies Breech And this particular page contains five images which are each variants of this product, how is it best to SEO them? Would you go with the: Online for Equine | Riding Clothing | Just Togs Latina Ladies Breech Front Online for Equine | Riding Clothing | Just Togs Latina Ladies Breech Back Online for Equine | Riding Clothing | Just Togs Latina Ladies Breech Side and so on... Or would this result in keyword stuffing with Google's new over-optimisation rules. Would it be better to rename them so they are all individual? I am considering deleting the images, renaming them on the server as the SEO proof name and then re-uploading them so the Image caption = filename. Am I on the right track? If you need the page: http://www.onlineforequine.co.uk/jodhpurs-breeches/22-just-togs-ladies-latina-denim-breech.html
Intermediate & Advanced SEO | | onlineforequine0 -
Advice on further SEO
I am frustrated by a lack of progress for a major keyword I want to rank for. I have made several pages, optimized with Onpage and even a whole site but I can't seem to get my ratings up. I am hoping somone can take a look at my pages and efforts and offer me some advice... Keyword is "National Currency" One site is devoted to this keyword: NationalCurrencyValues This site is ranked 30th and is down 9... and this page on another site is devoted to the same keyword ranked 26th is: http://www.antiquebanknotes.com/National-Currency.aspx
Intermediate & Advanced SEO | | Banknotes0 -
Are dropdown menus bad for SEO
I have an ecommerce shop here: http://m00.biz/UHuGGC I've added a submenu for each major category and subcategory of items for sale. There are over 60 categories on that submenu. I've heard that loading this (and the number of links) before the content is very bad for SEO. Some will place the menu below the content and use absolute positioning to put the menu where it currently is now. It's a bit ridiculous in doing things backwards and wondering if search engines really don't understand. So the question is twofold: (1) Are the links better in a bottom loading sidemenu where they are now? (2) Given the number of links (about 80 in total with all categories and subcategories), is it bad to have the sidemenu show the subcategories which, in this instance, are somewhat important? Should I just go for the drilldown, e.g. show only categories and then show subcategories after? Truth is that users probably would prefer the dropdown with all the categories and second level subcategories, despite the link number and placement.
Intermediate & Advanced SEO | | attorney1 -
Migrating online store to subdomain using shopify and effects on seo and energy down the road for seo
I'm looking for some clarity... Looking at using Shopify for an existing online store that we have to migrate. Setting up the store with shopify means we will be using a subdomain such as shop.mywebsite.com instead of mywebsite.com/shop. The following are points to consider when responding The client currently has an online store, however it's a proprietary shopping store and CMS that has since gone defunct and they need to migrate to an alternative in order to survive online against new CMS systems that allow the site and its content to be better optimized. There is a lot of existing SEO done on the current site that we don't want to loose PR on. There is roughly 2000 products Client has a fixed budget, dealing with checkout issues, custom work and various other "bugs" seems to be easier controlled with Shopify...thus budget can be used more on content/strategy and migration We want to run the main site in Wordpress and are wanting to use Shopify since it supports a gateway, has great features and seems like it would allow us to get more bang for the buck and can focus more on the main site and content strategy and drive traffic to the subdomain store if needed Or main concern is the effort of migrating 2000+ products to shopify and the traffic and PR it gives the current site will have a negative effect on the main domain itself. Should we really be considering this path? The domain is diveidc.com One main benefit to the subdomain is the ability to clearly segment products from the service portion of the site in the analytics and focus 2 clear strategies and track it in a very defined manner. We're really on the fence with this...any thoughts are welcome.
Intermediate & Advanced SEO | | MAGNUMCreative0