Rather than making search bots more intelligent which btw are using the same method to index since ages with just little upgrades here and there , Bots wants the website to be build in more old fashion to get indexed... Why not upgrade the bots rather than telling developers to make their website the old way.
How do u want crawler to index ur page if your page doesn't have content in it ?? Crawler can only see the html. It cant load all javascript to just index ur page.
Thanks for this. Was laughing now at the one position I had at a previous company. In the interview they told me I will have to do SEO on a Single Page Application. As interviews sometimes go, you a bit nervous, and all I heard was Single Pager. (Infinity page, one pager). Saying, ah yeah, it will be hard, but through a good blog and content strategy you can rank the blog and point to the website. My first day at the office, "aaaaaaah" it is a Single Page Application, JavaScript. And Google Crawlers and JS at the time was still newish. I learned a lot and had to think creative to make it work.
- React devs: Look, now react is SEO, you just need to use react.router to handle your request and react-helmet to add metadata and react-snap to prerender the content to a static file. - Me:🤔So why don't you go for the static file on the 1st place?
There are plenty of reasons to build a react web app. And you don't need to pre-render (at least not for Googlebot), but it can yield some benefits in certain cases. The answer, as so often in IT is: "it depends" :)
Okay so with the 3 methods you mentioned you can make sure SPAs are indexable. Nevertheless, are all article pages from your example going to be indexable without pre-rendering or SSR?
@@martinsplitt9666bro! Are you sure about this? Even without server-side rendering with React, the react app pages would still be found and indexed by search engines like Google?
This is exactly what, I am currently working, let's see I build an ecommerce with react, but the problem was find the right tool to serve server-side files, in my case I'm using NextJs and It's useful discover there are other libraries like react span for simple static files
I'm starting in the React's world. This video was more enlightening than all the tuts I saw xD. Thank you. I think it's going to be a good start knowing all these things.
Fantastic, thank you so much for making these, please keep these coming. Professional SEO for a large website and have not found anything as useful as this about JS SEO before :)
I have a question regarding seo meta data of react, how can i set meta data dynamically so that when i paste the url on social media like Facebook or Twitter thn i get the preview of this url, like when i am in home page it will show me meta data of home page. Through api i can achieve it i can fetch data from server but the problem is when i paste the url on social media i am not seeing any previous and also meta data on set in head tag, maybe api takes time and meanwhile Facebook or other social media fetch url data quickly. i have used react helmet and others traditional way but could not achieve this, Could you please help me to find out the solution please????
Thank you very much, Martin. It's a really incredible series of videos which start closing some JS SEO gaps. Can't believe it hasn't 1 million views already. hashtag react
Nice series Martin, keep it up! Just wondering, is it possible that you can say something about "single-page apps" created only with AJAX calls? Thanks in advance
Could client side rendering through React get us a manual action? We don't hide anything, all our structured data is visible to the user. But we are using client side rendering with React. We are in process of fixing it but our Jobs posting website has this message: "JobPosting structured data found on pages that don't have job posting content". It just seems to me that a manual reviewer would see what our users see? I could understand if we got dinged algorithmically, but I'm perplexed at the manual action.
As of Feb 2023, Rendertron is deprecated and React-snap hasn't been maintained actively for a while. "Please note that this project is deprecated. Dynamic rendering is not a recommended approach and there are better approaches to rendering on the web."
Hey, Your videos are very nice and useful. Can you help me? My website is on Reactjs but on Client-Side Rendering. Using React APIs as the backend is WordPress and the Frontend is Reactjs. All my keywords rankings dropped and not a single keyword is in Google Search now which were on top pages. Can you help me by suggesting to me the best possible way to get the data and ranking back?
Subscribe to Google Search Central Channel → goo.gle/SearchCentral
Rather than making search bots more intelligent which btw are using the same method to index since ages with just little upgrades here and there , Bots wants the website to be build in more old fashion to get indexed... Why not upgrade the bots rather than telling developers to make their website the old way.
I second that
I guess it's not as cheap as some could think..
Executing javascript is costly
How do u want crawler to index ur page if your page doesn't have content in it ?? Crawler can only see the html. It cant load all javascript to just index ur page.
Most websites are really very old
Thanks for this.
Was laughing now at the one position I had at a previous company.
In the interview they told me I will have to do SEO on a Single Page Application.
As interviews sometimes go, you a bit nervous, and all I heard was Single Pager. (Infinity page, one pager).
Saying, ah yeah, it will be hard, but through a good blog and content strategy you can rank the blog and point to the website.
My first day at the office, "aaaaaaah" it is a Single Page Application, JavaScript. And Google Crawlers and JS at the time was still newish.
I learned a lot and had to think creative to make it work.
so they employed you???? Nice! I had interviewed where I explain from the bottom up how it all works and still didn't get employed
@@vladpuha yes, got employed. But not there anymore. Now on my own.
Please how did you get the seo to work in a react app? Please.
So for SEO, is NextJS better than just using React Helmet with basic React?
same question...
Technoholic well nextjs is better
- React devs: Look, now react is SEO, you just need to use react.router to handle your request and react-helmet to add metadata and react-snap to prerender the content to a static file.
- Me:🤔So why don't you go for the static file on the 1st place?
There are plenty of reasons to build a react web app. And you don't need to pre-render (at least not for Googlebot), but it can yield some benefits in certain cases. The answer, as so often in IT is: "it depends" :)
this is what I was looking for
needing to pack in an extra 3 minutes to add all the necessary stuff and explain whats going on, is the most React thing I've seen in so long
Okay so with the 3 methods you mentioned you can make sure SPAs are indexable. Nevertheless, are all article pages from your example going to be indexable without pre-rendering or SSR?
Yes, they will be indexable and they will be discovered just fine.
@@martinsplitt9666bro! Are you sure about this? Even without server-side rendering with React, the react app pages would still be found and indexed by search engines like Google?
Awesome can't believe I didn't come across this sooner! Thanks!
This is exactly what, I am currently working, let's see I build an ecommerce with react, but the problem was find the right tool to serve server-side files, in my case I'm using NextJs and It's useful discover there are other libraries like react span for simple static files
I'm starting in the React's world. This video was more enlightening than all the tuts I saw xD. Thank you. I think it's going to be a good start knowing all these things.
Fantastic, thank you so much for making these, please keep these coming. Professional SEO for a large website and have not found anything as useful as this about JS SEO before :)
please do a detailed video on server side rendering or how to make react app discoverable
Please more examples for front-end developers
I have a question regarding seo meta data of react, how can i set meta data dynamically so that when i paste the url on social media like Facebook or Twitter thn i get the preview of this url, like when i am in home page it will show me meta data of home page. Through api i can achieve it i can fetch data from server but the problem is when i paste the url on social media i am not seeing any previous and also meta data on set in head tag, maybe api takes time and meanwhile Facebook or other social media fetch url data quickly. i have used react helmet and others traditional way but could not achieve this, Could you please help me to find out the solution please????
same. any luck finding?
Thank you very much, Martin. It's a really incredible series of videos which start closing some JS SEO gaps. Can't believe it hasn't 1 million views already. hashtag react
*react is a library , not a framework right?
Video starts 3:27
Excellent Clarity. Thank You
Thanks a lot. So then, if you want a website that really Google friendly do it in the best practice of 'traditional' server/browser means.
Nice series Martin, keep it up!
Just wondering, is it possible that you can say something about "single-page apps" created only with AJAX calls? Thanks in advance
Love to see some info about whether Google waits for API requests to resolve and if so how long it waits
kristian puccio doesnt wait
Could client side rendering through React get us a manual action? We don't hide anything, all our structured data is visible to the user. But we are using client side rendering with React. We are in process of fixing it but our Jobs posting website has this message: "JobPosting structured data found on pages that don't have job posting content". It just seems to me that a manual reviewer would see what our users see? I could understand if we got dinged algorithmically, but I'm perplexed at the manual action.
i really like your videos....please give more time so we can read and understand the codes you show. thanks
Feel free to pause the video :)
Mobile friendly test tool has been discontinued
do we really need nextjs, if googlebot can index SPA?
I wish this was true. I really don't want to use next because i will have to change hosting company
As of Feb 2023, Rendertron is deprecated and React-snap hasn't been maintained actively for a while.
"Please note that this project is deprecated. Dynamic rendering is not a recommended approach and there are better approaches to rendering on the web."
can you tell me?
Does googlebot still use chrome41?
Yes. We're working on changing that, tho.
@@martinsplitt9666 Cool. Thx)
What about nextJS?
Hey, Your videos are very nice and useful. Can you help me? My website is on Reactjs but on Client-Side Rendering. Using React APIs as the backend is WordPress and the Frontend is Reactjs. All my keywords rankings dropped and not a single keyword is in Google Search now which were on top pages. Can you help me by suggesting to me the best possible way to get the data and ranking back?
same. any luck finding?
Brilliant video, thanks so much for sharing!
Bro helmet does not help. It renders late.
Are you (the one moderating and talking in this video) from Germany? Your accent sounds very german xD
thank you for this topic! nice2know :-) Nice job Mr. Splitt!
Masih belum paham :(
React is a library, not a framework.
This is the best video ever, thank you very much!
light theme attracts bugs 😀
When I see this I think I've selected wrong industry
thanks
more of this would be awesome
Thank u for this awesome video, i am waiting next video
Finally!
You want to be my friend
Thanks for this.
Brilliant - thank you
dzec
Yay, a new video!
Impressionant !
On supporte :)