How to Generating Dynamic <meta> Tags on the Apache Server with react.js

Question

I've created a react.js + router v4 project via facebookincubator/create-react-app, and I use Apache 2 without backend language to run my project.

I've read this official doc:

Generating Dynamic Tags on the Server

Since Create React App doesn’t support server rendering, you might be wondering how to make tags dynamic and reflect the current URL. To solve this, we recommend to add placeholders into the HTML, like this:

<!doctype html>
<html lang="en">
  <head>
    <meta property="og:title" content="__OG_TITLE__">
    <meta property="og:description" content="__OG_DESCRIPTION__">

Then, on the server, regardless of the backend you use, you can read index.html into memory and replace OG_TITLE, OG_DESCRIPTION, and any other placeholders with values depending on the current URL. Just make sure to sanitize and escape the interpolated values so that they are safe to embed into HTML!

If I use apache run my project without any backend language, is there have any way to Generating Dynamic Tags?

Thanks.

Mosè Raguzzini · Accepted Answer · 2019-05-03 10:47:50Z

2

I suggest to use Helmet, it makes easy to manage metas : https://github.com/nfl/react-helmet

Proof of Helmet working with crawlers

https://medium.com/mixed-marketing-technology/our-solution-to-make-seo-work-for-a-react-js-site-rankwatch-blog-9a311b86fb5f

edited May 3, 2019 at 10:47

answered Dec 19, 2017 at 11:11

Mosè Raguzzini

15.9k1 gold badge34 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mosè Raguzzini Over a year ago

First: OP wants dynamic tag, not SEO optimization. Second: this is not true, an article from 2016 medium.freecodecamp.org/….

jcklopp · Accepted Answer · 2020-06-01 01:57:32Z

0

With Apache serving up the React app you could solve this problem by jamming server side include statements into the index.html.

answered Jun 1, 2020 at 1:57

jcklopp

4916 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to Generating Dynamic <meta> Tags on the Apache Server with react.js

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related