The term OG means “Open graph” which is introduced by facebook in 2010 which is basically for the integration between facebook users and the website.
The OG tags are for the title, description, images, URLs, etc. When you add OG tags to an HTML template, you are allowing your webpage to become a rich object on social media. Adding OG tags on your website won’t directly affect your on-page SEO, but it will influence the performance of your links on social media, so that means it’s worth looking into. Let’s take a look at the most important meta tags for Facebook and how to optimize them for better sharing.
By the way, twitter has there owned OG tag i.e twitter card but sometimes if they never find them in meta property they use open graph instead.
If Have you ever share links on Facebook just to find out whether the thumbnails are missing or not, or there was another picture you are seen as you expected to see? Knowing just a little about Open Graph tags can help you tackle these problems.
What is OG Title Tag?
og:title – The title of your object as it should appear within the graph
<meta property=”og:title” content=”Best digital marketing service provider | Digi you” />
What is OG Type?
og:type – The type of your object, e.g., “Website”. Depending on the type you specify, other properties may also be required.
<meta property=”og:type” content=”website” />
What is OG Image?
og:image – An image URL which should represent your object within the graph.
<meta property=”og:image” content=”http://ia.media-imdb.com/images/rock.jpg” />
What is OG Url?
og:url – The canonical URL of your object that will be used as its permanent ID in the graph, e.g., “https://digiyou.in/“.
<meta property=”og:url” content=”https://digiyou.in/” />