In this tutorial i will talk about What is OG Tag, Open Graph Tags and Twitter card tags for sharing webapge on social media.

What are Open Graph meta tags?
Open Graph meta tags are snippets of code that control how URLs are displayed when shared on social media. They're part of Facebook's Open Graph protocol and are also used by other social media sites, including LinkedIn and Twitter (if Twitter Cards are absent).

Why are Open Graph tags important?

People are arguably more likely to see and click shared content with optimized OG tags, which means more social media traffic to your website.

There are three reasons for this:

They make content more eye-catching in social media feeds.
They tell people what the content is about at a glance.
They help Facebook understand what the content is about, which can help increase your brand visibility through search.

About Twitter Cards. With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that's visible to their followers.