Open Graph & SEO Meta Tags Explained (With Examples)
Two pages with identical content can get very different click-through rates depending on one thing: their meta tags. Here's what each tag actually controls, and why skipping them costs you traffic.
The title tag
Your <title> tag is the blue, clickable headline in Google's search results and the text shown in a browser tab. It's one of the strongest on-page ranking signals and the first thing a searcher reads — a vague or auto-generated title loses clicks even for a page that ranks well.
The meta description
The meta description is the gray summary text under your title in search results. Google doesn't use it directly for ranking, but a compelling description that matches search intent significantly improves click-through rate — which indirectly helps rankings over time. Aim for roughly 150–160 characters.
Open Graph tags
Open Graph (og:title, og:description, og:image, og:url) is a protocol originally built by Facebook and now used by LinkedIn, WhatsApp, Discord, and most platforms to generate the preview card shown when your link is shared. Without an og:image, most platforms show a blank or generic thumbnail — a huge missed opportunity since a good preview image measurably increases clicks on shared links.
Twitter Card tags
X (formerly Twitter) uses its own but similar tag set (twitter:card, twitter:title, etc.) to render link previews. Most sites set both Open Graph and Twitter Card tags together since they cover nearly every platform.
Example
<title>Free QR Code Generator | SaveIt</title>
<meta name="description" content="Create a free custom QR code..." />
<meta property="og:title" content="Free QR Code Generator" />
<meta property="og:image" content="https://saveit.site/og-qr.png" />Generate yours in seconds
SaveIt's free SEO meta tag generator builds all of the above from a simple form, with a live Google-style preview, and gives you a copy-paste-ready HTML snippet for your page's <head>.
More on SEO & Marketing
Free Meta Tag Generator: Title, Description & Open Graph Tags in One Tool
Writing meta tags by hand means juggling character limits and Open Graph syntax across several tabs. Here's a faster way that still gets the details right.
How to Write a Meta Description That Actually Improves Click-Through Rate
Two pages can rank in the same spot on Google and get very different click rates. The meta description is usually why. Here's how to write one that converts.