Craft CMS Open Graph Image Example

A flexible and user-friendly CMS for creating custom digital experiences on the web and beyond. Visit Craft CMS to see the page this image belongs to.

Added on Mar 17, 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

Craft CMS sets 10 of 10 common Open Graph tags.

og:title Craft CMS
og:type website
og:image https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/assets/social-craft-cms.png?…
og:url https://craftcms.com/
og:description Craft is a flexible, user-friendly CMS for creating custom digital experiences on the…
og:site_name Craft CMS
og:locale en_US
og:image:width 1200
og:image:height 630
og:image:alt Craft CMS logo

Check your own page with the Open Graph checker .

Craft CMS Open Graph meta tags

The meta tags Craft CMS uses to build its link preview:

<!-- Primary Meta Tags -->
<title>Craft CMSArtboard 58Artboard 81Artboard 92Artboard 99Artboard 40Artboard 70Multi-site iconArtboard 39Artboard 9Artboard 100 copy 7Artboard 67Artboard 100 copy 6Vue logoYii logoTwig logoDiscord logoCraft Partners logo</title>
<meta name="description" content="Craft is a flexible, user-friendly CMS for creating custom digital experiences on the web and beyond." />

<!-- Open Graph / Facebook -->
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Craft CMS" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://craftcms.com/" />
<meta property="og:title" content="Craft CMS" />
<meta property="og:description" content="Craft is a flexible, user-friendly CMS for creating custom digital experiences on the web and beyond." />
<meta property="og:image" content="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/assets/social-craft-cms.png?width=1200&height=630&quality=82&format=auto&fit=crop&s=mAJGLjX1XUvwPOYXWeSQ5ZngCczPPnfp8EBZWRdNOHs" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Craft CMS logo" />
<meta property="og:see_also" content="https://vimeo.com/craftcms" />
<meta property="og:see_also" content="https://github.com/craftcms" />
<meta property="og:see_also" content="https://www.linkedin.com/company/craftcms" />
<meta property="og:see_also" content="https://www.facebook.com/craftcms/" />
<meta property="og:see_also" content="https://twitter.com/craftcms" />