Open Graph & social cards

Tags that control the preview when a link is shared.

LinkedIn, Slack, iMessage, X and Discord read og:title, og:description and og:image (1200×630 works almost everywhere) to build a card. Without these tags, the preview is a bare URL or whatever image the app guesses.

<meta property="og:title" content="Ada Park · Product designer">
<meta property="og:image" content="https://ada.example/og.png">
<meta name="twitter:card" content="summary_large_image">

Related terms

<head> Meta description

More in SEO & GEO

How search engines and AI systems find, read and describe the site.

Title tag Meta description Canonical URL Robots meta / noindex robots.txt Sitemap Structured data (JSON-LD) Core Web Vitals Internal links Backlinks Search Console GEO (generative engine optimization) llms.txt

Open in the interactive encyclopedia →