Fill in your page details and get complete Twitter Card and Open Graph meta tags ready to paste into your HTML <head>. Includes a live card preview.
When someone shares a link on Twitter, Facebook, LinkedIn, or Slack, the platform fetches your page and reads special meta tags in the HTML head to build a rich preview card. Without these tags, the platform falls back to a basic link with no image or description. Twitter Card tags (name="twitter:...") and Open Graph tags (property="og:...") tell platforms exactly what title, description, and image to display — giving you control over your first impression in every social feed.
The two most common Twitter Card types are summary_large_image (a wide card with a large banner image, best for blog posts and articles) and summary (a smaller card with a thumbnail image, suited for product pages or short content). Open Graph tags serve the same role for Facebook and LinkedIn, and Twitter will also fall back to OG tags when Twitter-specific tags are absent. Generating both sets ensures maximum compatibility across all platforms.
Images for large cards should be at least 1200×630 pixels with a 1.91:1 aspect ratio. For summary cards, use a square image of at least 400×400 pixels. Always use absolute URLs (including the protocol and domain) for image references — relative paths will not work in social card crawlers. Use Twitter's Card Validator (at developer.twitter.com) to test how your card will render after deploying the tags.