Skip to content
Searchpedia SEO field notes Callum Bennett Callum

Writing desk

SEO Graphics

I used to treat graphics as decoration. Now I see them as a ranking signal you can optimise like any other piece of content.

Beginner5 min readUpdated 2026-07-27Notes by Callum Bennett

Start here

  • Write descriptive file names before uploading any image – never leave the default camera label.
  • Add alt text that describes what the image shows, not a list of keywords.
  • Compress every graphic to under 100 KB unless you need full resolution for detail.
  • Submit an image sitemap if your site has more than ten images you want indexed.

Plain-English take

SEO graphics are any visual element you add to a page that can help or hurt your rankings. That includes photos, screenshots, charts, infographics, and videos. The mistake most people make is treating them as afterthoughts — throw in a stock photo, call it done. But every graphic changes three things: page load time, accessibility, and the chance of appearing in image search.

File names matter because Google reads them before it can interpret the pixel content. I rename every file from IMG_4827.jpg to how-to-optimise-alt-text-example.jpg. Alt text matters because screen readers and crawlers rely on it — and because Google treats it as a ranking signal in image results. Compression matters because a 500 KB image adds half a second on a 4G connection. I use Squoosh or ImageOptim to get under 100 KB per graphic with barely visible quality loss.

Responsive images using the srcset attribute also matter because half your traffic is probably on mobile. I wrote about the full workflow in my [image SEO](/image-seo/) note. And for decorative images, use empty alt text or a presentation role so they do not clutter the page for assistive tech. That is the plain-English version: treat every graphic as a piece of content, not an add-on.

When it actually matters

Graphics move the needle most when your topic is hard to describe in text alone. For a step-by-step tutorial, a screenshot of the settings panel saves 200 words. For a statistical comparison, a chart beats a bullet list because readers spot trends faster. And for link building, an original infographic can earn referrals for years — I have one that still picks up a new domain every quarter.

But graphics also matter for commercial pages. A product photo with a descriptive file name and accurate alt text can rank in Google Images and drive direct conversions. In those cases, the graphic is the primary content, not support. I have seen ecommerce pages lose 30 % of traffic after switching to lazy-loaded images without proper indexing or alt text.

The decision rule I use: if a graphic contains information you want indexed, its alt text must match that information concisely. If it is purely decorative, set role="presentation" or leave alt empty. This distinction is part of a solid [on-page SEO](/on-page-seo/) foundation. For businesses building authority through content, investing in SEO graphics also ties into your broader [SEO content strategy](/seo-content-strategy/). Test before and after: run the same page with and without optimised visuals and compare page speed and image impressions.

What I got wrong

For years I thought any graphic was better than none. I added high-resolution stock photos to blog posts without compressing them, and wondered why the Core Web Vitals score dropped. I also used alt text as a keyword-dumping ground — "affordable SEO services London tips strategies" — which helped nobody, especially not visually impaired readers. Google caught on, and those images stopped ranking in image search.

Another mistake: treating infographics as a one-time project. I published one on a third-party hosting platform, embedded the PNG, and lost all the link equity when the platform went down. I now host every graphic on my own domain and use structured data where it adds context. Looking at [alt text examples](/alt-text-examples/) would have saved me from the worst keyword-stuffed descriptions.

I also used to ignore image sitemaps. After adding one for a product catalogue site, indexed images went from 200 to 1,400 within two months. That changed my mind entirely. Graphics are not decoration — they are technical SEO elements that deserve the same rigour as a title tag. Running a [content audit](/content-audit/) helped me find all the orphan images I had been neglecting. If I could undo one thing, it would be assuming Google could "figure out" an image without proper metadata.

Next step

Quick answers

Do infographics still work for earning backlinks?

Yes, but only if the data is original and the design is embeddable on your own domain. I publish infographics as HTML with CSS, not a single PNG. That way Google indexes the text inside the graphic and the embed code makes it easy for others to link back.

What is the best file format for SEO graphics?

Use WebP for photos and complex images because it compresses better than JPEG with similar quality. Use SVG for icons and diagrams because it scales infinitely and keeps file size tiny. Avoid BMP, TIFF, or animated GIFs with large frame counts.

Is alt text required for purely decorative images?

No. If the image adds no information, use an empty alt attribute (alt="") or set role="presentation". This prevents screen readers from announcing something meaningless and keeps the page clean for search crawlers. Decorative images do not need to be indexed.

Sources

Primary documentation is linked directly. Anything commercial is marked nofollow.

Notes from Callum Bennett.