What is open graph data and how do you use it? -You can read about it here
Hopefully, you and others share links to your website on social media platforms like Facebook, Twitter and LinkedIn. When they do, Facebook "scrapes" some information about your page and shows a snippet. Preferably a headline, a description and an image. If you haven't provided any open graph information, Facebook will find an image, a headline and a description. Sometimes it's okay, but often what they're presented with is a bit rubbish. That's why it can be a good idea to provide that information as open graph data.
If you haven't provided specific open graph data on your page, Facebook (and other social media) will usually take your title element, meta description and an image from your page. It's not always pretty. Below you can see an example from the shop Faktorfobi. Because no open graph data is provided, Facebook takes an image and then chooses the spinner gif used to display while loading images. This is not optimal.
However, below you can see what it looks like if you have filled in your open graph data. Note that Facebook will show your emojis in the title (Googlejo is not so keen on this).
It's simply some html code that goes into your site. Depending on which CMS you use, there are different ways to implement it. It also depends on the type of data you want to display. But most people can just display a title, description and an image. But for example, you can mark if you mention a movie or a piece of music.
To test how it looks, you need to be logged into Facebook. You can use this tool to test how it will look when your page is shared on Facebook.
You can find the official open graph page here: https://ogp.me/.
We've been working with online marketing ourselves for decades. As the only shop system in the country, we have spoken multiple times at conferences such as Marketingcamp, SEOday, Shopcamp, Digital Marketing, E-commerce Manager, Ecommerce Day, Web Analytics Wednesday and many more.