Updated July 19, 2026
Open Graph & Twitter Card tags reference
Open Graph and Twitter Card meta tags live in a page's <head> and control how a shared link is previewed. This sheet lists the core tags and the image sizes that matter.
Open Graph tags
| Tag | Required | Purpose |
|---|---|---|
og:title | Yes | The title shown on the preview card. |
og:type | Yes | Object type, usually website or article. |
og:image | Yes | Absolute HTTPS URL of the preview image. |
og:url | Yes | The canonical, absolute URL of the page. |
og:description | No | Summary shown under the title. |
og:site_name | No | The name of the overall site. |
Twitter Card tags
| Tag | Purpose |
|---|---|
twitter:card | summary_large_image (big image) or summary (small). |
twitter:title | Overrides og:title on X; falls back to it if omitted. |
twitter:description | Overrides og:description on X. |
twitter:image | Overrides og:image on X. |
twitter:site | The @handle of the site or author. |
Example
A complete set for a large-image card.
<meta property="og:title" content="Example page title">
<meta property="og:description" content="A short summary.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/">
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:site_name" content="Example">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Example page title">
<meta name="twitter:image" content="https://example.com/og.png">
<meta name="twitter:site" content="@example">Image guidanceFor summary_large_image, use roughly 1200x630 px (about a 1.91:1 ratio), under ~5 MB, served over HTTPS at an absolute URL. Twitter falls back to Open Graph tags when the twitter: equivalents are absent.
Previews are cachedPlatforms cache the first scrape of a URL. After changing tags, re-scrape with the platform's debugger (for example the Facebook Sharing Debugger) to refresh the preview.
References
Questions
Which Open Graph tags are required?
The Open Graph protocol treats og:title, og:type, og:image, and og:url as the four required properties. og:description and og:site_name are recommended additions.
Do I need Twitter tags if I have Open Graph tags?
Not strictly — X falls back to Open Graph tags. Add twitter:card to choose the card layout, and twitter: overrides only when you want different content on X.
What is the best og:image size?
About 1200x630 px for a large card. Smaller images may render as a compact card or be ignored.