Twitter Card Generator

About Open Graph Generator

The tags that decide what a link looks like when it is pasted into Slack, LinkedIn, WhatsApp, Facebook or X: a title, a description, an image and a card type. Without them the preview is whatever the network scrapes, which is usually the navigation bar and a logo.

The preview here draws the card the way a network would, so an image that is missing, insecure or wrongly shaped is visible before anyone shares the page. Aim for 1200 × 630 pixels — that is the shape every network crops towards — and serve it over https, because most of them will not fetch an insecure image at all.

Twitter reads the Open Graph tags when its own are absent, so the twitter:* tags written here only cover what genuinely differs: the card type and the account.

The result is graded on the same scale as the rest of the category: a missing image, an insecure one, or a title a card will cut each take their share off the score, and the findings underneath say which.

Where it helps

• Writes the Open Graph and Twitter tags together, without duplicating what Twitter already inherits.
• Draws the card so a missing or insecure image is obvious before the link is shared.
• Names the image size that works across networks rather than leaving it to be discovered.
• Local, so an unpublished announcement is not sent to anyone.

Limits

• Networks cache aggressively: after changing the tags you usually have to re-scrape the URL in their own debugger before the new card appears.
• The preview is an approximation — each network crops and truncates slightly differently.
• It cannot check that the image URL resolves, because the page fetching it would be this browser rather than the network.
• Some platforms need extra tags — article:published_time, product:price — that are outside what is written here.

Frequently asked questions

What image size should I use?

1200 × 630 pixels, under about 5 MB, in PNG or JPEG. That ratio is what Facebook, LinkedIn and Slack all crop towards.

Why is my old preview still showing?

The network cached it. Facebook's Sharing Debugger, LinkedIn's Post Inspector and X's card validator all have a re-scrape button; Slack refreshes when the cache expires.

Do I need both og: and twitter: tags?

Not for most fields — X falls back to Open Graph. You need twitter:card to choose the layout, and twitter:site to attribute the account.

Does any of this affect ranking?

No. It affects whether anyone clicks the link when it is shared, which is a different and often larger number.

Related tools

• Meta Tag Generator — The head tags a page needs, with a search-result preview
• Canonical Tag Generator — A clean canonical URL, with hreflang alternates
• Schema Markup Generator — JSON-LD for articles, products, FAQs and businesses
• Image Converter — Convert between PNG, JPEG, JFIF, WebP, GIF, HEIC and SVG
• SERP Preview — Your page as a search result, measured in pixels
• robots.txt Generator — Crawl rules, with the traps called out

More SEO & Meta tools

• SERP Preview — Your page as a search result, measured in pixels
• Meta Tag Generator — The head tags a page needs, with a search-result preview
• Open Graph Generator — Social card tags for Facebook, LinkedIn, Slack and X
• Canonical Tag Generator — A clean canonical URL, with hreflang alternates
• robots.txt Generator — Crawl rules, with the traps called out
• Sitemap Generator — An XML sitemap from a list of addresses
• Keyword Density Checker — Which words and phrases a page actually repeats
• Schema Markup Generator — JSON-LD for articles, products, FAQs and businesses
• Website Speed Test — Where a page's time goes and what it weighs
• SEO Analyzer — Audit a live page's on-page SEO — indexability, title, headings, canonical, structured data and more — with a score
• robots.txt Tester — Test whether URLs are allowed or blocked for Googlebot and other crawlers, and which rule decides
• Broken Link Checker — Dead links, redirects and missing images on a page