OpenGraph+
Get Started

Discord Open Graph Preview

See how your link appears when shared on Discord

TwitterFacebookLinkedInSlackMicrosoft TeamsDiscordWhatsAppInstagramBlueskyNotionGoogle ChatTikTokSnapchatTumblrLINERedditSignalPinterestThreadsAppleMastodonTelegram

Preview

This is how your link will appear when shared on Discord.

The preview is generated from your page's Open Graph meta tags.

Newsroom - Search

Image specifications

Images that don't meet platform requirements may be cropped incorrectly, rejected, or displayed at poor quality.

Each platform has different specifications. Make sure your image meets Discord's requirements shown below.

URL
https://www.apple.com/newsroom/images/default/apple-logo-og.jpg?202603252332
Width
1,200px
Recommended: 1,200px
Height
630px
Recommended: 630px
Aspect Ratio
1.9:1
Recommended: 1.9:1
Format
image/jpeg
Recommended: image/jpeg, image/png, image/webp, image/gif
File Size
17.5 KB
Recommended: Under 5 MB

Meta tags

Open Graph tags control how your content appears when shared on social media platforms like Facebook, Twitter, and LinkedIn.

Missing or incorrect tags can result in broken previews, missing images, or unappealing shares that reduce click-through rates.

PropertyYour Tags
TitleNewsroom - Search
DescriptionApple Newsroom Search Results
URLhttps://www.apple.com/newsroom/search/
Typewebsite
Site NameApple Newsroom
Localeen_US

Page request

When you share a link on Discord, it sends a server-side request, not a browser, to fetch the page's HTML and read the meta tags. This is the request it makes.

curl -vL \
  -H 'User-Agent: Mozilla/5.0 (compatible; Discordbot/2.0; +https://discordapp.com)' \
  -H 'Accept: text/html' \
  'https://www.apple.com/newsroom/search/?q=Apple%20Deploys%20OpenGraph%2B'

Image request

After reading the meta tags, Discord makes a separate request to download the image. Some platforms use a different User-Agent or Accept header for images.

curl -vL \
  -H 'User-Agent: Mozilla/5.0 (compatible; Discordbot/2.0; +https://discordapp.com)' \
  -H 'Accept: image/*' \
  'https://www.apple.com/newsroom/images/default/apple-logo-og.jpg?202603252332'

More Tools

Discord Specs

Image sizes, formats, and guidelines for Discord Open Graph previews.

View →

Tag Builder

Copy this Open Graph tag to fine-tune how your content appears on social media.

Launch →

Consumer Probe

Debug how social platforms crawl your pages.

Create →