DEV Community

ellie miguel
ellie miguel

Posted on

Open Graph tags missing in WordPress sites before launch

Part of the series: WordPress Pre-Launch Technical Checks

When reviewing a WordPress site before launch, most teams focus on indexing, performance and security. Those are the obvious areas. But there are smaller details that tend to slip through, and they show up in places you don’t always expect.

One of those is Open Graph metadata. It doesn’t affect how the site works directly, so it’s easy to overlook it during development.

The thing is, this is what controls how your pages look when someone shares a link on platforms like LinkedIn, Slack or WhatsApp. If it’s not configured properly, the site can look broken even if everything else is working fine.

What Open Graph tags actually do

Open Graph tags live in the HTML head and define how a page is presented when it’s shared. They don’t change the page itself, but they shape the preview people see before clicking.

Typically, this includes the title, a short description, an image and the URL that should be associated with the page.

<meta property="og:title" content="Page title">
<meta property="og:description" content="Page description">
<meta property="og:image" content="Preview image">
<meta property="og:url" content="Canonical URL">

These elements might seem minor, but they define that first impression when a link is shared.

Why this matters before launch

Right after a site goes live, it usually gets shared. Clients send it to partners, teams pass it around internally, and sometimes it ends up on social platforms.

If Open Graph tags are missing or incomplete, the preview can look a bit off. Sometimes it pulls a random image, sometimes no image at all, or the text feels cut or out of context.

Nothing is technically broken, but the result doesn’t feel polished.

What tends to go wrong

Missing metadata

Some sites go live without any Open Graph configuration. This can happen when the theme doesn’t handle it and no plugin is managing those fields.

Unclear or missing preview image

When no image is defined, platforms try to guess one. The result is often inconsistent, especially on pages with multiple images.

Default or mismatched titles and descriptions

Sometimes the text used for sharing doesn’t really match the page. It might be inherited from defaults that were never reviewed properly.

Leftover staging references

After migrations, it’s not unusual to find Open Graph fields still pointing to staging domains or temporary assets. It’s a small detail, but easy to miss if you don’t test it.

A quick check before launch

At this stage, a simple review is usually enough. Just make sure the tags are present, the image looks right, and the text reflects the actual content of the page.

It doesn’t take long, but it avoids that awkward moment where a shared link doesn’t look quite right.

Why this belongs in a pre-launch checklist

Because it doesn’t affect functionality, Open Graph is often ignored. Everything works, so it doesn’t feel urgent.

But it directly affects how the site is perceived when it’s shared. Fixing it later is possible, but it’s one of those details that’s easier to get right before launch.

Where PreFlight fits in

PreFlight focuses on reviewing these kinds of details before a site is delivered or published. It’s about catching the small things that don’t break anything, but still matter.

If you want to run a quick check before sharing a site, you can start here: https://preflightstandard.com/

Final thought

Open Graph tags are easy to ignore, but they shape how a site appears in places where first impressions happen quickly.

Taking a few minutes to review them before launch helps keep everything consistent from the start.

Top comments (0)