WordPress

Yoast Open Graph Settings: A Full Walkthrough

By Social Card Studio5 min read

Yoast SEO outputs Open Graph tags automatically — the moment the plugin is active, every post and page ships og:title, og:description, og:image, og:url, and og:type. The only setup that matters is giving Yoast a default social image and, where it counts, overriding the card per post. This walkthrough covers both, plus how to verify the preview actually renders.

Does Yoast add Open Graph tags automatically?

Yes. Open Graph output is on by default in Yoast SEO. You will find the toggle at Yoast SEO → Settings → Site features → Social sharing → Open Graph data, but you almost never need to touch it. With it on, Yoast injects the standard Open Graph meta tags into the <head> of every URL, pulling the title and description from the post and the image from either a per-post override or your site-wide default.

What Yoast does not do is invent an image. If a post has no featured image and you've set no default, Yoast emits no og:image — and the link preview comes back as a bare, text-only box. That single missing default is the most common reason a Yoast site shares blank cards.

Why does the Open Graph image matter so much?

Because a card with an image earns dramatically more attention than a bare link. The visual is the single highest-leverage element of a shared post.

+114%
more impressions for posts and links that include an image versus those with none. CXL, click-through benchmarks
~+80%
recognition lift from consistent brand-color use — which is why a templated, on-brand card beats a random featured photo. Metricool

A featured image cropped to a square thumbnail in your media library is not a social card. It often arrives off-center, low-contrast behind any overlaid text, or the wrong aspect ratio entirely. The fix is a dedicated 1.91:1 image — which is exactly what the Yoast default image slot is for.

How do I set the Yoast default social image?

Go to Yoast SEO → Settings → Site basics → Site image and upload a single 1200×630 picture. Yoast falls back to this image for any post that has no per-post override and no usable featured image. Set it once and the "blank card" problem disappears site-wide.

Use the universal Open Graph size. One 1200×630 asset renders correctly nearly everywhere:

PlatformReads Yoast og:image?Renders at
FacebookYes1200×630 (1.91:1)
LinkedInYes1200×627 (1.91:1)
DiscordYes1200×630 (1.91:1)
X / Twitter (large)Via twitter:image*1200×628 (1.91:1)
Slack (expanded)Yes1200×600 (2:1)
WhatsAppYes1200×630, file < 300 KB

*Yoast outputs Twitter card tags separately under the same Social settings; if twitter:image is unset, X falls back to og:image. See Twitter/X card meta tags for the card-type details.

Keep the file lean. A scraper on a slow connection will give up on a multi-megabyte image and show nothing.

100–200 KB
the target file size for a fast-loading social card; a well-compressed 1200×630 JPEG lands around 150 KB. MyOG Image, 2025

How do I override the card for a single post?

Edit the post, scroll to the Yoast SEO meta box below the editor, and open the Social tab (in older versions, the share/Facebook icon). There you can set a custom Open Graph title, description, and image for that one post. Leave any field blank and Yoast falls back to the post's own title/description and your default image.

Two rules worth following:

  • Keep critical content in the safe zone. Different apps crop the same image differently. Keep your logo and headline inside a center region of roughly 1080×510 for a 1200×630 card, leaving ~60px margins on all sides.
  • og:image must be an absolute HTTPS URL. Yoast generates absolute URLs correctly, but if you hand-edit the field or paste from a staging domain, a relative or http:// path is the fastest way to break the preview.

How do I verify the preview actually renders?

Tags in the source aren't proof the card works — platforms cache aggressively. Paste the live URL into Facebook's Sharing Debugger, click Scrape Again, and confirm og:image and og:title resolve and the card preview looks right. Do the same in LinkedIn's Post Inspector for LinkedIn-heavy audiences.

If the card is still wrong after re-scraping, the problem is upstream of the cache — usually a missing default image, a noindex blocking the crawler, or a duplicate Open Graph plugin fighting Yoast. Work through why your link preview is broken for the full diagnostic chain.

Where Yoast stops, and what to do about it

Yoast wires up the tags and serves whatever image you give it — but it doesn't make the image. You're still uploading one static default and hand-crafting per-post overrides for the posts that deserve them, which most bloggers quietly stop doing after a week.

That's the gap Social Card Studio fills: it auto-generates a branded 1200×630 card for every post — your title, your logo, your colors, correctly sized and under 200 KB — so the image side is handled the same way Yoast handles the tag side. Yoast emits the og:image; Social Card Studio makes sure there's always a real, on-brand one to point at. For the broader WordPress setup, the Open Graph meta tags reference covers every tag Yoast writes for you.

The one-line takeaway: turn on Open Graph (it already is), set a 1200×630 default image, override the cards that matter, and re-scrape to verify. Do that and your WordPress links stop sharing blank.

Frequently asked questions

Does Yoast SEO add Open Graph tags automatically?

Yes. With the Yoast SEO plugin active, Open Graph tags are on by default — Yoast outputs og:title, og:description, og:image, og:url, and og:type for every post and page. You only need to set a default social image and, optionally, override the title or image per post.

Why is my Yoast Open Graph image not showing?

The two most common causes are a missing default image (Yoast → Settings → Site features → Social sharing → Open Graph) and a stale platform cache. Set a 1200×630 default, then re-scrape the URL in Facebook's Sharing Debugger to force the platform to refetch the tags.

What size should the Yoast default Open Graph image be?

1200×630 pixels (a 1.91:1 ratio). That single size renders correctly on Facebook, LinkedIn, Discord, and as an X/Twitter summary_large_image card, so one default asset covers nearly every platform.

← All posts