How to Fix: Responsive srcset

Responsive srcset is an important SEO check in the Image SEO category. This is a high-priority SEO issue that should be addressed soon. It has a significant impact on your SEO performance.

What this check actually means

Your images should ship with a srcset attribute — a list of the same image at several widths — plus a sizes attribute telling the browser how much space the image will occupy. Given both, the browser picks the smallest file that still looks sharp on that particular screen. This check fails when your images render with a single fixed src and no srcset, which means every visitor downloads one size regardless of their device — usually the large one, on the small screen that needed it least.

The good news for WordPress users: core has generated srcset automatically since version 4.4. So when this check fails, the cause is almost never “WordPress can’t do it” — it is that something in your setup is bypassing the built-in behavior.

Why it matters

This is a page-speed fix wearing an image-SEO label, and speed is where it pays. Serving a 2000-pixel-wide photo to a phone that only ever displays it at 400 pixels wastes bandwidth, slows the load, and hurts your Largest Contentful Paint — a Core Web Vital that feeds ranking. Responsive srcset hands the mobile visitor a file sized for their screen, which on a slow connection is the difference between a page that appears promptly and one they abandon.

There is a direct crawl-budget and image-search angle too. Lighter, correctly-served images are easier for Google to fetch and are part of how well your images perform in Google Images. And because most of your traffic is on mobile, an image strategy tuned for small screens is tuned for the majority of your audience.

How to check it

• Right-click an in-content image, choose Inspect, and look at the <img> tag. A healthy one has a srcset with several widths and a sizes attribute. A bare src alone is the failure.
• On a product or hero image, check whether the browser actually downloaded a smaller file on mobile — the Network tab shows which candidate was chosen.
• Look for images inserted by a page builder or a hard-coded template, as those are the usual places srcset goes missing.
• Confirm your uploads are producing the intermediate image sizes; if those sub-sizes were disabled, there is nothing for srcset to choose from.

How to Fix This in WordPress

Difficulty Level: EASY – This fix is straightforward and can typically be completed by anyone with basic WordPress knowledge.

Estimated Time: 10 min

Because WordPress does most of this for you, the fix is usually about removing whatever is getting in its way.

Step 1: Confirm the intermediate sizes exist

WordPress needs its generated image sizes (thumbnail, medium, large, and any theme-registered sizes) to build a srcset. If a plugin or a past optimization disabled those sub-sizes, re-enable them and regenerate thumbnails for your existing library so every image has candidates to offer.

Step 2: Fix images that bypass core

Images placed through the block editor or the classic editor usually get srcset automatically. The ones that miss out are typically hard-coded in a template or dropped in by a page builder as a fixed URL. Insert those through the media library instead, or make sure your builder is configured to output responsive image markup.

Step 3: Add modern formats and lazy loading

To compound the win, serve images in WebP or AVIF and keep native lazy loading on for below-the-fold images. A performance or image-optimization plugin can handle format conversion and works alongside core’s responsive markup rather than replacing it.

Step 4: Verify

1. Clear your WordPress cache if you’re using a caching plugin
2. Inspect a few images again and confirm a full srcset and sizes are present, then check the Network tab on mobile to see a smaller file chosen
3. Re-run the SEO Roadmap audit to confirm the responsive-image check passes

Recommended Tools & Plugins

These tools can help you fix and prevent this issue:

• Yoast SEO – Comprehensive SEO plugin with built-in checks
• Rank Math – Feature-rich SEO plugin with detailed analysis
• Google Search Console – Free tool to monitor your site’s search presence
• SEO Roadmap – Complete SEO audit and action plan tool

What I would avoid

• Disabling WordPress’s generated image sizes to “save disk space” — that is what removes the candidates srcset needs.
• Hard-coding image URLs in templates without responsive markup.
• Uploading enormous originals and relying on the browser to shrink them — srcset chooses among real files, so the source sizes must exist.
• Running two image plugins that both rewrite image markup, which can strip or duplicate the attributes.

This guide is part of the SEO Roadmap knowledge base – your complete resource for WordPress SEO optimization.