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
-
By Using interstitial (popups) on the webiste, will google penalize ranks for desktop and mobile both ?
We have implemented interstitials (pop-ups) on a website (Business Articles Website). The popups are basically used for getting leads from the website (using Signup popups). Before Popup implementation the traffic was steady, After the implementation, the traffic started to decay after a couple of weeks and due to the drop we disabled the popup from the website and initiated a force crawl and within next few weeks, we observed traffic gaining back to its normal trend. Within these timelines drop in desktop traffic was more and mobile traffic remain steady. As per Google guidelines, interstitials are more likely to be affected on mobile than desktop. But in our case, desktop traffic was hit more than mobile. So we carried out this experiment for 3 months. And we observed traffic decay and regain. Is interstitials the only culprit here (as the drop is only in desktop) or Can there be some other reasons as well for the traffic drop? bF7hc
Algorithm Updates | | iQuanti1 -
Is it bad from an SEO perspective that cached AMP pages are hosted on domains other than the original publisher's?
Hello Moz, I am thinking about starting to utilize AMP for some of my website. I've been researching this AMP situation for the better part of a year and I am still unclear on a few things. What I am primarily concerned with in terms of AMP and SEO is whether or not the original publisher gets credit for the traffic to a cached AMP page that is hosted elsewhere. I can see the possible issues with this from an SEO perspective and I am pretty sure I have read about how SEOs are unhappy about this particular aspect of AMP in other places. On the AMP project FAQ page you can find this, but there is very little explanation: "Do publishers receive credit for the traffic from a measurement perspective?
Algorithm Updates | | Brian_Dowd
Yes, an AMP file is the same as the rest of your site – this space is the publisher’s canvas." So, let's say you have an AMP page on your website example.com:
example.com/amp_document.html And a cached copy is served with a URL format similar to this: https://google.com/amp/example.com/amp_document.html Then how does the original publisher get the credit for the traffic? Is it because there is a canonical tag from the AMP version to the original HTML version? Also, while I am at it, how does an AMP page actually get into Google's AMP Cache (or any other cache)? Does Google crawl the original HTML page, find the AMP version and then just decide to cache it from there? Are there any other issues with this that I should be aware of? Thanks0 -
Is it Safe to Migrate from All-in-Seo WordPress Plugin to Yoast Plugin ?
I am using All-in SEO plugin from the time we started using blog, can we use the new Yoast plugin, i mean i do not want to lose any data or value to our article. I want to migrate them Will it be safe ! some saying do not go - others says you can ! Please if you ever did or have experience tell me ! My Blog is important for me ! The Yoast plugin gives many features compare to All-in-SEO.
Algorithm Updates | | Esaky0 -
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 -
The Impact of Attribute REV in SEO
Hi, I'm looking for information about rev="" attribute in SEO. What do this attribute communicate to search robots? Does it Impacts in the positioning of pages / keywords? Does anyone have information that could help me?
Algorithm Updates | | webg0 -
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 -
Issue: Having to Fight Product Marketing to Use Keywords
This is sort of a "DUH!" moment to me. I know everyone has come across this at some point in time and am interested in hearing how others deal with this. A little background: I was researching keywords for new menus and pages. Sometimes, people (product marketing in my case) do not give me a heads up on changes they want to make to pages and it is always a fight with them to change it. This is pretty normal for me and I am use to it. It is one of those things that they don't want to discuss it with you because they know you are going to critique their work. and, yes, change it for the good of the company. I had a co-worker say to me:
Algorithm Updates | | SmartBear
"We may have to start making [pages] meaningful to the human visitor than satify the bot army". My response was:
"What better way to make it [web page] meaningful to users by knowing which terms they search on the most in our industry? Keyword research is not just for Search Engines, it is actual live data as to what most people are searching. That is why I put such a high precedence on it and report on trends. You can bet that if 100,000 people are searching for [keyword], that is what they want to see when they search for it." Anyways, that is how I handled this particular event. I have several responses when these comments pop up from time to time. Usually it is something to the fact that they are not the ones who will get fired if leads drop via organic search, so we better try this. But today, I was feeling kind of spunky and decided to take another route. What are some of your responses to these types of remarks? Hopefully this will make for a good discussion.0 -
What are the good strategies using satellite sites in SEO??
Hello to everybody, We'are thinking about launching a massive amount of satellite websites in order to promote our website. Is it really efficient in terms of link building? Or is the ROI really small due to the amount of time and money needed to create and manage these websites? Thanks a lot!!! Update: Thanks to all of you for all these interesting answers!
Algorithm Updates | | sarenausa1