From 4th January 2022, Quuu requires new promotions made through the platform have an Open Graph image associated. This is to ensure that on the platforms they are shared to (Facebook, Twitter & LinkedIn) they look their absolute best (Presentable and easy to find).

An open graph image or OG image is the image that appears when you post website or video content to your social accounts. It is part of an important group of meta tags that influence the performance of your content link on social media. It was developed by Facebook in 2010 and has become an accepted way of advertising the contents of the article on multiple platforms.

Adding Open Graph via WordPress

If you use WordPress to manage your site you can easily add support by installing a plugin such as "Open Graph for WordPress". This plugin adds the necessary tags to the source code of your site.

You can install the plugin by visiting the official page or by searching for "Open Graph" in the search box on the Install plugins section

Adding Open Graph manually

If you don't run WordPress and instead use a different content management system, You can follow the instructions that come with your relevant installation (Ghost, Drupal etc). If your site has been manually created or you'd prefer to setup Open Graph yourself, You can easily do this by adding the following 3 tags to the <head> section of your page's source code.

<meta content="<article title>" property="og:title"/>

<meta content="<article description>" property="og:description"/>

<meta content="<image url>" property="og:image"/>

Once copied and pasted, replace <article title> with the title of your article, <article description> with a short summary of your blog and finally <image url> with a URL to the featured image for your blog.

Testing how your site will look on Social media using Open Graph

Once you've added Open Graph support, It's a good idea to check how it will look on Social Media. Twitter, Facebook and LinkedIn have tools where you can submit your article URL and see quickly how it would look on the platform. These tools are called "Card validators" or "Open Graph validators".

For Twitter, Head to https://cards-dev.twitter.com/validator and paste in your article's URL into the search box. You'll get a preview of how your article will look on the right.

For Facebook, Head to https://developers.facebook.com/tools/debug/ and paste in your article's URL into the search box. You'll get a preview of how your article will look below.

For LinkedIn, Head to https://www.linkedin.com/post-inspector/ and paste in your article's URL into the search box. You'll get a preview of how your article will look below.

We're on hand to help

Open Graph is a really important addition to your blog as it makes it attractive to users on Social media and can advertise to other sites what the contents of the page contains. If you need further help, we're happy to help walk you through.

Did this answer your question?