Tailscan Open Graph Image Example

Browser inspector for Tailwind CSS Visit Tailscan to see the page this image belongs to.

Added on Mar 3, 2024

Open Graph image details

Size: 1200×630 px
Format: PNG
Aspect ratio: 1.90:1 (matches the recommended 1.91:1)
Resolution: Sharp on high-density screens

Open Graph tags checklist

Tailscan sets 8 of 10 common Open Graph tags. It also sets 2 X (Twitter) card tags.

og:title Tailscan - Browser inspector for Tailwind CSS
og:type website
og:image https://www.tailscan.com/og.png
og:url https://tailscan.com/
og:description Tailscan is the ultimate developer tool for Tailwind CSS. Build, design and debug your…
og:site_name Not set (recommended)
og:locale Not set (recommended)
og:image:width 1200
og:image:height 630
og:image:alt Tailscan

Check your own page with the Open Graph checker .

Tailscan Open Graph meta tags

The meta tags Tailscan uses to build its link preview:

<!-- Primary Meta Tags -->
<title>Tailscan - Browser inspector for Tailwind CSS</title>
<meta name="description" content="Tailscan is the ultimate developer tool for Tailwind CSS. Build, design and debug your Tailwind website visually, right within the browser." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.tailscan.com/og.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Tailscan" />
<meta property="og:title" content="Tailscan - Browser inspector for Tailwind CSS" />
<meta property="og:description" content="Tailscan is the ultimate developer tool for Tailwind CSS. Build, design and debug your Tailwind website visually, right within the browser." />
<meta property="og:url" content="https://tailscan.com/" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@tailscan" />