Happy Hues Open Graph Image Example

Curated colors in context. Visit Happy Hues to see the page this image belongs to.

Added on Mar 17, 2024

Open Graph image details

Size: 1024×512 px
Format: JPG
Aspect ratio: 2.00:1 (recommended: 1.91:1)
Resolution: Below the recommended 1200 px width

Open Graph tags checklist

Happy Hues sets 4 of 10 common Open Graph tags. It also sets 3 X (Twitter) card tags.

og:title Happy Hues - Curated colors in context.
og:type website
og:image https://assets.website-files.com/5dd40aa8049df8748c72d0ee/5ddd471cbe5e6601554a2a4d_happy-…
og:url Missing (required)
og:description See color palette inspiration on a real example website. As you click on different…
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 .

Happy Hues Open Graph meta tags

The meta tags Happy Hues uses to build its link preview:

<!-- Primary Meta Tags -->
<title>Happy Hues - Curated colors in context.</title>
<meta name="description" content="See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects." />

<!-- Open Graph / Facebook -->
<meta property="og:title" content="Happy Hues - Curated colors in context." />
<meta property="og:description" content="See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects." />
<meta property="og:image" content="https://assets.website-files.com/5dd40aa8049df8748c72d0ee/5ddd471cbe5e6601554a2a4d_happy-hues.jpeg" />
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta property="twitter:title" content="Happy Hues - Curated colors in context." />
<meta property="twitter:description" content="See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects." />
<meta property="twitter:image" content="https://assets.website-files.com/5dd40aa8049df8748c72d0ee/5ddd471cbe5e6601554a2a4d_happy-hues.jpeg" />