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.
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
-
How do you optimize a blog post for SEO after the RankBrain?
Hi Guys Just curious to hear what you guys do to rank blog posts in the top in Google especially onsite, after the RankBrain update? Do you still use SEO tools to optimize this or are the SEO tools outdated for this? If yes which tools do you use to get success with? Cheers John
Algorithm Updates | | igniterman750 -
Is Shopify good for SEO?
Is Shopify good for SEO? Such as indexing or ranking? Some factors: - URL is too big Some default URL structure cannot change - /product/ , /collections/, /pages/ which makes the whole url so big Need expert's suggestions.
Algorithm Updates | | BBT-Digital1 -
Are SEO Friendly URLS Less Important Now That Google Is Indexing Breadcrumb Markup?
Hi Moz Community and staffers, Would appreciate your thoughts on the following question: **Are SEO friendly URLS less important now that Google is indexing breadcrumb markup in both desktop and mobile search? ** Background that inspired the question: Our ecommerce platform's out of the box functionality has very limited "friendly url" settings and would need some development work to setup an alias for more friendly URLS. Meanwhile, the breadcrumb markup is implemented correctly and indexed so it seems there's no longer an argument for improved CTR with SEO friendly URLS . With that said I'm having a hard time justifying the URL investment, as well as the 301 redirect mapping we would need to setup, and am wondering if more friendly URLs would lead to a significant increase in rankings for level of effort? Sidenote: We already rank well for non-brand and branded searches since we are brand manufacturer with an ecommerce presence. Our breadcrumbs are much cleaner & concise than our URL structure. Here are a couple examples. Category URL: http://www.mysite.com/browse/category1/subcat2/subcat3/_/N-7th
Algorithm Updates | | jessekanman
Breadcrumb: www.mysite.com > category1 > subcat2 > subcat3 Product URL: http://www.mysite.com/product/product-name/_/R-133456E112
Breadcrumb: www.mysite.com > category1 > subcat2 > subcat3 > product name The "categories" contain actual keywords just hiding them here in the example. According to my devs they can't get rid of the "_" but could possible replace it with a letter. Also they said it's an easier fix to make the URLs always lower case. Lastly some of our product URLS contain non-standard characters in the product name like "." and "," which is also a simpler fix according to my developers. Looking forward to your thoughts on the topic! Jesse0 -
Are there any alternative ranking strategies for not a blog site other than on site SEO, speed improvement, building backlinks and social media engagement to improve rankings?
We own a horoscope website and looking for some SEO advice.However most of the websites are blog sites therefore most of the SEO content is about how to rank a blog site better. IE getting new quality content, use anchor text link out etc. However if your site is different by nature it is hard to find good advice on how to rank better in these scenarios. I would like to know if there are alternative ways of increasing rankings apart from the usual strategies of improving social media fan pages, building backlinks and optimising the site speed wise and making it accessible and understandable to crawlers and people too.
Algorithm Updates | | websitebuilder0 -
Local SEO NAP - Two Different Cities....Same Zip Code
I've come across this recently and wanted to get your thoughts. I personally live in a city called Greenacres (yes, it's the place to be) but my zip code is also for Lake Worth. I'm a local SEO company so doing Local SEO stuff is pretty pointless (Google changed that in 2010) but I am sure other people have this issue for their business. Question, What do you do when your zip code is for two different cities. Do you try to make all NAPs (Name Address Phone Numbers) the same city. What if you cant'? Does having the NAP show up different cities hurt your efforts? etc. Obviously I think you'd try to keep the NAP as consistent as possible but what do you do if the citation source changes it or only uses the major of the two cities? There isn't a right or wrong answer (or maybe there is) but I wanted to get some thoughts on it. Darin.
Algorithm Updates | | DarinPirkey0 -
Pdfs for SEO - benefits, downfalls and promotional methods
Hi fellow Mozzers, We're just in the middle of relaunching our website (a design agency), and I had a few questions re: SEO of our service keywords. The designers want the site to seem light on content, despite my advice that this would reduce the terms we can rank for. With that in mind, I was going to include advice pages that can be found via the site map, site search or text links but aren't promoted via the top level or second level nav. Another alternative I was going to explore was using pdfs for design case studies, so the site would feature a light case study, but with a more in-depth pdf available if wanted. I have located numerous articles highlighting how best to optimise pdfs, but I have a few queries aside from the technical standpoint. So: is this the best way to getting round the issue of keeping the site 'light' on content? are there stats that show CTRs on pdf pages over HTML? as well as optimising the pdf content and promoting them on our social media channel, is there a benefit from including them on the likes of Scribd, Edocr and so on (from either an SEO or simply from a promotional viewpoint, or both) Hopefully that's all clear! Nick
Algorithm Updates | | themegroup0 -
Increasing Brands/Products thus increasing pages - improve SEO?
We curently have 5 brands on our website and roughly 200 pages. Does increasing the number of products you stock and thus increasing the number of pages improve your SEO?
Algorithm Updates | | babski0 -
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