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.

Check out ReactDomServer → http://bit.ly/2W2fKUu
Learn more about react-snap → http://bit.ly/2JgeQT0
Learn more about Rendertron → http://bit.ly/2TCZU60

JavaScript SEO is an entirely new series on best practices and SEO for JavaScript. Stay tuned by subscribing to the Google Webmasters channel → https://bit.ly/Webmasters1

Check out other videos in the JavaScript SEO Playlist → https://bit.ly/JavaScriptSEO

source

21 thoughts on “Make your React web apps discoverable – JavaScript SEO”

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

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

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

  4. Hi, I have problem with Lighthouse and React CSR website. When running Speed and Performance Test ,the load time of page is quite nice when checking in webpagetest.org but really poor in Lighthouse report. What does it mean? Does Google takes only Performance metrics from Lighthouse or it is not the only source of defining site speed, TFBs and other metrics? From where does those differences between tools came from? Anyone else have this problem?

  5. 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 🙂

  6. – 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?

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

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *