Automate OG image generation with ogimage.org

Design Project Open Graph Image

Discover Design Project and unlock your design potential.

Open Graph image of Design Project

Discover Design Project and unlock your design potential. Visit Design Project to see the page this image belongs to.

Added on

Open Graph image details

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

Open Graph tags checklist

Design Project sets 5 of 10 common Open Graph tags. It also sets 5 X (Twitter) card tags.

  • og:title The Design Project
  • og:type website
  • og:image https://designproject.io/meta.png
  • og:url https://designproject.io
  • og:description A UX/UI description so good it should come with a warning label. Discover Design Project…
  • og:site_name Not set (recommended)
  • og:locale Not set (recommended)
  • og:image:width Not set (recommended)
  • og:image:height Not set (recommended)
  • og:image:alt Not set (recommended)

Check your own page with the Open Graph checker .

Design Project Open Graph meta tags

The meta tags Design Project uses to build its link preview:

<!-- Primary Meta Tags -->
<title>The Design Project</title>
<meta name="description" content="A UX/UI description so good it should come with a warning label. Discover Design Project and unlock your design potential." />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://designproject.io" />
<meta property="og:title" content="The Design Project" />
<meta property="og:description" content="A UX/UI description so good it should come with a warning label. Discover Design Project and unlock your design potential." />
<meta property="og:image" content="https://designproject.io/meta.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://designproject.io" />
<meta property="twitter:title" content="The Design Project" />
<meta property="twitter:description" content="A UX/UI description so good it should come with a warning label. Discover Design Project and unlock your design potential." />
<meta property="twitter:image" content="https://designproject.io/meta.png" />

Categories

Similar Open Graph examples