Facebook Links and Open Graph: Make Your Links Look Great on Facebook

Have you ever shared a link on Facebook and wondered why the image is wrong, the title is weird, or there's no preview at all? That's because of Open Graph tags — and most websites don't have them set up correctly.

This guide explains what Open Graph is, how to set it up, and how to troubleshoot when your Facebook links don't look right.

What you'll learn

What Open Graph tags are and why they matter
The 4 most important Open Graph tags
How to set up Open Graph in WordPress
Troubleshooting Facebook link previews
Open Graph for other platforms

What is Open Graph?

Open Graph is a protocol created by Facebook that lets you control how your website appears when someone shares a link on social media.

Without Open Graph tags, Facebook guesses — and often guesses wrong. With correct tags, you determine exactly:

Which image is displayed
Which title is used
Which description appears
Which URL is linked to

The 4 Most Important Open Graph Tags

1. og:title

The title displayed in the link preview. Should be catchy and under 60 characters.

html

<meta property="og:title" content="10 Tips for Faster WordPress" />

2. og:description

The description below the title. Keep it under 155 characters and make it action-oriented.

html

<meta property="og:description" content="Learn the 10 most important tricks to make your WordPress site lightning fast. Free guide with concrete steps." />

3. og:image

The image displayed as a preview. The most important tag of all — a good image dramatically increases clicks.

html

<meta property="og:image" content="https://yoursite.com/images/facebook-preview.jpg" />

Image requirements:

Minimum 1200×630 pixels (recommended)
Aspect ratio: 1.91:1
File size: Under 8 MB
Format: JPG or PNG
Use an image with text/graphics readable at small sizes

4. og:url

The canonical URL for the page.

html

<meta property="og:url" content="https://yoursite.com/blog/fast-wordpress" />

Setup in WordPress

Method 1: SEOPress (Recommended)

SEOPress automatically adds Open Graph tags based on your content, with no ads or upsells in the admin interface.

Install SEOPress

Go to Plugins → Add New and search for "SEOPress". Install and activate.

Enable Open Graph

Go to SEO → Social Networks → Facebook. Make sure Open Graph tags are enabled.

Customize per page

Edit a page, scroll down to the SEOPress box, click the "Social" tab. Here you can customize the title, description, and image specifically for Facebook.

Method 2: Yoast SEO

Yoast SEO also automatically adds Open Graph tags. Go to Yoast SEO → Social → Facebook and enable "Add Open Graph meta data". You can customize per page via the Yoast box.

Method 3: Rank Math

Rank Math works the same way. Under Rank Math → Titles & Meta → Social Meta, enable Open Graph and customize per page.

Troubleshooting Facebook Link Previews

Facebook's official debugging tool is your best resource. Use it to:

See exactly how Facebook interprets your page
Update Facebook's cache of your tags
Identify errors in your Open Graph tags

Common Problems

Problem: Wrong image displays

Facebook caches images. Use Sharing Debugger and click "Scrape Again"
Check that the image is at least 1200×630px
Make sure og:image uses an absolute URL (with https://)

Problem: Old content displays

Facebook caches link previews for up to 30 days
Use Sharing Debugger to force an update

Problem: No preview at all

Check that your Open Graph tags are in the <head> section
Verify the page isn't blocked by robots.txt or noindex
Make sure the image URL is accessible (not behind login)

Tip

Remember to scrape your URL in Facebook Sharing Debugger AFTER you've changed your Open Graph tags. Otherwise you'll still see the cached version.

Open Graph for Other Platforms

Twitter Cards

Twitter uses its own set of tags but falls back to Open Graph if Twitter tags are missing:

html

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your title" />
<meta name="twitter:description" content="Your description" />
<meta name="twitter:image" content="https://yoursite.com/image.jpg" />

LinkedIn uses Open Graph tags directly. The same tags that work for Facebook work for LinkedIn.

Pinterest also uses Open Graph but places special emphasis on the image. Use vertical images (2:3 ratio) for better performance on Pinterest.

Checklist for Open Graph

☐ og:title set on all pages (under 60 characters)
☐ og:description set on all pages (under 155 characters)
☐ og:image with image at 1200×630px
☐ og:url with correct canonical URL
☐ og:type set (website/article)
☐ All tags use absolute URLs (with https://)
☐ Tested with Facebook Sharing Debugger
☐ Tested with Twitter Card Validator

Conclusion

Open Graph tags are a small change with a big impact. Correct tags ensure your links look professional when shared — and that increases clicks, traffic, and engagement significantly.

It takes 10 minutes to set up correctly with an SEO plugin, and it permanently improves every social media share from your website.

Need help?

Contact me for help optimizing your website's social media integration, Open Graph tags, and shareability.