Open Graph & Social Card Studio
Simulate, test, and inspect how your website link renders across Twitter/X, Discord, WhatsApp, LinkedIn, Facebook, and Google Search.
Fill test metadata
Target URLog:url
Page Title(68/65 chars)
og:titleDescription(132/160 chars)
og:descriptionSite Nameog:site_name
Theme Accenttheme-color
Twitter / X User@handle
Card Styletwitter:card
OG Image Source1200 × 630 px
YannClipper Studio@yannclipper· Just now
Check out our latest release! ✨
aio.yannclipper.net
aio.yannclipper.net
YannClipper Studio — Next-Gen Creative Web Utilities & Media Toolkit
All-in-one suite of high-performance developer tools, media scrapers, SVG optimizers, device mockups, and client-side web utilities.
Auto-Generated
app/layout.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
// Next.js App Router (app/layout.tsx or app/page.tsx)
import type { Metadata } from 'next'
export const metadata: Metadata = {
title: 'YannClipper Studio — Next-Gen Creative Web Utilities & Media Toolkit',
description: 'All-in-one suite of high-performance developer tools, media scrapers, SVG optimizers, device mockups, and client-side web utilities.',
themeColor: '#3b82f6',
openGraph: {
type: 'website',
url: 'https://aio.yannclipper.net/tools/og-previewer',
siteName: 'YannClipper Studio',
title: 'YannClipper Studio — Next-Gen Creative Web Utilities & Media Toolkit',
description: 'All-in-one suite of high-performance developer tools, media scrapers, SVG optimizers, device mockups, and client-side web utilities.',
images: [
{
url: 'https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1200&h=630&q=80',
width: 1200,
height: 630,
alt: 'YannClipper Studio — Next-Gen Creative Web Utilities & Media Toolkit',
},
],
},
twitter: {
card: 'summary_large_image',
site: '@yannclipper',
creator: '@yannclipper',
title: 'YannClipper Studio — Next-Gen Creative Web Utilities & Media Toolkit',
description: 'All-in-one suite of high-performance developer tools, media scrapers, SVG optimizers, device mockups, and client-side web utilities.',
images: ['https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1200&h=630&q=80'],
},
}