Open Graph Tags for Blog Posts: Share Previews That Match

Open Graph tags for blog posts: og:title, description, image, and URL consistency for social and AI previews—not schema markup 101.

Open Graph Tags for Blog Posts: Share Previews That Match

Open Graph tags for blog posts control how links look when pasted in Slack, LinkedIn, Facebook, or messaging apps—not how Google ranks the body copy. Align og:title, og:description, og:image, and og:url with the page readers actually land on.

This page is Preview-Then-Share. It is not schema markup for SEO beginners. It is not featured image SEO (on-page hero). It is not canonical tags explained. It is not improve organic CTR (SERP snippets).

Official: Open Graph protocol · Platform sharing debug tools (verify live).

Table of contents

  1. Preview-Then-Share
  2. Minimum OG set for blogs
  3. WordPress and SEO plugins
  4. Image rules that stop ugly crops
  5. Twitter/X cards alongside OG
  6. Debugging failed previews
  7. FAQ
  8. Audit one live post

Preview-Then-Share

        PREVIEW-THEN-SHARE
  1. PUBLISH → title + description + featured_image set
  2. VIEW    → page source for og:* tags
  3. MATCH   → og:url = canonical HTTPS URL
  4. DEBUG   → platform sharing inspector
  5. SHARE   → only after preview looks right

GA4 may show AI Assistant or social as referral traffic—ugly previews still hurt clicks even when SEO impressions grow.

Minimum OG set for blogs

TagPurpose
og:titleHeadline in preview—can match title tag or be shorter
og:descriptionSupporting line—not keyword stuffing
og:imageAbsolute URL to image file
og:urlCanonical post URL
og:typeOften article on posts

Optional but useful on articles:

  • article:published_time
  • article:author when accurate

Do not invent author entities you do not publish.

WordPress and SEO plugins

Most setups map:

  • Post title → og:title
  • Meta description → og:description
  • Featured image → og:image

Verify after changing only the SERP title in an SEO plugin—some fields decouple.

Checklist on one staging or live post:

  1. View source
  2. Search og:title—does it match intent?
  3. Confirm og:image is absolute HTTPS
  4. Compare canonical link href

CashPilot posts use featured_image in frontmatter; template should expose it as OG image—confirm on deploy.

Image rules that stop ugly crops

Platforms crop wide images to cards.

  • Prefer ~1200×630 (or current platform guidance)
  • Keep critical text centered—edges get clipped
  • Avoid tiny logos floating in empty space
  • Compress weight—slow OG images do not block rankings but annoy mobile sharers

If lazy-loading broke hero delivery, OG still uses the direct image URL—separate concern.

Regenerate heroes with the site generator when titles truncate in previews.

Twitter/X cards alongside OG

Many sites emit:

  • twitter:card — often summary_large_image
  • twitter:title / twitter:description / twitter:image

Can mirror OG or override. Mismatched X cards vs LinkedIn OG confuse teams—pick one source of truth in the plugin.

Debugging failed previews

SymptomLikely cause
Wrong old titlePlatform cache—use debugger to rescrape
No imageMissing featured image or relative URL
Generic homepage imageTheme fallback OG on posts
HTTP image on HTTPS siteMixed content blocked
Two URLs same previewog:url not set; platform guessed

After site migration, rescrape top posts—OG caches stale fastest on high shares.

FAQ

OG vs meta description?

Meta description targets search snippets; OG description targets social cards. They can match but need not.

Pinterest?

Pinterest reads OG among other tags—good images matter for Pinterest traffic.

Email newsletters?

Some clients use OG for link cards—same fields help.

AI chat citations?

Surfaces vary; accurate title + description + clean URL still help any link unfurl.

Multiple og:image?

Some plugins list alternates. One strong image beats three weak ones.

Audit one live post

Publish or pick a post with a new hero. View source. Copy the URL into LinkedIn and Slack post composers (draft). If the preview lies about the topic, fix og:description or social image before you promote. Preview-Then-Share beats viral posting with a broken card.

Keep learning

More guides in the same topic lane.

Make Money Online5 min read

PDF to Text or PDF to Word: Which Job?

Need copy-paste plain text from a PDF or an editable Word file? Choose PDF to Text vs PDF to Word before upload—format, cleanup, and live tool links.

Make Money Online6 min read

JPG to PDF or Protect PDF: Which Job First?

Photos still need a PDF packet, or the PDF only needs a password? Route JPG stacks vs Protect PDF before you lock the wrong file or skip the build step.