How to Fix: Width/height set

Width/height set is an SEO check in the Image SEO category, and it is a high-priority issue that should be addressed soon — it has a significant impact on your SEO performance. It looks like a trivial markup detail. It is actually one of the cheapest, highest-return fixes on your whole Core Web Vitals scorecard.

What this check is really about

This check verifies that your images declare explicit width and height attributes. When they do, the browser reserves the correct space for each image before it loads, and the page holds still while it renders. When they do not, the browser guesses, the text reflows the instant each image arrives, and the reader gets that infuriating jump where they tap a button just as the layout shoves it out from under their finger. That jump is Cumulative Layout Shift, and it is a measured ranking factor.

Why it matters

CLS is one of the three Core Web Vitals Google uses in its page experience assessment, and unset image dimensions are the single most common cause of a bad CLS score. So this is not an abstract cleanliness issue — it directly feeds a ranking signal. It also happens to be the fix with the best effort-to-impact ratio in the entire image-SEO category: a stable layout, a better score, and a visibly calmer page, usually from one setting or one build step.

• It lets the browser reserve space and prevents layout shift as images load
• Cumulative Layout Shift is a Core Web Vital that directly influences rankings
• It removes the jarring content jumps that cause mis-taps and frustration on mobile
• Ignoring it leaves a poor CLS score dragging on your page experience signal

How I would diagnose it

1. Run an SEO audit with the SEO Roadmap tool to list images missing dimension attributes
2. Run the page through PageSpeed Insights and read the CLS number and its “image elements do not have explicit width and height” flag
3. Use browser developer tools (F12) to inspect <img> tags and confirm whether width and height are present
4. Throttle the connection in DevTools and watch the page load — layout jumps are obvious in slow motion

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: varies

1. Let WordPress do it. Modern WordPress and the block editor add width and height to images automatically. If yours are missing, the culprit is usually an old theme, a page builder, or images inserted as raw HTML.
2. Fix the theme or builder templates that output images without dimensions — this is where custom themes most often fall down.
3. Add the CSS safety net. Pair the attributes with img { height: auto; } so images stay responsive while the reserved aspect ratio still prevents shift. Attributes and CSS work together, not against each other.
4. Sweep the archive. For older posts with hard-coded images, a bulk find-and-fix or a regeneration pass is faster than editing them by hand.

Verify the fix

1. Clear your WordPress cache if you’re using a caching plugin
2. Re-run the SEO Roadmap audit and PageSpeed Insights to confirm the CLS flag is gone
3. Check Google Search Console’s Core Web Vitals report after a few days to ensure the improvement registers on real-user data

The one nuance most guides skip

Here is the subtlety that trips people up: setting width and height does not mean hard-coding pixel sizes that break your responsive layout. The attributes exist to communicate the image’s aspect ratio to the browser; the CSS height: auto then lets it scale fluidly to the container. People remove the attributes because they think dimensions and responsiveness are in conflict — they are not. Set the real intrinsic dimensions on the tag, let CSS handle the display size, and you get both a stable layout and a responsive image. Skip the CSS half and your images will stretch; skip the attribute half and your layout will jump. You need both.

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

Common Mistakes to Avoid

• Removing dimension attributes because you think they break responsive layout — they do not
• Setting the attributes but omitting height: auto, so images stretch on smaller screens
• Ignoring old hard-coded images in the archive that page builders or raw HTML inserted
• Treating CLS as cosmetic rather than as a real ranking input

Need More Help?

If you’re still having trouble fixing this issue, consider:

• Consulting with a WordPress developer or SEO specialist
• Checking the WordPress support forums for similar issues
• Reviewing your theme and plugin documentation
• Running a complete site audit with SEO Roadmap for a prioritized action plan

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