I'm trying to set up Open Graph meta tags for social media previews (Twitter/X, Facebook, LinkedIn) on my app. I've added the meta tags via React in my Layout component using useEffect and document.head.appendChild(), but social media crawlers don't execute JavaScript - they only see the initial HTML. Current situation:
Meta tags are added dynamically via JavaScript
Social crawlers (Twitter Card Validator, Facebook Debugger) don't see them
No preview image/title/description appears when sharing links
What I need:
A way to add static OG meta tags directly in the <head> of index.html before React loads
Or server-side rendering support for meta tags
Is there a dashboard setting, index.html configuration, or any other way to add these tags statically?
Please authenticate to join the conversation.
In Review
Feature Request
3 months ago

Yoni Grysman
Get notified by email when there are changes.
In Review
Feature Request
3 months ago

Yoni Grysman
Get notified by email when there are changes.