Open Graph meta tags

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.

Upvoters
Status

In Review

Board
💡

Feature Request

Date

3 months ago

Author

Yoni Grysman

Subscribe to post

Get notified by email when there are changes.