# OG / Twitter-card _Source: https://seomatrix.ai/tools/og-generator/_ --- ## What it does Open Graph (og:) and Twitter Card (twitter:) meta tags are HTML tags that tell social platforms, messaging apps, and crawlers exactly how to render your page when its link is shared — the title, description, thumbnail image, and content type. This generator builds that markup from fields you fill in, so you copy-paste a preview you actually control instead of letting each platform guess from raw page content. Clean, explicit metadata makes link previews consistent and gives crawlers and AI answer engines an unambiguous, quotable summary of what the page is. ## What it checks - **og:title** — The headline shown on the shared card; when it's missing, platforms fall back to the page or a guessed string, so an explicit value keeps the preview on-message. - **og:description** — The one- or two-line summary under the title; it's the pitch a reader sees before deciding to click, so it should be specific and self-contained. - **og:image** — The preview thumbnail; it needs an absolute HTTPS URL and ideally 1200×630 px so it renders sharp and full-width instead of cropped or blank. - **og:type** — Declares the content type (website, article, product…), which platforms use to select the right card layout and any type-specific fields. - **twitter:card** — Sets the X/Twitter card format — summary versus summary_large_image — deciding whether the image shows as a small square or a full-width banner. - **og:url** — The canonical URL a share should resolve to, so link previews and engagement consolidate on one address instead of fragmenting across variants. ## How to use it 1. Fill in the title, description, image URL, and content type for the page you want to share. 2. Copy the generated og: and twitter: meta tags into your page's <head> section. 3. Validate the live preview in a social debugger (or re-share the link) and adjust the image or text until the card renders as intended. ## FAQ ### What's the difference between Open Graph and Twitter Card tags? Open Graph (og:) tags are read by most platforms — Facebook, LinkedIn, Slack, WhatsApp and many others — while twitter: tags are X-specific overrides. X falls back to og: tags when twitter: ones are absent, so you only add twitter: tags to change the card type or show different text on X. ### What image size should I use for og:image? Use 1200×630 px (roughly 1.91:1) with an absolute HTTPS URL; that's the size most platforms crop to for a large preview card. Relative-path images often render blank, while an undersized image usually just renders as a smaller, less-prominent card — and is only dropped if it falls below the platform's minimum. ### Do Open Graph tags help SEO or AI citation? OG tags aren't a direct Google ranking factor, but they give crawlers and AI answer engines a clean, explicit title, description, and image for your page, which reduces ambiguity about what it is and improves how your link is represented when shared or summarized. ### Why does my link preview still show the old image after I update the tags? Platforms cache OG metadata, so an old preview persists until the cache expires. Force a refresh with the platform's sharing tool — for example Facebook's Sharing Debugger — to re-scrape the URL and pick up your new tags.