Open Graph (og:) tags tell other tools what to show when your link is
shared or unfurled — a title, a summary and an image instead of a bare URL. AI agents,
Slack, X, LinkedIn, Discord and iMessage all read them. They also give machines a clean,
structured copy of what each page is about.
Inside <head>, per page:
<meta property="og:type" content="website">
<meta property="og:title" content="Your page title">
<meta property="og:description" content="A one-sentence summary of the page.">
<meta property="og:url" content="https://yourdomain.com/this-page">
<meta property="og:image" content="https://yourdomain.com/og.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://yourdomain.com/og.png">| Tip | Why |
|---|---|
| Use 1200×630 px | The standard ratio every platform crops to |
| Use an absolute URL | Relative paths often fail to unfurl |
| Keep it under ~1 MB | Large images get skipped by some scrapers |
At minimum airready looks for og:title or og:description — but
shipping the full set above gives you the rich card everywhere.