Open Graph is a technology first introduced by Facebook in 2010 that allows integration between Facebook and its user data and a website. By integrating Open Graph meta tags into your page's content, you can identify which elements of your page you want to show when someone share's your page.
Open Graph is a protocol that allows developers to control what content is shown when their websites are linked on Facebook or another social media platform. If you lack these tags, then there's a good chance that an unrelated image will appear when your website is shared, or the description will be inaccurate
Twitter Cards is a protocol that allows you to attach rich photos, videos, and other interactive media to Tweets in order to drive traffic to your website. Twitter Cards are a great partner for your SEO strategy as it helps grow engagement, increase click-through rate, and conversions.
Twitter card tags look similar to Open Graph tags, and are based on the same conventions as the Open Graph protocol. Open Graph protocol also specifies the use of property and content attributes for markup ( <meta property="og:image" content="http://example.com/ogp.jpg"/> ) while Twitter cards use name and content .