Have you ever shared a link on Facebook or WhatsApp, only to find that it displays a broken image and a completely irrelevant description? This ruins your click-through rate. The solution lies in a hidden piece of HTML code: Open Graph (OG) tags.
When you paste a URL into a social media platform, the platform's crawler visits your webpage to extract information so it can generate an attractive preview card. If you don't explicitly tell the crawler what information to use, it will just randomly guess—often picking your website's logo instead of the article's hero image, and pulling a random menu item instead of the actual summary.
What is the Open Graph Protocol?
Originally created by Facebook in 2010, the Open Graph protocol allows webmasters to turn their web pages into rich objects in a social graph. Simply put, it is a set of <meta> tags that you inject into the <head> of your HTML document to strictly define your page's title, description, and image for social media.
The 4 Essential OG Tags
While there are dozens of different tags available for specific media types (like videos or products), every single page on your website must include these four foundational tags:
- og:title - The title of your article or page. This should be compelling and under 60 characters to prevent truncation.
- og:description - A brief, 2-4 sentence summary of the content. This is your "sales pitch" to convince users scrolling their newsfeed to click the link.
- og:image - The most critical tag. This defines the image that will be displayed in the preview card. The recommended resolution is 1200 x 630 pixels.
Why OG Tags Matter for SEO
Technically, Open Graph tags do not directly impact your Google Search rankings. However, they drastically impact your Click-Through Rate (CTR) on social platforms. A well-formatted link with a stunning image will generate exponentially more clicks and shares than a broken, text-only link.
More clicks lead to more traffic, and more shares lead to more potential backlinks. Both of these secondary factors heavily influence your overall domain authority and organic SEO presence.
How to Implement OG Tags
Writing OG tags by hand is tedious, as you have to ensure you are escaping quotes properly and formatting the HTML syntax perfectly.
Generate Social OG Tags Instantly
Stop guessing what your links will look like. Use our free, visual tool to preview your social cards and instantly generate the exact HTML code you need.
Try the OG Generator