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
-
Pagination & SEO
Hi We have automatically created brand pages based on which brand they have in their attributes. At the moment, developers have restricted the ability to properly optimise these for SEO, but I also wanted to look at how we should handle pagination. Example: http://www.key.co.uk/en/key/brand/manutan?page=1 http://www.key.co.uk/en/key/brand/manutan?page=2 http://www.key.co.uk/en/key/brand/manutan?page=3 Should we do any of the following - which I've found in an article: Put no follow on all links located on pagination pages Should we no index these pages as they are wasting crawl budget? - Don’t show links to page 2, 3, 4, 5… 10, 11, 12… at the end of your content but only a link to the next and previous pages so that you won’t dilute your page authority. Or does anyone else have any tips on how to handle these pages? Thank you!
Intermediate & Advanced SEO | | BeckyKey0 -
Advanced SEO question.
Hi, I manage and do the SEO for this site: www.aerlawgroup.com. If you Google "Los Angeles Criminal Defense Attorney", you can see I rank well (1st page). I have managed to achieve similar rankings for interior pages within the site: www.aerlawgroup.com/domestic-violence.html (Google: "Los Angeles Domestic Violence Attorney".) Here is my question. No matter how hard I try, I cannot get to the first page on Google for the search term: "Los Angeles DUI Lawyer", for the following interior page: www.aerlawgroup.com/dui.html. Is there anyway that I can pass the authority/ranking (not sure what to call it) that I have for www.aerlawgroup.com to www.aerlawgroup.com/dui.html so that internal page ranks higher for "Los Angeles DUI Lawyer"? I apologize if my question doesn't make sense. In a nutshell, I'm trying to understand if there is anyway to use the ranking I have for www.aerlawgroup.com to help me rank higher for Los Angeles DUI lawyer for the dui interior page. If not, are there any other suggestions anyone has to achieve a higher ranking? Thanks!
Intermediate & Advanced SEO | | mrodriguez14400 -
Ugh...getting organized with my SEO
One thing I have learned about SEO is that it takes a patient, organized and task oriented person in order to be a good SEO'r. Luckily I have these skills which I think helps me with my own personal SEO, but at the same time I have other personality traits that work against me at the same time which can distract me from staying on track. I am a goal oriented person - I like to create weekly, monthly and yearly goals to help keep me focused. I am a patient person I am a task oriented person - I can repeat a task over and over again even if I hate it. I am very organized - I am a better house keeper than my wife (which drivers her crazy) but at the same time I have some other personality traits that work against me which counter act against my strong points. I can't leave a task undone and I have to complete it immediately I am a multi tasker - I can do 20 things at once. The struggle I have is even though I set goals, complete them and have the patience to do them at the same time I tend to work on things and won't move on until they are done. Even though their importance may not be as pressing an other areas. For instance I will work on getting rid of Google errors (404's), fixing code issues with the site people report instead of taking the time to work on the bigger things like fixing issues which effected me from Panda and Penguin. I get stuck on these smaller tasks since I know I can complete them faster, but they never seem to end. I would love to hear other models SEO'r use to help them organize their time management and spreading the tasks across the board and get everything done.
Intermediate & Advanced SEO | | cbielich0 -
What should I cover in a SEO proposal ?
What should I cover in a SEO proposal? Is there any sample SEO Proposal template in SEOMoz?
Intermediate & Advanced SEO | | kashyaplakkad1 -
Mobile SEO vs. normal SEO?
Hi everyone, I wanted to ask you abour your opinon on mobile SEO. Do we already have two different Indices, one for mobile, one for desktop? Except a few mobile listings I don't see a difference yet. If yes, do I need to do special mobile SEO for my site or is it enough to have e.g. a responsive webdesign which detects the device and shows a different page? Are there any other extra Mobile SEO measures that should be considered? I know of the Mobile Sitemap and directories but is there anything else? Best regards
Intermediate & Advanced SEO | | CrazySEO0 -
Indirect SEO boost from links
I have 2 ecommerce sites, each with a blog. I am increasing my linkbuilding efforts, but I don't want to build too many links directly to my 2 sites over a short period of time. I have decided that I will add a certain number of links to sites/pages that are already linking to my main sites (for example, a blog post on my blog, guest post on another blog, article submission, etc.). How much of a benefit can I expect in terms of rankings? Has anyone tested this out or experimented with something like this? What are the pros and cons? I appreciate thoughtful comments.
Intermediate & Advanced SEO | | inhouseseo0 -
How Important is the IP Address for SEO?
Hi Everyone, I am curious to know if IP Address plays any role in SEO....What if a website sharing an I.P with a porn site, BlueFart site, fake viagra pills site etc.? Does it affect the SEO? Please share your opinion on this. Thanks
Intermediate & Advanced SEO | | seodoz0 -
SEO for Global Navigations
I did my first SEO audit from the book SEO Secrets by Danny Dover on my new website at http://melo4.melotec.com:4010/ In the book he says to disable Javascript and see if the global navigation still works. So when I did that the dropdown menus in my navigation don't show. I'm assuming this is a problem but when I check the cache text only version of the site, the dropdowns are in the text only version. Are their any experienced SEO's out their who can weigh in on this issue? Should I have my developer redo the navigation without any javascript? Thanks, Shawn
Intermediate & Advanced SEO | | Romancing0