Open Graph tags
Discord reads these OG tags for link embeds:
| Tag | Purpose | Limit |
|---|---|---|
og:title |
Embed title (bold) | ~256 characters |
og:description |
Body text below the title | ~350 characters |
og:image |
Preview image | See image handling |
og:url |
Canonical URL | – |
og:site_name |
Smaller text above the title | – |
og:type |
Content type hint | – |
og:title and og:description get truncated past their limits. og:site_name shows in a smaller font above the bold title, which is useful for source identification.
Twitter Card fallback
Discord reads Twitter Card tags as fallbacks:
| Twitter tag | Falls back to |
|---|---|
twitter:title |
og:title |
twitter:description |
og:description |
twitter:image |
og:image |
The important one is twitter:card. Set it to summary_large_image to get a large image below the text instead of a small thumbnail on the right. This is the most common fix for unexpected image sizing in Discord embeds.
<meta name="twitter:card" content="summary_large_image">
Image dimension hints
og:image:width and og:image:height help Discord decide between large and thumbnail display without fetching the image first. Wide, landscape images trigger the large format.
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
theme-color (Discord-specific)
The theme-color meta tag sets the colored left border on the embed card. No other platform uses this for link previews.
<meta name="theme-color" content="#5865F2">
Use your brand color to make your links recognizable in chat.
oEmbed
Discord supports oEmbed, but only for whitelisted providers (YouTube, Twitch, Spotify, etc.). For most sites, it won’t apply. Use Open Graph tags instead.
Minimal setup
Everything you need for good Discord embeds:
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="A brief description of the page.">
<meta property="og:image" content="https://example.com/image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#5865F2">