The blog post meta tag stack, explained
Most blogging platforms ship with one global SEO setting and call it a day. WordPress' Yoast and RankMath try to fix this, Ghost and Substack expose a single field, and a static-site stack like Astro or Eleventy leaves it entirely up to you. Whichever stack you're on, the situation under the hood is the same: every blog post needs three small bundles of HTML in its <head> — and if any of the three is missing, you leave traffic on the table.
The first bundle is the classic SEO pair: <title> and <meta name="description">. Google rewrites titles roughly 60% of the time when the page-supplied one is bad, and the SERP description it shows under your link is drawn from your meta description in about three quarters of cases. Owning these two fields is the difference between Google narrating your post and Google pasting in a random sentence from paragraph four.
The second bundle is Open Graph. og:title, og:description, og:image and og:url are read by Facebook, LinkedIn, Pinterest, Slack, Discord, iMessage, WhatsApp, Telegram, Signal, and most RSS readers. If you don't ship these tags, every share of your post falls back to whatever those scrapers can guess from the page — usually a wrong image and a truncated first line of body copy.
The third bundle is Twitter / X Cards. twitter:card, twitter:title, twitter:description and twitter:image control how your link unfurls on X. Setting twitter:card to summary_large_image turns the link into a full-width preview — the difference between a 1% and a 5% click-through rate on the same tweet.
The 60 / 155 / 1200 rule for bloggers
Three numbers will fix 80% of the meta tag mistakes in a typical blog audit:
- 60 characters — max title length before Google truncates with an ellipsis. Aim for 50–60.
- 155 characters — max description length before truncation on desktop SERPs. Mobile sometimes shows ~120, so the front-load matters.
- 1200×630 px — the safe Open Graph image size that renders correctly on Facebook, LinkedIn and Slack. Pinterest readers should also pin a vertical 1000×1500 image elsewhere on the page.
The generator's live preview enforces all three: the title turns amber at 55 characters and red at 60, the description does the same at 145 / 155, and the OG card is rendered at the actual platform aspect ratios so you can see truncation before you ship.
Writing meta titles that earn the click
The boring SEO advice — "include your keyword near the front" — is correct but incomplete. Google rewrites bland titles. The titles that survive its rewrite are the ones that match search intent and promise something specific. Three patterns that consistently work for bloggers:
- Number + outcome. "7 Sourdough Mistakes That Wreck the Crumb (and the Fix for Each)". The number sets a content shape; the parenthetical telegraphs payoff.
- Year-stamped guide. "Beginner Sourdough Guide (2026)". Year stamps signal freshness for queries Google treats as time-sensitive — recipes, gear reviews, software walkthroughs, anything tutorial-flavored.
- First-person promise. "I Tested 11 Starter Recipes — This One Worked First Try". First-person + a concrete claim survives AI-rewrite far better than a generic "Best Starter Recipes" title.
Writing meta descriptions that don't get rewritten
Google's recent guidance is unusually candid: it will use your description verbatim when (a) it answers the search query, (b) it doesn't read like marketing copy, and (c) it fits the SERP slot. The pattern that hits all three: one sentence summarizing what's in the post, one sentence flagging the most useful artifact. Example: "A no-jargon guide to your first loaf, written by someone who burned six in a row. Includes a printable schedule and the exact hydration that finally worked." That description survives Google's rewrite, gets read by Pinterest, gets quoted by Perplexity, and tells the reader what they'll find. One sentence does all four jobs.
The Pinterest-shaped trap most bloggers miss
Pinterest is still a top-three referral source for food, home, parenting, fashion, travel and craft blogs in 2026. But Pinterest's scraper reads og:image, not the in-body image you actually pinned. If you ship a horizontal 1200×630 OG image, Pinterest's "Pin it" browser button will offer it as a small, ugly horizontal card — and your perfectly designed vertical pin only saves if the user manually picks it. The fix isn't to swap your OG image (Slack and LinkedIn need the horizontal one). It's to ensure a high-quality vertical image lives on the page where pinners can grab it, and to keep og:image as the wide version. The generator outputs both fields; pair it with TinyTools' free OG Image Generator to ship the wide image in the same flow.
Where AI search is changing the game
Through 2025 and 2026, more bloggers reported traffic from AI answer engines (Perplexity, ChatGPT browsing, Google AI Overviews) than from traditional referral sources like Reddit. These engines pick a snippet to cite, and that snippet is overwhelmingly the meta description — not body copy. Bloggers who treat their description as a 150-character pitch to a robot summarizer earn citations; bloggers who let WordPress auto-fill it from the first paragraph do not. Google's own documentation on snippets and the Open Graph protocol spec are the canonical references; the generator codifies both into a one-screen workflow.
WordPress, Ghost, Substack, static sites — where the output goes
The generator outputs raw HTML. Where you paste it depends on your stack:
- WordPress + Yoast / RankMath: paste the title and description into the plugin's per-post fields. Skip the OG block — the plugin writes those for you from the same fields.
- Ghost: paste title and description into the post's "Meta data" tab and the "Twitter card" / "Facebook card" tabs.
- Substack: Substack only exposes a description field; paste the description there and accept that title and OG come from the post headline and feature image.
- Astro / Eleventy / Hugo / Jekyll: paste the full
<meta>block into your post layout's head partial, with the variable parts wired to frontmatter.
Frequently asked questions
What is the ideal meta title length for a blog post in 2026?
Aim for 50–60 characters. Google measures titles in pixels (~600px desktop) and truncates anything longer. The generator's live counter warns at 55 and the SERP preview shows where the cut will land.
Does Google still use my meta description for ranking?
Not directly, but it's the largest indirect signal. A compelling description lifts CTR, which Google has confirmed feeds back into its relevance judgments. The same description gets read by Perplexity, ChatGPT, LinkedIn, and Slack — so it earns clicks far beyond search.
Do I need separate Open Graph tags if I already have a meta description?
Yes. Google reads meta name="description"; Facebook, LinkedIn, Pinterest, Slack and Discord read og:*; X reads twitter:*. The generator outputs all three sets at once.
How important is the og:image for blog post traffic?
Single biggest variable for social referral. A 1200×630 image typically lifts Facebook and LinkedIn click-through 2–3× over a default thumbnail. Pair the generator with TinyTools' OG Image Generator to ship both together.
Should every blog post have a unique meta title and description?
Yes. Duplicate tags are the most common finding in any blog SEO audit and Search Console flags them. Per-post tags — written in under a minute with this generator — fix it.