Questions tagged [react-helmet]
react-helmet is a module for managing the DOM document head within React.
react-helmet
268
questions
0
votes
0
answers
86
views
How to Use React Helmet Async to Manage Meta Tags for Social Media Sharing in a Single Page React App?
I'm working on a single page application (SPA) using React, and I need to manage meta tags for better social media sharing (like Facebook, Twitter, LinkedIn, etc.). I've heard that react-helmet-async ...
0
votes
1
answer
110
views
React Helmet Async - CSR
Lately we have had issues with meta tags in google indexing. They were working before but don't seem to be any more.
Does anyone have an explanation on why this is the case? Thank you in advance.
We ...
0
votes
0
answers
63
views
React seo optimisation
Why is the meta tag description not displaying in my React component using react-helmet? I have ensured that react-helmet is correctly installed and imported, but the meta tags are not visible in the ...
0
votes
0
answers
57
views
Inject string code in <head> tag in React
I need to inject a string into the tag in a React (+ Vite) application, but I couldn't make it work.
We have a white label app, so the string comes from an API request and should be injected inside ...
1
vote
1
answer
73
views
Render vanilla javascript and html within a Nextjs app
I have a file containing javascript and html similar to below. I am trying to render this within a nextjs app. The code in the file cannot be changed to jsx and the application that will render it is ...
- 37
0
votes
1
answer
62
views
Helmet Rejects Localhost Even Though it is Included in Script-Src?
I'm running my node.js web app at:
http://localhost:3000/
I'm getting this error from Helmet:
Refused to execute inline script because it violates the following
Content Security Policy directive: &...
- 5,000
0
votes
0
answers
20
views
Access js script in header from jest
I have this React application (cra) which embeds a script in its header. I use React Helmet for that.
I.e., In App.js I have this :
<GlobalContext.Provider>
<Helmet>
<script ...
- 2,848
0
votes
0
answers
101
views
Is it possible to change meta tags dynamically while page is loading
Here is the case. In my React(SPA) application I have only one page that needs to be shared. And when it is shared I need to add the following meta tags to the head element:
<head>
<meta ...
user22262485
0
votes
0
answers
50
views
side effect in the form of a black screen when switching video tag video
I want to download some videos from the network and play them in a circle. I need to pre-download them so that when I play, I do not see any delays
I have some not perfect component on which I test ...
- 21
-1
votes
1
answer
423
views
Crawlers do not see my meta tags created by React Helmet
Good afternoon, please tell me what the problem is, I created SEO for my React site using React Helmet, so when I log in to the browser or Devtools, , I see, but if I share a link or check meta tags ...
- 39
0
votes
1
answer
516
views
Meta Tag in ReactJS 18 with react-helmet : How Google handle dynamic Meta Tag in CSR
I'm creating a full ReactJS app (without Next.JS so it's full Client Side Rendering) and I'm facing some issues (or at least questions) about SEO and dynamic meta tag.
The base of ReactJS is to inject ...
- 29
1
vote
0
answers
98
views
How can I render a custom component in `head` with React Helmet?
I use React Helmet. I wanted to inject social meta tags in some of the pages. In order to DRY, I wanted to define these social meta tags as a separate component, which looks as below:
type ...
- 3,037
0
votes
1
answer
332
views
How to set dynamic og meta tags?
I've been trying to use react-helmet-async in order to create custom URL thumbnails for blog posts for posting on social media.
I've set the provider in the index.js
import 'bootstrap/dist/css/...
- 95
0
votes
0
answers
386
views
Handling Content Security Policy (CSP) for React App, (styleSrc, scriptSrc - eval)
I would like to implement a more secure Content Security Policy (CSP) in my React application. I have utilized the following libraries in my application:
{
"dependencies": {
&...
- 51
1
vote
0
answers
208
views
react-helmet duplicated tags
I have helmet configured for seo and want to override some tags for specific pages but it duplicate instead of replacing
// This is default values for all pages
import { Helmet } from react-helmet
<...
- 425