Make your React web apps discoverable - JavaScript SEO

In this video of the JavaScript SEO series, Webmaster Trends Analyst, Martin Splitt shares how to make your React apps discoverable in search and how to avoid common problems you may encounter with a React app.

JavaScript SEO is an entirely new series on best practices and SEO for JavaScript.

[PratyushRajprats]

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.

[reggie]

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 :)

[ezekieltojoshan]

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.

[menalvagor]

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, 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.

[WittCode]

Awesome can't believe I didn't come across this sooner! Thanks!

[goodmorning]

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

[Bludau-IT-SERVICES]

thank you for this topic! nice2know :-) Nice job Mr. Splitt!

[emilyfedorowycz]

Brilliant video, thanks so much for sharing!

[RussellJensen]

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.

[luchoandrade]

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?

[lukash]

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

[rajashekhar]

Please more examples for front-end developers

[pitisradu]

So for SEO, is NextJS better than just using React Helmet with basic React?

[wuetpie]

I have hosted new react website on server and now website is index, crawled but not showing google search cache please let me know the issue

[angeldominguez]

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

[PROTECHRAHUL]

please do a detailed video on server side rendering or how to make react app discoverable

[alexlais]

This is the best video ever, thank you very much!

[subrotofilms]

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????

[RafaelCouto]

- 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?

[vladpuha]

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.