How to Add Featured Images in WordPress for Better Design and SEO

A featured image is the primary image associated with a post or page in WordPress — the one that shows up in blog archives, at the top of the post, in search results, and when the link is shared on social media. Despite how central it is to how content looks and performs, a lot of WordPress sites either skip setting them or approach them inconsistently. Getting into the habit of assigning one correctly takes about 30 seconds per post once it’s part of the workflow, and the results across a site compound quickly.

What a Featured Image Actually Controls

A featured image does several distinct jobs at once, and it’s worth knowing all of them, since skipping the setup breaks more than just the archive page:

• It populates blog archive and category listing pages, giving a content grid a consistent visual layout.
• It feeds Open Graph tags, which control the image shown when a post is shared on Facebook, X, or LinkedIn.
• It feeds a theme’s post header display, if the theme uses one.
• It travels with the post entry in an RSS feed.

Skip it, and most themes will either show a blank space in the archive grid, pull a random in-content image, or show nothing at all — none of which make a good impression on a visitor browsing content for the first time.

Setting One in WordPress

1. Open the post or page in the Block Editor.
2. Click the Settings icon (sidebar toggle, top-right toolbar) if the sidebar isn’t already visible, then the Post tab.
3. Scroll to Featured image and click the panel to expand it, then click Set featured image.
4. Upload a new image or select an existing one from the media library.
5. Add or review the Alt text field in the right-hand panel — describe what the image shows, not just the post title.
6. Click Set featured image to confirm, then Update (or Publish for a new post) to save.

If a site still uses the Classic Editor, the Featured Image panel appears in the right sidebar, typically below the Publish box, and works the same way from there.

Getting the Dimensions Right — 1200×630, Not a Round Number

A lot of guides tell you to “pick a consistent size” without saying what that size should actually be. The real-world standard is 1200×630 pixels at a 1.91:1 aspect ratio — this is the dimension Facebook, LinkedIn, Slack, Discord, and most other platforms that render a link preview all size their crop boxes around, so one image works everywhere without a platform-specific crop. Facebook’s own minimum is 600×315 (half that ratio), and anything under roughly 200×200 gets rejected outright. Keep the headline text and any faces inside the centre of the frame — platforms crop from the edges inward on narrower screens, so content pushed to the corners is the first thing to get cut off. Save the file as JPG or PNG and keep it well under 1MB; some messaging apps silently downgrade or refuse to preview larger images.

Practical Tips

• Set a featured image even on simple posts with no in-body images — it still pulls through to the archive page, the RSS feed, and social shares, and leaving it blank creates a presentation gap that’s hard to fix consistently later.
• Optimise before uploading. A featured image appears on nearly every page of a site at some point, so heavy uncompressed files add up across the board — converting to WebP format before uploading keeps file sizes down without a visible quality loss.
• Check social previews separately from the default. The featured image feeds Open Graph tags automatically, but if precise control over crop matters, dedicated Open Graph images give explicit control per platform rather than relying on the default crop.
• For a full approach to alt text, filenames, and compression together, see the guide on optimising images for SEO in WordPress.

Common Mistakes

• Using inconsistent image sizes across posts. Portrait, landscape, and square images mixed together make a blog archive look uneven — pick a format and stick to it.
• Uploading uncompressed originals, which slows page load across the entire site, not just the individual post — the media library doesn’t compress automatically in any meaningful way.
• Confusing an in-content image with the featured image. An image inserted directly into the post body doesn’t appear in archives, feeds, or social shares — that’s controlled entirely by the sidebar panel, a separate mechanism WordPress treats distinctly.
• Skipping alt text, or writing a restatement of the post title instead of something descriptive of the actual image — alt text on a featured image is indexed by search engines and read by screen readers, and a blank field helps neither.

Featured Image vs In-Content Image vs Hero Image

	What it controls	Where it’s set
Featured image	Archives, feeds, social shares — the one that matters for site-wide presentation	Sidebar panel, managed by WordPress, not placed in the content editor
In-content image	Appears only where placed in the post body	An image block inserted directly into the content, separate from the featured image
Hero image	A full-width image some themes display at the top of a post	Whether it appears at all depends entirely on the theme’s template configuration

In most themes, setting the featured image is all that’s needed — the theme handles how it’s displayed elsewhere. For more on how WordPress handles this inside theme templates, see the WordPress documentation on the featured image block, and for how this fits into a broader design approach, our guide on using white space in WordPress design covers the surrounding layout choices.

Set a featured image for every post and page at a consistent 1200×630, optimised before upload, with descriptive alt text. It takes under a minute per piece of content and improves how a site looks across archives, social shares, and search results. If building a site from scratch, the step-by-step guide to building a new WordPress website covers the full setup, image steps included.