OpenGraph+
Get Started

Twitter Open Graph Preview

See how your link appears when shared on Twitter

TwitterFacebookLinkedInSlackMicrosoft TeamsDiscordWhatsAppInstagramBlueskyNotionGoogle ChatTikTokSnapchatTumblrLINERedditSignalPinterestThreadsAppleMastodonTelegram

Preview

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

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

Documentation

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 Twitter's requirements shown below.

URL
https://opengraphplus.com/api/websites/v1/MDBKWnFuMG9mWkVwQnV2N0lsMzBrQToilTDytu8bxXtnJE0qLuqy/image?url=https%3A%2F%2Fopengraphplus.com%2Fdocs
Width
2,400px
Recommended: 1,200px
Height
1,200px
Recommended: 600px
Aspect Ratio
2.0:1
Recommended: 2.0:1
Format
image/png
Recommended: image/jpeg, image/png, image/webp, image/gif
File Size
84.6 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
TitleDocumentation
Description
URLhttps://opengraphplus.com/docs
Typewebsite
Site NameOpenGraph+
Locale

Page request

When you share a link on Twitter, 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: Twitterbot/1.0' \
  -H 'Accept: */*' \
  -H 'Accept-Encoding: gzip' \
  'http://og.plus/docs'

Image request

After reading the meta tags, Twitter 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: Twitterbot/1.0' \
  -H 'Accept: image/*' \
  'https://opengraphplus.com/api/websites/v1/MDBKWnFuMG9mWkVwQnV2N0lsMzBrQToilTDytu8bxXtnJE0qLuqy/image?url=https%3A%2F%2Fopengraphplus.com%2Fdocs'

More Tools

Twitter Specs

Image sizes, formats, and guidelines for Twitter 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 →