# Meta/OG Preview — Zapi reference

> Fetch link preview metadata dari URL — Open Graph, Twitter Card, favicon, canonical, theme color (kayak WhatsApp/Slack link preview).

**Base URL:** `https://api.zpi.web.id`
**Auth:** Send `x-api-key: YOUR_KEY` header on every request. Get a free key at https://zpi.web.id/dashboard/keys.
**Response envelope:** `{ status, message, content }`
**Rate limit:** 60 req/min on free tier.

**Related:**
- Detail page: https://zpi.web.id/api/dev-tools/meta-preview
- Endpoint catalog: https://zpi.web.id/category/dev-tools
- Concise index: https://zpi.web.id/llms.txt
- Full reference: https://zpi.web.id/llms-full.txt

---

## Meta/OG Preview

**Category:** dev-tools · **Slug:** `meta-preview`
**Detail page:** https://zpi.web.id/api/dev-tools/meta-preview

Fetch link preview metadata dari URL — Open Graph, Twitter Card, favicon, canonical, theme color (kayak WhatsApp/Slack link preview).

**Tags:** meta, opengraph, preview, og

### Lookup

Perform lookup dengan input yang diberikan.

- **Method:** `GET`
- **Endpoint:** `https://api.zpi.web.id/v1/dev-tools:meta-preview/lookup`
- **Cache TTL:** 300s

**Parameters:**

| Name | Type | Location | Required | Description |
|------|------|----------|----------|-------------|
| `url` | string | query | yes | URL halaman web. Auto-parse Open Graph / Twitter Card / meta tags untuk preview. |

**cURL:**
```bash
curl "https://api.zpi.web.id/v1/dev-tools:meta-preview/lookup?url=https%3A%2F%2Fgithub.com" \
  -H "x-api-key: YOUR_API_KEY"
```

**JavaScript / TypeScript:**
```javascript
const res = await fetch("https://api.zpi.web.id/v1/dev-tools:meta-preview/lookup?url=https%3A%2F%2Fgithub.com", {
  headers: { "x-api-key": process.env.ZAPI_KEY }
});
const data = await res.json();
```

**Python:**
```python
import requests
r = requests.get("https://api.zpi.web.id/v1/dev-tools:meta-preview/lookup?url=https%3A%2F%2Fgithub.com",
  headers={"x-api-key": "YOUR_API_KEY"})
data = r.json()
```

**Example response:**
```json
{
  "url": "https://github.com",
  "type": "object",
  "image": "https://images.ctfassets.net/8aevphvgewt8/4pe4eOtUJ0ARpZRE4fNekf/f52b1f9c52f059a33170229883731ed0/GH-Homepage-Universe-img.png",
  "title": "GitHub · Change is constant. GitHub keeps you ahead.",
  "favicon": "https://github.githubassets.com/favicons/favicon",
  "finalUrl": "https://github.com/",
  "siteName": "GitHub",
  "canonical": "https://github.com/",
  "scrapedAt": "2026-05-27T07:14:08.168Z",
  "themeColor": "#1e2327",
  "description": "Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.",
  "twitterCard": {
    "card": "summary_large_image",
    "site": "@github",
    "image": "https://images.ctfassets.net/8aevphvgewt8/4pe4eOtUJ0ARpZRE4fNekf/f52b1f9c52f059a33170229883731ed0/GH-Homepage-Universe-img.png",
    "title": "GitHub · Change is constant. GitHub keeps you ahead.",
    "description": "Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity."
  }
}
```

---


_Generated: 2026-08-02T14:21:41.971Z_