A picture speaks a thousand words, and a post that is nothing but text is hard to read on a phone. Photos, screenshots, charts and illustrations make articles easier to follow and give readers a reason to stay. They also do a second job: well-prepared images rank in Google Images, speed up your pages and help your posts earn clicks from search.
Google has become much better at understanding what is inside an image, but it still relies on the signals around it: file name, alt text, surrounding copy, page speed and structured data. This guide covers what to do with each of those in a WordPress site in 2026, and which plugins take the manual work off your hands.
Last updated: 2026. Tested with WordPress 6.8.
Start With Image Optimization
Begin with the basics. Give every post at least one relevant image, ideally a featured image plus one or two inline images that support the argument. Google Images shows results with product tags, licence badges and more filters than it used to, so an image that is correctly described has a genuine chance of appearing for a search related to the post topic.
Since 2021, page experience has also been part of how Google evaluates pages. Two of the three Core Web Vitals are directly affected by images: Largest Contentful Paint (LCP), which is usually your hero or featured image, and Cumulative Layout Shift (CLS), which spikes when images load without reserved dimensions. Image SEO in 2026 is as much about performance as about tagging.
Choosing The Right Image
Original images beat stock. Your own photos, screenshots and charts cannot be found on a hundred other sites, and they match your topic exactly. If you must use stock, choose openly licensed sources such as Unsplash, Pexels or Wikimedia Commons and credit the creator where the licence asks for it.
- Pick images that reflect the topic of the post, not decorative filler. A screenshot of the setting you are describing outranks a generic laptop photo.
- Informational images, diagrams and annotated screenshots are the ones that earn image-search traffic and get re-used with a link back.
- Place each image next to the text it illustrates. Google uses the surrounding copy to understand the image.
- Keep images in the flow of the article rather than interrupting it. One image per major section is plenty for most posts.
- Use consistent dimensions so images sit cleanly within your theme’s content width.
How Best To Use Images
Once chosen, prepare the file before it reaches the media library. Rename it with a short descriptive name in lowercase with hyphens: ga4-realtime-report.png, not IMG_4821.png. Search engines read the file name before they load a single pixel.
Choose the format for the job. WebP is now the default for photos and screenshots: it is supported by every current browser and is typically 25–35 percent smaller than JPEG at the same quality. AVIF compresses further and is supported by Chrome, Firefox, Edge and Safari 16+, and WordPress 6.5 and later can upload it natively. Keep SVG for logos and icons (via a plugin such as Safe SVG, since WordPress blocks SVG upload by default), and keep PNG only when you need lossless transparency that WebP cannot handle. JPEG remains an acceptable fallback; WordPress 6.1+ can generate WebP copies of uploaded JPEGs automatically if your host has the required image library.
Resizing Images
Upload images at the size they will be displayed, not straight from a camera. For most blog themes, including ours, the content column is 800–1200 pixels wide; a 1600-pixel-wide upload covers high-density screens with room to spare. WordPress scales very large uploads down to 2560 pixels, but that is a safety net, not a strategy.
Compress after resizing. Squoosh (Google’s free browser tool), ImageOptim on Mac or the optimizer plugins listed below all reduce file size without visible loss at sensible quality settings (around 75–82 for WebP). Aim for under 100 KB for inline images and under 200 KB for a full-width hero. Smaller files improve LCP directly, and our WordPress performance guide covers the rest of the speed checklist.
Responsive Images
WordPress has generated responsive srcset and sizes attributes since version 4.4, so a phone downloads a 400-pixel version while a desktop gets the full size. You do not need to do anything for this to work, provided you insert images through the block editor rather than pasting raw HTML.
Three newer defaults matter for Core Web Vitals. WordPress adds loading="lazy" to images below the fold (since 5.5), writes explicit width and height attributes so the browser reserves space and avoids layout shift, and since 6.3 adds fetchpriority="high" to the image it believes is the LCP element. Check that your theme does not strip these attributes, and never lazy-load the featured image at the top of a post; that delays LCP rather than improving it.
Additional Tips For Image SEO
- Alt text describes the image for screen readers and search engines. Write a plain sentence fragment that says what is in the picture; include the keyword only when it genuinely belongs. Leave alt empty for purely decorative images.
- Captions are read more than body text when people skim. Use them where they add information, not as a place to repeat the alt text.
- Title attributes are ignored by Google and only show as a tooltip; you can skip them.
- Structured data: Yoast SEO and Rank Math add the image to Article schema automatically. Add Product or Recipe schema if your content fits, since those types show images in rich results.
- Open Graph and Twitter cards decide which image appears when a link is shared. Set a 1200×630 social image per post in your SEO plugin.
- Image sitemaps: Yoast and Rank Math include images in the XML sitemap by default. Confirm in Google Search Console that the sitemap is submitted and readable.
- CDN: serve images from a CDN so they load quickly for visitors far from your server.
Best Image Optimizers Online
Everything above can be done by hand, but on a site that publishes weekly it quickly becomes a chore. An optimizer plugin compresses on upload, converts to WebP or AVIF, and can process your existing media library in bulk. These are the current options we would install:
- ShortPixel Image Optimizer (wordpress.org): lossy, glossy and lossless modes, WebP and AVIF output, bulk optimization and a monthly free quota. Compression runs on ShortPixel’s servers, so it does not load your host.
- EWWW Image Optimizer (wordpress.org): can compress locally on your server with no quota, converts to WebP, and offers an optional paid CDN that also resizes on the fly.
- Smush (wordpress.org): free lossless compression and lazy loading; WebP conversion and the CDN are in the Pro tier.
- Imagify: from the makers of WP Rocket, with WebP and AVIF and a simple three-level quality setting. Free monthly quota, then paid.
- TinyPNG (tinypng.com): the web tool and its WordPress plugin compress JPEG, PNG and WebP with a free allowance per month; useful for one-off jobs before upload.
- Yoast SEO (yoast.com) is not an image compressor, but it handles the SEO side: image sitemaps, Open Graph images and schema. Pair it with one of the compressors above.
Install one compressor, not two; they will fight over the same files. For the broader toolkit, see our must-have WordPress plugins and best SEO tools posts.
Which Canyon theme fits
Canyon themes output standard WordPress image markup, so srcset, lazy loading, dimension attributes and fetchpriority all work without changes. For image-heavy writing, Bloge gives a wide content column with generous featured-image treatment; for a grid-based magazine front page where thumbnails do the work, look at News One.
The Wrap Up
Image SEO comes down to a short routine: choose a relevant image, name the file descriptively, export it at display size in WebP or AVIF, write honest alt text, and let WordPress plus one optimizer plugin handle responsive sizes and compression. Check PageSpeed Insights once a quarter to confirm LCP and CLS stay in the green. Do that consistently and your images will pull their weight in both Google Images and the main results.
Further reading from our partners: Click here.