localwebadvisor
WIKI← Wiki home

What Is a Featured Image?

By FayUpdated Jul 9, 2026EVERGREEN
⚡ THE ANSWER

A featured image is the main representative image assigned to a page or blog post, used as its thumbnail across a website and often as the preview image when the page is shared on social media or listed in search. In content management systems like WordPress it is a dedicated field separate from images placed within the body text. A strong featured image sets visual tone, aids recognition, and improves click-through in feeds and search.

Also called
Post thumbnail or hero image (WordPress terminology)
Common ratio
About 1.91:1 for social sharing, e.g. 1200x630 px (Open Graph/industry-typical)
Where it appears
Blog listings, thumbnails, social previews, sometimes search
Set via
A dedicated featured-image field in the CMS, not the body (WordPress)

A featured image is the single image chosen to represent an entire page or post. Unlike photos placed inside the body copy, it lives in a special field in your content management system and is pulled automatically into the places where a page is summarized. That includes blog index and category pages, related-post widgets, thumbnails in search results within your own site, and, crucially, the preview card that appears when someone shares your link on Facebook, LinkedIn, or in a text message. Many themes also display the featured image as a large "hero" banner at the top of the post itself. Because one image does all this work, choosing it well matters: it is often the first thing a potential visitor sees before deciding to click. For a local business publishing helpful articles, a consistent, high-quality featured image signals professionalism. We set up featured-image handling and sizing as part of every content site we build, see /services/web-design and /services/wordpress-development, and you can preview how yours looks when shared using /tools/social-preview.

How is a featured image different from body images? #

The distinction is about role and placement. Body images are inserted into the flow of an article to illustrate specific points, a diagram next to a step, a photo beside a paragraph. They appear only where you put them, inside the content. A featured image, by contrast, is metadata attached to the whole page. It usually does not appear in the body at all (unless the theme chooses to display it at the top); instead it represents the page everywhere the page is referenced elsewhere. That is why you set it in a separate field rather than by dragging it into the editor. One practical consequence: if you want an image to show up as the thumbnail on your blog listing and as the social share preview, it must be assigned as the featured image, not merely placed in the text. Confusing the two is a common reason articles show a blank or wrong thumbnail when shared. Getting media handled correctly is part of solid content setup, which we cover on /services/wordpress-development and /services/ui-ux-design.

Size depends on where it will appear, but a widely used target is 1200 by 630 pixels, a roughly 1.91:1 ratio that matches the Open Graph standard social platforms use for link preview cards. An image at that size and ratio displays cleanly on Facebook and LinkedIn without awkward cropping. Your website theme may also crop the featured image to different shapes for thumbnails, square for a grid, wider for a banner, so it is wise to keep the important subject near the center where it survives cropping. Just as important as dimensions is file weight: a large, uncompressed image slows the page down, hurting both user experience and SEO. Compress featured images before uploading so they stay sharp but light; you can use /tools/image-compressor for this. Serving oversized images is one of the most common speed problems we fix, more on /services/speed-optimization and /wiki/website-speed-guide. Balancing quality against file size is a small habit that pays off across every page.

When someone pastes your link into a social post or messaging app, the platform generates a preview card, and the featured image is usually what fills it. A compelling, correctly sized image makes that card eye-catching and can dramatically lift click-through, while a missing or broken one produces a bland, text-only link that people scroll past. Behind the scenes, social platforms read Open Graph tags in your page's code to decide which image to show, and a good CMS setup maps your featured image to those tags automatically. If the tags are missing or the image is the wrong size, the preview can show nothing, the wrong picture, or an awkward crop. This is a frequent, invisible problem, everything looks fine on the site itself, but shared links look broken. Testing before you rely on sharing avoids embarrassment; use /tools/social-preview to see exactly what will appear, and /tools/meta-tag-generator to produce the underlying tags. We wire this up correctly on /services/web-design builds.

Indirectly, yes. Featured images are not a direct ranking factor the way page content is, but they contribute to signals that matter. A strong social preview image drives more clicks and shares, which increases traffic and visibility. Within search, Google sometimes shows a thumbnail beside a result, particularly on mobile, and a relevant featured image can be the one chosen, making your listing stand out. Featured images also need the same care as any image for accessibility and image SEO: give them descriptive alt text so screen readers and crawlers understand them, covered in /wiki/what-is-alt-text. And because featured images often load high on the page, their file size directly affects your Core Web Vitals and load speed, both real ranking factors, so compression matters. In short, the image itself will not rank you, but a well-chosen, well-optimized, properly tagged featured image supports engagement, click-through, and page speed, all of which feed into SEO. See /services/local-seo and /wiki/what-is-local-seo for the bigger picture.

Pick an image that instantly communicates what the page is about and looks good even at thumbnail size. Clear, high-contrast subjects work best, a busy or cluttered photo turns into visual noise when shrunk. For a service business, real photos of your team, your work, or your location build more trust than generic stock, and they help customers recognize you. Keep the main subject centered so it survives the different crops your theme and social platforms apply. Consistency helps too: using a recognizable style or template across your blog makes your content feel cohesive and branded, which strengthens recognition over time. Avoid images with small text baked in, it becomes unreadable at thumbnail size and does not adapt to different screens. If you add text overlays, keep them large and minimal. Consider how the image will look next to your headline in a feed, since the two are seen together. Thoughtful visual choices are part of good design work, see /services/ui-ux-design and /services/conversion-optimization for how visuals drive action.

In WordPress, the editor includes a "Featured image" panel, usually in the sidebar of the post or page settings. You click "Set featured image," then upload a new file or pick one from the media library, and it is assigned to that post. From there, WordPress and your theme handle the rest, showing it as the thumbnail on listings, generating the appropriate cropped sizes, and, with an SEO plugin, populating the social Open Graph tags. Two tips make this smoother. First, add descriptive alt text to the image in the media library so it is accessible and indexable. Second, upload an appropriately sized, compressed file rather than a huge camera original, because WordPress will store multiple cropped versions and oversized sources bloat your media library and slow pages. Other platforms have equivalent fields under different names, but the concept is the same. Proper configuration of themes, image sizes, and SEO plugins is part of what we handle on /services/wordpress-development and maintain through /services/care-plans.

The most common is not setting one at all, which leaves a blank thumbnail on your blog and a plain, unappealing card when the page is shared. Another is using an image that is too small or the wrong ratio, so it appears pixelated or badly cropped in previews. Uploading enormous, uncompressed files is a frequent speed killer, a single multi-megabyte featured image can noticeably slow a page. Baking important text into the image is risky because it becomes unreadable at small sizes and inaccessible to screen readers. Inconsistent styles across a blog make content feel scattered and unbranded. Forgetting alt text means the image is neither accessible nor indexable. And relying on generic stock photos that every competitor also uses undercuts the trust real imagery builds. Each of these is easy to avoid with a simple checklist: right size, compressed, centered subject, descriptive alt text, and a consistent look. Test the result with /tools/social-preview, and if speed is an issue, see /services/speed-optimization.

FAQ

What is the ideal featured image size?

A common target is 1200 by 630 pixels, roughly a 1.91:1 ratio, because it matches the Open Graph standard used for social link previews and displays cleanly on Facebook and LinkedIn. Keep the main subject centered so it survives the different crops your theme and social platforms apply, and compress the file to keep pages fast.

Does a featured image appear in the blog post itself?

It depends on your theme. Some themes display the featured image as a large banner at the top of the post, while others show it only in listings, thumbnails, and social previews. Either way, it is set in a separate field, not placed in the body text, and represents the whole page wherever the page is referenced.

Why is my shared link showing the wrong image?

Usually the featured image is not set, is the wrong size, or the Open Graph tags are missing or misconfigured. Social platforms read those tags to build the preview card. Test with a social preview tool and check that your CMS maps the featured image to the Open Graph image tag correctly, then re-share the link.

Do featured images affect page speed?

Yes. Featured images often load high on the page, so an oversized, uncompressed file can slow loading and hurt Core Web Vitals, which are ranking factors. Always compress featured images before uploading and use appropriately sized dimensions rather than uploading full-resolution camera originals that bloat the page and the media library.

Should featured images have alt text?

Yes. Even though a featured image represents the whole page, it is still an image that screen readers announce and search engines index, so give it descriptive alt text in your media library. This supports accessibility and image SEO. Purely decorative featured images are rare, since they usually convey the page's subject.

Can I use the same featured image for multiple posts?

You can, but it is not ideal. Reusing one image makes posts hard to tell apart in listings and social feeds and weakens visual recognition. Unique, relevant featured images help each page stand out and communicate its specific topic. A consistent style across images is good; identical images across different posts is not.

Was this helpful?