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
-
Does Coverage impact on SEO
Does the coverage issues on google search console ( Google Webmaster) has an impact on SEO ( CTR or impressions). How much of a difference or impact will fixing these have on Search results and average
Algorithm Updates | | Rishardg0 -
Meta Keywords is relevant in SEO yet ?
Hello, meta keywords is relevant to use in SEO yet? If yes, how many words is recommended to use? Regards, Leandro
Algorithm Updates | | lmoraes0 -
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 -
Will Russia's New Data Protection Law Impact SEOs and SMBs Outside of Russia?
We've all seen the news recently that Google will be closing its engineering offices in Russia due to new data protection laws coming into place in January 2015. The same law has also led to Adobe pulling out of Russia earlier in the year. I was wondering how you think this will impact SEOers and small/medium businesses that market _to _Russia, but are based outside of the country? Personal data has been defined in the new legislation as: Personal data means any information directly or indirectly related to any identified or potentially identifiable person. It includes, among other things, first name and family name, date and place of birth, address, information about family status, education, profession, income Source For those businesses which don't process personal data (affiliates etc), will there be any foreseeable impact? On the flipside, are there any benefits here for affiliate businesses inside of Russia? I'm using affiliates as an example to get the ball rolling, but I'm sure there's numerous more. Personally, I'd be interested to hear if you think this may impact corporate websites which don't process personal data, but operate outside of Russia.
Algorithm Updates | | ecommercebc0 -
Wordpress Seo Title and Tagline
Hello, I am using wordpress. I also have a plugin called All in One SEO. I was wondering, how I should set up my SiteTitle and Tagline? The main keyword I am going after is "Baking " Others are Cooking, Teaching, World food
Algorithm Updates | | Cinfo10 -
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 -
Site-wide Footer Link on Client/Friend Website - Dangerous?
Hi Guys, I've got a friend / client / business associate who's website I helped develop. It's a three letter dot-com, so good trust, and an eCommerce site, so lot's of pages. When I launched my new site about 6 weeks ago I put "Official IT Partner of MySite.com" in the footer. No keywords in the anchor text, just the domain URL... There are no other external links like that on the site whatsoever, and I haven't been hit by Penguin. I'm ranking well for local targeted keywords a few weeks after launch, and traffic continues to increase... I am worried that Google will see this is unnatural, but I've received no warning or experienced any decline in rankings. There's about 2800 pages linking from the site to my site, all in the footer of course. Would it be better to remove the link from the footer and add it just to the home page and a couple of other high authority pages, or should I leave it be. It's not "unnatural", I am affiliated with the site and work in partnership with the site, but it does fit that profile. I'm thinking about removing the footer link and adding a small graphic on the home page of the linking site which links to my root domain, with a couple of broad keyword anchored links in a description underneath that also link to relevant pages on my site... What do you think? 2800 links w/ my URL as anchor text from high Domain Authority / Low Page Authority pages (the homepage and a few other pages have decent authority) to my root domain OR Three different links from one High DA/ High PA homepage (one image alt, two anchored w/ broad keywords) to three different pages on my site. Again, there are no other site-wide external links on the domain, and I'm pretty sure I escaped the Penguin. Looking forward to hearing the different points of view. Thanks, Anthony
Algorithm Updates | | Anthony_NorthSEO2 -
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