Images make content more engaging, easier to understand and more shareable. They can also bring traffic of their own through image search and visual results. But unoptimised images are one of the most common reasons websites load slowly, and slow pages frustrate users and weaken SEO. Image SEO is about getting the benefits of visuals without paying the performance price.
This guide covers everything you need to know: choosing formats, sizing and compressing images, writing file names and alt text, using captions and making sure search engines can find and understand your images.
Why Image SEO Matters
- Page speed: images often make up most of a page’s file size. Optimising them is one of the fastest ways to speed up a site.
- Accessibility: alt text helps people who use screen readers understand your content.
- Extra traffic: well-optimised images can appear in Google Images and visual search results.
- Engagement: good visuals keep readers on the page longer and explain ideas faster.
Choosing the Right Image Format
| — | — | — |
|---|---|---|
| JPEG | Photographs | Good compression, widely supported |
| PNG | Graphics needing transparency, screenshots with text | Larger files than JPEG |
| WebP | Most images on modern websites | Smaller files with good quality, widely supported |
| AVIF | Maximum compression | Excellent compression, support improving |
| SVG | Logos, icons, simple illustrations | Scales perfectly, tiny file size |
For most blogs, WebP offers the best balance of quality and size. Many WordPress plugins and image CDNs convert uploads automatically.
Resize Before Uploading
Uploading a 5000-pixel-wide photo to display it at 800 pixels wastes bandwidth. Resize images to roughly the largest size they will be displayed. WordPress creates several sizes automatically and uses responsive image markup so browsers choose an appropriate version, but starting from a sensible size still helps.
Compress Images
Compression reduces file size by removing unnecessary data. Lossy compression reduces size significantly with minimal visible change, while lossless compression keeps every detail but saves less space. For most website photos, quality settings around 75 to 85 percent look great and are much smaller. Use an image optimisation plugin or an online compressor before uploading.
Use Descriptive File Names
Search engines read file names for clues about image content. “IMG_4821.jpg” tells them nothing, while “homemade-sourdough-bread-loaf.jpg” is clear. Use lowercase letters, separate words with hyphens and keep names short and descriptive.
Write Helpful Alt Text
Alt text (alternative text) describes an image for people who cannot see it and for search engines. Good alt text is specific and concise.
| — | — |
|---|
Do not stuff keywords into alt text. If a keyword naturally describes the image, include it. Purely decorative images can use empty alt text so screen readers skip them.
Use Captions and Surrounding Text
Search engines use the text around an image to understand its context. Captions are read more often than body text, so a short, useful caption can improve both understanding and engagement. Place images near the text they illustrate.
Lazy Loading
Lazy loading delays loading images until they are about to appear on screen. WordPress adds native lazy loading to images automatically. However, the main image at the top of the page, often the featured image, should load immediately because it usually affects Largest Contentful Paint.
Prevent Layout Shift
When images load without reserved space, content jumps around, which hurts Cumulative Layout Shift. Always include width and height attributes or use CSS aspect ratios. WordPress does this for images inserted through the editor.
Use Original Images Where Possible
Stock photos are convenient but appear on thousands of sites. Original screenshots, diagrams, charts and photos make your content more unique and trustworthy. They can also attract backlinks when other sites reference your visuals.
Help Search Engines Find Your Images
- Use standard HTML image elements rather than CSS backgrounds for important images
- Include images in your XML sitemap (most SEO plugins do this)
- Make sure images are not blocked by robots.txt
- Use structured data such as Article or Product, which can reference images
Social Sharing Images
Open Graph and Twitter Card tags control which image appears when your page is shared. Most SEO plugins use your featured image by default. A clear 1200×630 pixel image with readable text works well on most platforms.
Image Optimisation Workflow
- Choose or create a relevant image
- Crop and resize to the display size
- Export as WebP or compressed JPEG
- Rename the file descriptively
- Upload and add alt text and an optional caption
- Check page speed after publishing
Common Mistakes
- Uploading huge, uncompressed photos
- Using the same generic alt text on every image
- Lazy-loading the main hero image
- Using text-heavy images instead of real text for important information
- Forgetting to optimise images on old posts
Frequently Asked Questions
What is the ideal image size for a blog?
It depends on your theme’s content width. Many blogs display images between 800 and 1200 pixels wide. Aim for file sizes under about 150 to 200 KB where possible.
Does alt text help SEO?
Yes. It helps search engines understand images and is essential for accessibility.
Should I convert all images to WebP?
For most sites, yes. WebP files are usually much smaller than JPEG or PNG with similar quality.
Do image titles matter?
The title attribute has little SEO impact. Focus on file names, alt text, captions and surrounding content.
Can images rank on their own?
Yes. Images can appear in Google Images and visual results, bringing additional traffic to your pages.
What tools can compress images?
Popular options include WordPress optimisation plugins and free online compressors. Many image CDNs also optimise automatically.
Conclusion
Image SEO combines performance, accessibility and relevance. Choose efficient formats, resize and compress before uploading, name files clearly, write useful alt text and keep layout stable. These habits make your pages faster and more accessible, and they give your images a chance to bring in extra search traffic.
