Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
Is using REACT SEO friendly?
-
Hi Guys
Is REACT SEO friendly? Has anyone used REACT and what was the results? Or do you recommend something else that is better suited for SEO?
Many thanks for your help in advance.
Cheers
Martin
-
@martin1970 said in Is using REACT SEO friendly?:
Is REACT SEO friendly? Has anyone used REACT and what was the results? Or do you recommend something else that is better suited for SEO?
React itself isn't inherently bad for SEO, but extra care must be taken with regards to optimizing its use for search. Many successful websites use React, yet SEO optimization remains essential.
Consider frameworks such as Next.js, which handles server-side rendering for SEO-friendly development. For ultimate efficiency, however, a static site generator might be better.
If you're interested in SEO, you can join a digital marketing course in Kolkata!
-
@martin1970 said in Is using REACT SEO friendly?:
Is REACT SEO friendly? Has anyone used REACT and what was the results? Or do you recommend something else that is better suited for SEO?
React can be SEO-friendly, but there are considerations to keep in mind due to its default client-side rendering. When search engines crawl websites, they traditionally expect server-rendered HTML for indexing. React applications often render content on the client side, which can pose challenges for search engine optimization (SEO).
To address this issue, there are a few strategies:
-
Server-Side Rendering (SSR):
- SSR involves rendering React components on the server before sending HTML to the client. This ensures that search engines receive fully rendered HTML, making content easily indexable.
- Tools like Next.js, a React framework, support SSR, providing a smoother SEO experience.
-
Static Site Generation (SSG):
- SSG generates static HTML files during the build process. This approach ensures that content is pre-rendered, enhancing SEO performance.
- Next.js also supports SSG, making it a versatile choice for projects requiring strong SEO.
-
Prerendering:
- Prerendering involves generating static HTML for specific pages at build time. This approach combines the benefits of SSR and SSG, allowing developers to target critical pages for SEO optimization.
Several companies and developers have successfully implemented React with SEO in mind. By using SSR or SSG, they've achieved positive results in search engine rankings and overall visibility.
It's essential to note that while React can be SEO-friendly, other frameworks like Angular or Vue.js may also offer SEO solutions. The choice depends on the project's specific requirements and the developer's familiarity with the framework.
In summary, React can be made SEO-friendly through practices like SSR, SSG, or prerendering. Many developers have experienced success in maintaining good SEO performance with React, especially when using tools like Next.js. However, the decision should be based on the project's needs, available resources, and the development team's expertise. Always ensure that your chosen approach aligns with current SEO best practices to achieve optimal results.
-
-
I have doing some research on this issue since there are lots of mixed opinion on this. Per my friends who work on this matter closely, Google, Bing, Yahoo, and DuckDuckGo should all be able to fetch the React based single page applications.
Custom Mat Board (which cuts customized mat boards for any Amazon or IKEA picture frames) is a React based application, and it works well. Please check out Fetch as Google and note if there are any major difference between what Google bot sees and what humans can see. If there are significant differences, you should do something about it. But per my experience, Google bots and humans do see the same thing.
PM me if you have any questions. Cheers!
WJ
-
Thanks for discussing this, Martijn.
Aside from Google, is there any concern that other search engines would have issues rendering a JS website, whether the site uses React, Angular or another framework?
Thanks
-SB
-
Hi Martin,
It can be, that's the actual answer. As React is using JavaScript to load its pages and load the content in most cases. Google and other search engines are able to read the content but it's always required in these cases to check what the actual result is. I've worked with many sites using React and it depends if they're using server or client-side rendering. Start there, to figure out what you can be using for your client/company. Some teams are really drawn to the client side rendering which is a little bit more dangerous as not always can Google see the actual content. In case of server-side rendering, I've seen it go well for most of these.
Let me know if you have any specific questions, happy to answer them!
Martijn.
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
-
Hotel SEO, 3-pack & Search Console: How to get the right data and how to improve CTR?
Hey guys, I've been working with some hotels and I feel like there are some specific issues which need special solutions.
Algorithm Updates | | Maggiathor
Maybe some of you also work for hotels and face similar problems. Question 1: Google "forces" 3-packs impressions to OTAs like booking.com via Hotel Ads. You basically have a big blue "book now" button and a small little website button. This ends up basically leading to CTRs below 1% despite a 1-3 Position. Is there any way to improve the organic CTR? Of course we use hotel ads, but they offer bad analytics AND we basically pay for our SEO-Performance. Question 2: Search console doesn't specify wether or not a impression comes from 3-Pack or the rest of the organic results, which basically leads to a average position which says nothing. It's hard to evaluate the performance of meta-titles and texts, because the ctr is also mixed. What would be a better way to get this data or do you think google will change this in some time (new search console doesn't offer this). Question 3: Hotel Rankings are dominated by OTAs, Meta-Searchers and BIg Chains. Has anyone experience in SEO for smaller, family owned Hotels? Any tricks how to get a steady traffic source outside of brand results? Hope there are some travel experts in here 🙂0 -
Can I use schema markup for my Trustpilot results?
Hi we have excellent Trustpilot reviews & want to know if we can include these in schema markup in order for the results to show in SERPs? The Trustpilot results show in PPC but not SERPs. A competitor looks to have no Trustpilot or other independent reviews but is showing 5 stars in SERPs, i also cant find any customer reviews on their site, it looks to be just coding that is driving the SERPs view? Their site is goldencharter.co.uk Any thoughts much appreciated Thanks Ash
Algorithm Updates | | AshShep11 -
How to use MOZ to improve my website
Hi, I am new for MOZ, have no idea how to improve my website with the function of MOZ, can anyone share their experience for using MOZ service. the more detail the better! Thanks a lot in advance! John Thanks for helps for everyone, it took me some time to read each answer, and also spend few days to study MOZ. My initial conclusion is the function of MOZ is to promote the idea of SEO, but not provide any specific SEO service for specific website except for some tools and report. So I am missing or misunderstanding MOZ's service, it will be always welcome to help me out by correcting my opinion. Anyway, thanks again for all the time you've given to me, and good to you all! -John.
Algorithm Updates | | Steplead1 -
With regards to SEO is it good or bad to remove all the old events from our website?
Our website sells tickets for various events across the UK, we do have a LOT of old event pages on our website which simply say SOLD OUT. What is the best practice? Should these event pages be removed and a 301 redirect added to redirect to the home page? Or should these pages remain in tact with simply SOLD OUT on the page?
Algorithm Updates | | Alexogilvie0 -
Is changing your meta titles frequently good SEO Practice
Greetings, Im a new SEO and really knew nothing until signing up to SEOMoz. After reading the SEO101 and gathering as much information in a short period of time things started to become a little clearer. So I started my first campaign used my new SEO knowledge and input all of my meta information. Then I waited a few days to see what happened with my search result. We had never ranked for a single keyword before mind you. So a couple/few of days go by and I started punching in my keywords and looking through the pages. There I was page three. I was SO happy. I read the entire SEO101 again, realized a little more about what I had to do. So I started changing everything up, adding pictures, I found out what a IMG ALT Attributes were in the HTML editor, bolded text and all the other things I missed the first time around. Three days go by and I move up again. I start to notice my traffic is increasing and I am actually getting organic hits through search traffic. This has never happened before. I am over the moon. But I realize that I have my main focus keyword as the second key word in my title tag. So I switch the two words around, wait a few more days. Here's why I ask my question. The original title tag was still showing up and I was on the first page for both keywords, and I could see both title tags when searching for either keyword. So; Is changing your meta titles frequently good SEO Practice ? Warmest regards, Michael S&M Warning: adult site, NSFW
Algorithm Updates | | Sexandmetal0 -
Is using WPML (WordPress Multilingual Plugin) ok for On-Page SEO?
Hi Mozzers, I'm investigating multilingual site setup and translating content for a small website for 15-20 pages and came accross WPML (WordPress Multilingual Plugin) which looks like it could help, but I am curious as to whether it has any major international SEO limitations before trialing/buying. It seems to allow the option to automatically setup language folder structures as www.domain.com/it/ or www.domain.com/es/ etc which is great and seems to offer easy way of linking out to translators (for extra fee), which could be convenient. However what about the on-page optimization - url names, title tags and other onpage elements - I wonder if anyone has any experiences with using this plugin or any alternatives for it. Hoping for your valued advice!
Algorithm Updates | | emerald0 -
Singular vs plural SEO
Hi everyone, OK I've been looking at the Google adwords keyword tool and it's thrown some of my On-page SEO into question (everything said here are examples, I haven't used any real life terms or figures). Lets say my page is about "Green Apples", let's say the keyword tool shows that the singular version "Green Apple" gets more searches (as an example). Should I optimize for the singular or the plural? Also lets say my title tag for that page is "Green Apples | Apples Galore UK" would Google/SEOmoz count that as an optimisation for the singular "Green Apple" or do the search engines take the title literally and don't differenciate between singular and plurals? Thanks in advance everyone! Regards, Ash
Algorithm Updates | | AshSEO20112 -
Using Brand Name in Page titles
Is it a good practice to append our brand name at the end of every page title? We have a very strong brand name but it is also long. Right now what we are doing is saying: Product Name | Long brand name here Product Category | Long brand name here Is this the right way to do it or should we just be going with ONLY the product and category names in our page titles? Right now we often exceed the 70 character recommendation limit.
Algorithm Updates | | mlentner1
