If you've ever shared a link on Facebook or LinkedIn and watched a clean preview card pop up — complete with an image, title, and description — you've seen Open Graph tags in action. And if you've ever looked at Google search results and noticed that little snippet of text under each blue link, that's a meta description doing its job.
Here's a breakdown of both, why they matter, and how they tie into SEO.
What Are Open Graph Tags?
Open Graph (OG) tags are a set of meta elements you place in your HTML <head> section. They control how your page looks when it's shared on social platforms — Facebook, LinkedIn, and others that support the protocol. Without them, a shared link often looks bare or pulls in random, unflattering content from your page.
The four properties worth prioritizing:
og:title — the headline shown in the preview card.
<meta property="og:title" content="10 Habits of Highly Productive Developers" />og:type — tells platforms what kind of content this is (website, article, video, etc.).
<meta property="og:type" content="article" />og:image — the thumbnail shown alongside the title. Facebook recommends at least 1200×630px for high-res displays, with 600×315px as the bare minimum.
<meta property="og:image" content="https://example.com/images/productivity-cover.jpg" />og:url — the canonical link, so shares always point back to the "real" URL rather than a duplicate or tracking link.
<meta property="og:url" content="https://example.com/blog/productivity-habits" />
There are more you can add — og:description, og:audio, og:video, og:locale — but title, type, image, and url form the core set.
How does this connect to SEO?
Open Graph tags don't directly move the needle on Google rankings — search engines aren't reading your OG tags to decide where to place you in results. The connection is indirect but real: a strong preview card makes people more likely to click when your content shows up in their social feed. More clicks and engagement signal to platforms (and indirectly to search engines tracking traffic and engagement patterns) that your content is worth surfacing. Good OG tags are less "SEO hack" and more "don't sabotage yourself by looking untrustworthy or broken when someone shares your link."
What Is a Meta Description?
The meta description is a short summary of a page, also set via a meta tag — but this one is aimed at search engines and searchers, not social platforms.
<meta
name="description"
content="A no-fluff guide to building a daily routine that actually improves focus and output."
/>Setting name="description" (instead of property, which OG tags use) tells browsers and search engines exactly what this data represents.
This description doesn't appear anywhere on the visible page itself — its main stage is the search engine results page (SERP), where it shows up as the snippet under your title and URL:
example.com › blog › productivity-habits
10 Habits of Highly Productive Developers
A no-fluff guide to building a daily routine that actually improves
focus and output. Includes a free weekly planning template...That snippet is often the deciding factor in whether someone clicks your result or the one above/below it. Keep it short and to the point — search engines will truncate long descriptions anyway, usually somewhere around 150-160 characters, so anything past that risks getting cut off mid-sentence.
Does it affect rankings?
Not directly. Google has been clear that meta descriptions aren't a ranking factor. But indirectly, a compelling description increases your click-through rate (CTR), and traffic/engagement patterns are things search engines do pay attention to over time. So: not a ranking signal itself, but a lever that can drive more of the traffic that does influence your standing.
Quick Recap (for future self)
| Tag | Attribute | Purpose | Direct SEO impact? |
|---|---|---|---|
og:title | property | Headline on social shares | No — indirect via CTR |
og:type | property | Content type (article, website, etc.) | No |
og:image | property | Preview thumbnail (1200×630 ideal) | No — indirect via CTR |
og:url | property | Canonical share link | No |
meta description | name | Search result snippet | No — indirect via CTR |
The one-sentence version: Open Graph tags make your links look good when shared socially, meta descriptions make your links look good in search results, and neither one directly boosts your ranking — but both drive the clicks that can.
No comments:
Post a Comment