These are simply meta tags that you put in the head of your web page to tell Facebook what information to show when your page is shared. It's similar to how the meta description works in search engines but this is used by social networking sites.
Facebook is the major user of the open graph meta tags, but other social networks such as Twitter and Linkedin also use open graph tags to display information when you share a link on their site.
An example of using the open graph tags to add information about the title, description and thumbnail image the page uses. The tags you need for this are:
<meta property="og:url" content="http://coveloping.com/example-url"> <meta property="og:title" content="Example Title"> <meta property="og:description" content="Example Description"> <meta property="og:image" content="http://coveloping.com/example-image.jpg">
Using the Open Graph tester you can URL and run the open graph testing tool to view a full list of open graph tags that will be identified by search engines such as Google and popular social media sites such as LinkedIn and Facebook. Test that your open graph tags are working as you expect. Includes image preview.
Join Coveloping membership from $4.99 a month and get your first month free, cancel at any time