Oct 25, 2021
Google bot Javascript rendering capability
Should I server render, static site generate, or just use client-side javascript for the best results?
I also have an API endpoint that the user invokes by clicking a button, which renders additional content on the site, can Googlebot handle this as well?
How does similar javascript frameworks to Vue such as Angular and React perform in indexing?
Informational notification.
This question is locked and replying has been disabled.
Community content may not be verified or up-to-date. Learn more.
Last edited Oct 25, 2021
Oct 26, 2021
Google can render Vue.js with Nuxt, reactjs, angularjs and more check out all the documentation via https://developers.google.com/search/docs/advanced/javascript/javascript-seo-basics.
As for the button, you should probably consider making it a link using <a href="https://www.yourURL.com... In other words it can look like a button as long as it includes a link Google can follow.
Hope this helps?
-Brian
Original Poster Casper Rubæk marked this as an answer
Hey Casper,
In short, no. Google doesn't interact with elements, meaning it won't fill inputs, choose select fields or click buttons.
So if you are calling an API based on those interactions, which then in turn updates the DOM, that content will not be indexable.
A good way to test what Googlebot can see it use the URL inspection tool, or the mobile friendly test tool, or the rich results test tool, test the URL and check the rendered HTML. If the content you want indexed is in there, you're good. If it's not, it's not part of the indexed URL.
Original Poster Casper Rubæk marked this as an answer
All Replies (4)
Google can render Vue.js with Nuxt, reactjs, angularjs and more check out all the documentation via https://developers.google.com/search/docs/advanced/javascript/javascript-seo-basics.
As for the button, you should probably consider making it a link using <a href="https://www.yourURL.com... In other words it can look like a button as long as it includes a link Google can follow.
Hope this helps?
-Brian
Original Poster Casper Rubæk marked this as an answer
Oct 27, 2021
Thanks for confirming that Google Bot can crawl this kind of site with Vue.js.
The button will call an API, however, it will take input from an input element, will Google Bot be able to use this and index based on the returned data, in this instance a card with text in it? I have read the article you mentioned and it doesn't seem to specify how it handles following API calls and the rendered content.
Last edited Oct 27, 2021
Hey Casper,
In short, no. Google doesn't interact with elements, meaning it won't fill inputs, choose select fields or click buttons.
So if you are calling an API based on those interactions, which then in turn updates the DOM, that content will not be indexable.
A good way to test what Googlebot can see it use the URL inspection tool, or the mobile friendly test tool, or the rich results test tool, test the URL and check the rendered HTML. If the content you want indexed is in there, you're good. If it's not, it's not part of the indexed URL.
Original Poster Casper Rubæk marked this as an answer