Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
To generate Open Graph images in WordPress, decide whether you want to select an existing image or create one from post data. For a single post, set its social image in your SEO plugin; for repeatable branded artwork, use a template-based image generator that turns fields such as the post title and featured image into a graphic. In either case, check the page’s rendered og:image tag and make sure only one plugin controls Open Graph metadata.
What an Open Graph image is—and what WordPress does with it
An Open Graph image is the image URL a page exposes in its metadata as og:image. When a social service reads a shared page, that tag points it to the image to use in the link preview. The artwork can be an existing image in the WordPress media library or an image rendered from a template.
A featured image is WordPress content data; assigning one does not, by itself, guarantee that it will be the image shown when someone shares a link. A theme or plugin must emit the social metadata, and its fallback rules determine which image URL appears. Yoast SEO and the WordPress.org Open Graph plugin both document featured-image fallbacks, but they use different selection orders. (Yoast’s Open Graph specification; Open Graph plugin listing)
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →- Select or upload an image: Set a page-specific social image, or rely on the active plugin’s documented fallback to the featured image or another site image.
- Generate a new image: Map WordPress content fields to a graphic template and have a compatible plugin render the values into an image URL.
Use the first route when a few pages need deliberate, individually chosen artwork. Use template generation when many pages should share a visual system or display content such as their titles.
#1 Best Overall
Choose and configure the WordPress workflow
Workflow A: set a social image with Yoast SEO
- In the WordPress Dashboard, go to Yoast SEO → Settings → Site features → Social sharing. Yoast says Open Graph data is enabled by default; confirm the switch is on if you need to verify it or have changed settings. Save if you make a change. (Yoast’s Open Graph settings guide)
- Open the post or page you want to share and find Yoast’s social controls. Add a page-specific Facebook image if you want an image different from the automatic fallback.
- Update the post or page, then inspect its rendered source and destination preview as described below.
Yoast documents this og:image priority for a post or page:
- A user-defined Facebook image in the Yoast metabox’s Social tab.
- The post’s featured image.
- A prominent image in the page content.
- For Yoast SEO WooCommerce, the first image in the WooCommerce product gallery.
- A social default image from the Search Appearance template.
- The site-level fallback or default social image.
For author archives, Yoast documents a different order: the template’s social default image, the author’s Gravatar, then the site fallback. Yoast emits og:image:width and og:image:height only when an image is set and its dimensions are known. These are plugin selection rules, not guarantees about which image a particular social service will display. (Yoast Open Graph specification)
Workflow B: use the WordPress.org Open Graph plugin
The Open Graph plugin listing says the plugin has no configuration screen by default and uses WordPress data. Its documented image order is the featured image, images in post content, attached images, then the site icon, custom logo or header image if nothing earlier is available. It can output up to three images by default, so inspect the actual tags rather than assuming there will be only one.
The listing documents filters for changing metadata and image sources. This makes the plugin more suited to a site where someone can customize it in code than to an editor who needs per-post image controls. The listing also says it disables Jetpack’s Open Graph output while active to avoid duplicate tags. Check the plugin’s current listing and the versions installed on your site before adopting it, especially if another plugin already emits social metadata.
Rank #2
Workflow C: generate images from templates
A template-based generator can render page data—such as a title and featured image—into a consistent graphic, then use the generated image URL in Open Graph metadata. The WordPress.org listing for ogdynamic describes mapping template fields to WordPress data and configuring generation for posts, public post types, the homepage, blog listings, category and tag archives, author and date archives, search results, and WooCommerce products. Its listing states that generated images are 1200×630 pixels and that it avoids duplicate og:image output from listed SEO plugins when generating an image.
Those are capabilities described in the plugin listing, not a guarantee for every current WordPress, plugin or theme combination. Check compatibility and behavior with the versions and configuration on your site. In particular, verify that the generator actually renders an image for each page type you use and that the resulting page source contains the intended image URL.
Prepare an image that has a good chance of displaying well
Image-size advice varies by source, and the cited material does not establish a universal dimension or format rule shared by every platform. Yoast recommends manually setting the image and gives guidance of 1200×800 to 2000×1600 pixels, under 2 MB. Treat those figures as Yoast guidance, not as a guarantee or a current platform-wide specification. (Yoast Open Graph image guidance)
Free tools Windows power users keep installed
One-click scans. No signup required.
The ogdynamic listing specifies 1200×630 pixels for images it generates. A WordPress support reply also suggests an image close to 1200×630 pixels and JPEG, GIF or PNG, but that is a support response, not an authoritative platform specification. (ogdynamic listing; WordPress support discussion)
WordPress image-size settings serve a separate purpose: they describe image sizes WordPress creates or handles, not which image a social scraper chooses. The Theme Handbook lists default sizes including thumbnail (150×150 maximum), medium (300×300 maximum), medium-large (768 pixels wide with no height limit), large (1024×1024 maximum), and full (the original image). Themes can add custom sizes and crop behavior. Do not mistake those defaults for Open Graph requirements. (WordPress Theme Handbook: Featured Images & Post Thumbnails)
- Use a legible composition that still makes sense when shown as a small link preview.
- Choose and test dimensions against the guidance for the plugin and destination you use; do not assume a WordPress thumbnail is the social image.
- Confirm that the image URL the page emits is reachable and points to the intended artwork.
Verify the generated image and preview
- Open the published post or page and inspect its HTML source. Search for
og:imagein the document head. - Confirm that the tag exists, its URL is the image you intended, and the image itself is available. If dimensions are present, compare them with the actual image.
- Check the target service’s link preview after the metadata change. Plugin output tells you what your page declares; it does not establish how quickly every service refreshes a cached preview.
If the wrong image appears in source, troubleshoot WordPress’s plugin, field and fallback configuration first. If the source contains the correct tag but the destination preview differs, the available sources do not establish a universal refresh schedule or identical behavior across social services; inspect the preview on the specific destination.
Fix a missing or incorrect shared image
The featured image is set, but the logo appears
Check the actual og:image tag. The active plugin may be selecting a page-specific social image, a content image, a site default, or another fallback instead of the featured image. Yoast, for example, prioritizes a user-defined Facebook image over the featured image; the Open Graph plugin checks content and attached images before site branding. Compare the emitted URL with the active plugin’s fallback order, then change the higher-priority setting or explicitly select the image you want. (Yoast specification; Open Graph plugin listing)
The Tool Desk
Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →The image tag is missing or there are conflicting tags
Check whether more than one plugin or the theme is outputting Open Graph metadata. Yoast warns that duplicate Open Graph tags can cause social services to display the wrong title, description or image. Choose one source of Open Graph output, or disable the competing feature, then inspect the rendered head again. (Yoast’s duplicate-tag guidance)
Rank #4
The tag points to the right image, but the preview is wrong or incomplete
Verify that the image URL is available and inspect the image’s dimensions. Yoast notes that unsuitable image sizes can lead to errors or omission, while also noting that platforms handle Open Graph images differently. Apply the guidance for your plugin and destination, then recheck that destination’s preview. The cited sources do not establish how long every service takes to refresh a cached preview. (Yoast image guidance)
A generated image works on posts but not other pages
Check the generator’s configuration for the page type that fails—such as archives, products or the homepage—and inspect the rendered source for that URL. A plugin’s listed support for a page type is not proof that it is enabled or compatible with the particular site configuration.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
If you also need screenshots of web pages for previews, records or automated workflows, ScreenshotNeo is a website screenshot API and MCP server for developers. It is separate from WordPress Open Graph metadata: it captures a page image or PDF, while your WordPress plugin or theme still needs to emit the og:image tag.
Recommended Free Tools
One GET request returns a PNG, JPEG or WebP screenshot, or a PDF. For example, save a screenshot of a page as WebP:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpSee the ScreenshotNeo API documentation for the request details. ScreenshotNeo removes cookie and consent banners, newsletter popups and chat widgets before capture; those steps can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads and cache hits are not billed, and responses identify the page verdict and billing status in headers. Its MCP server offers take_screenshot, get_page_info and capture_pdf for AI agents. The Free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 shots.
Sign up free for 1,000 screenshots a month, with no card required.
Keep the WordPress image workflow maintainable
- Document which plugin or theme owns Open Graph output so a later plugin change does not silently introduce duplicates.
- For individual editorial choices, set a page-specific social image and verify the resulting tag.
- For template generation, test representative posts, archives and other page types, and check compatibility when updating WordPress or the generator.
- Recheck both rendered metadata and the destination preview after changing settings or switching plugins.
Frequently Asked Questions
Does setting a WordPress featured image guarantee it will appear on social media?
No. The plugin or theme emitting Open Graph metadata chooses the image according to its rules; verify the page’s rendered og:image tag.
Can a WordPress image-size setting force a social platform to use a particular image?
No. WordPress image sizes govern image handling, while the Open Graph metadata and the destination service determine the shared image.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
