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
-
Google Bot / SEO and Cookies
Hi, I'm trying to monetise my website via a paid subscription / paid content strategy. The plan is, after the user is on the website for 1min 30secs or clicks 3 map markers or visits 3+ pages A popup will appear asking for a signup + payment Cookie will be set for 6 months, if a users returns and cookie is detected (php) they will be redirected to sign up page My site relies heavily on organic SEO, so my question is: Will google bot be presented with this sign up stuff? Does google bot set cookies? will everything be indexed properly... And what affects on SEO?
Intermediate & Advanced SEO | | thinkLukeSEO0 -
SEO - is it site or page
Hi When we're talking about SEO does the search engine only look at the whole site in general or do they look at the individual page when we're talking about SERP? So if you have a keyword "my search term" Does the search engine look at the site first or the page with the term on then rank you or is it the page then the site.
Intermediate & Advanced SEO | | Cocoonfxmedia0 -
SEO Best practice for competitions
I am considering running a competition and wanted to get some feedback on SEO Best Practice. We will have a unique competition URL - following the completion of the competition it will be 301'd to home page Every entrant will be given a unique URL for the competition to share, if someone enters using there URL they get an extra ticket. This means we will create a large number of new unique URL's over a short period of time, the pages however will have the same content. Is this potentially bad for Duplicate content?Any advice? Perhaps a canonical tag on all unique competition entrant URLs? Any other considerations?
Intermediate & Advanced SEO | | RobertChapman0 -
Images and SEO
Hi, I would like some opinions on the topic of using images for SEO. I have come across a few sites that I see have very few backlinks, but have decent pagerank and seem to rank well for certain keywords. One such site I looked at had very little content other than tons of images (It was a joke blog that focussed on funny images, funny pics etc) and now I am starting to question whether hotlinking images assists in SEO? are there any benefits to having someone using one of your images (hosted on your site) ? I do recall reading somewhere that someone hotlinking an image is akin to a link. Any truth in this?
Intermediate & Advanced SEO | | rightmove0 -
SEO Tools for Content Audit
Hi i'm looking for a tool which can do a full content audit for a site for instance - Find pages which: • Lack text content. • Finds pages with lengthy meta descriptions • Finds missing H1 tags or multiple H1 tags . • Duplicate meta descriptions. • Find images with no alt text Are there any tools besides the ones on SEMOZ which can enable me to do a full content audit on factors like these. Or any SEO audit tools out there which you can recommend. Cheers, Mark
Intermediate & Advanced SEO | | monster990 -
International SEO and server hosting
I'd appreciate feedback on a situation. We're going through a major overhaul in how we globally manage our websites. Regional servers were part of our original plan (one in Chicago, UK, and APAC) but we've identified a number of issues with this approach. Although it's considered a best practice among many, the challenges we'd face doing it are considerable (added complexity, added steps and delays to updating sites, among others). So, we shifted our plan and how are looking at hosting here in the US but to use Akami to deliver images and other heavier data pieces from their local servers (in the UK, etc.). This is how many of the larger companies like Amazon, etc. delivery their global websites. We hope that using Akami will allow us to have good performance while simplifying our process. Any warning signs we should be aware of? Anyone doing it this way and has a good experience/bad experience?
Intermediate & Advanced SEO | | josh-riley0 -
The use of subdomains to improve SEO?
A clients website which provide a number of trade services which have a page for each service they provide for example: carpentry or electrician or plumbing etc. currently these pages are found at domain.co.uk/bathrooms/ bathrooms.html I am trying to optmise each page better as they are competing with other sites who for example sell bathrooms rather than bathroom installers or plumbers. As part of the on page optimisation I plan to change the page names and directory structure. I had an idea to split the website down into subdomains for various sections i.e for all their services Create a sub domain such as http://plumber.domain.co.uk 2.) upload the relevant content (in this example the plumbing page) to the sub domain location 3.) correct all the links to absolute URLs for each sub domain / Will this help target better use of keywords in the URL in terms of SEO efforts ? hope it makes sense thanks Darren
Intermediate & Advanced SEO | | Bristolweb0 -
Need Guidance On SEO Campaign
Hello, my website is www.mybluedish.com and I am launching an SEO campaign to increase our rankings, especially for the keyword 'satellite internet'. We used to be ranked #5 for this keyword and Google made some changes about 9 months ago that dropped us way back. We have recovered a lot back to #18 now, but have been stuck here for a while. I want to step up our SEO campaign and have come up with the following campaign. Could any SEO's please tell me if you think the following is the make up of a solid SEO campaign or if it should be adjusted? Thank you. 12 new blog articles/month 24 Articles submitted to 10 different directories each (total of 200 article directory submissions)/month 1 basic Press Release from PR.com/month 200 do follow blog comments/month 10 paid blog posts (on other people’s blogs of PR 1-5)/month
Intermediate & Advanced SEO | | MyNet0