top of page

/ Articles  -  

Best Practises

What are alt tags and how to optimize them for SEO

December 13, 2024

Alt tags are important for both web accessibility and SEO. They provide descriptive text for images, aiding visually impaired users and ensuring compliance with standards like WCAG. Alt tags also help search engines interpret your content, boosting rankings and driving more traffic.

Google homepage mockup

How alt tag works

Alt tags, or alternative tags, are descriptive text added to the HTML code of an image. If you've ever seen text appear when an image fails to load on a website, that’s the alt tag at work.



Why alt tags matter for SEO


Boost search engine rankings

Search engines can’t visually analyze images, but they can interpret context through alt text. Including descriptive and relevant alt text helps search engines understand your content, improving your rankings.

Google even uses alt text to decide if an image is relevant enough to show in search results, driving more traffic to your site.


Optimizing for visual search

As Google’s visual search capabilities evolve, more users are relying on images to find information. Alt text gives you an edge in appearing in these image-focused results, ensuring you stay competitive in the search landscape.


Improving On-Page SEO

Alt text contributes to your page's overall relevance. When used correctly, it supports your keywords without overloading your text, helping you rank higher for your target words.




How to write alt text that works

Crafting alt text might sound straightforward, but it takes some finesse to do it well. Here are the best practices:


Use keywords wisely

Incorporate keywords naturally into your alt text, but avoid overloading it with unnecessary repetition and keyword spam since that might hurt your ranking.


Bad example: “Restaurant food menu restaurant food delicious food”
Good example: “Close-up of a gourmet pizza with fresh basil and mozzarella at an Italian restaurant”

Be consise

Screen readers and search engines usually stop reading alt text after 125 characters per image, so keep it concise and descriptive.


Skip the obvious

There’s no need to state that your image is an image, it’s implied. Instead, focus on describing the image and, if possible, include relevant keywords.



Poodle puppy playing with a toy on a sunny day

Bad

This is an image of a dog

Better

Dog playing outside

Best

Poodle puppy playing with a toy on a sunny day


If you think it's still unclear, imagine how you would describe what you're seeing over the phone to a friend.




Advanced tips for image optimization

To get the most out of your images, pair great alt text with these additional SEO strategies:


Optimize file names

Rename your image files with descriptive, keyword-rich names. For example:

  • Bad: IMG12345.jpg

  • Good: modern-office-brainstorming.jpg


Compress images without losing quality

Smaller file sizes mean faster website load times, which is another ranking factor for SEO. There are great online tools to help you out with this. Tools I regularly use.


Think mobile-first

On phones, alt text becomes even more critical. This since an image failing to load is more likely to happen on a phone.




Final thoughts

Alt tags aren’t just an accessibility tool, they’re essential for improving your SEO. By crafting short, descriptive alt text to your images and strategically adding relevant keywords, you’re already setting your website up for success.

To maximize the impact, combine optimized alt tags with other image strategies, like compressing your images. Each small effort adds up, helping your site rank higher and deliver a better experience for all users.


Remember, in the world of SEO, every little detail counts. Alt tags might be small but their impact is huge.

Linkedin company page screenshot

5 things I've learned from working with linkedin marketing

5 things I've learned from working with linkedin marketing

Marketing

2 professional website hero sections

Why your website feels cheap (even if it wasn’t)

Why your website feels cheap (even if it wasn’t)

Web & UX Design

Afobe & Semrush puzzle pieces

Adobe buying Semrush: SEO future

Adobe buying Semrush: SEO future

Tech news

Phone mockup for Hampuddesign

Why most small businesses fail at marketing

Why most small businesses fail at marketing

Marketing

Arc and Doa bought by Atlassian

Atlassian buying The browser company: Arc sold

Atlassian buying The browser company: Arc sold

Tech news

Cartoon robot

Why generative AI isn’t really intelligent

Why generative AI isn’t really intelligent

Tech news

You might

also like

Explore my work

Web Design

Karlsson Bil is a car dealership based in Varberg, specializing in buying, selling, and restoring vehicles, including the exclusive Lignon Scandinavia line of handcrafted Land Rover Defenders. I worked on designing a website that blends the heritage of the classic Defender with a modern, sleek aesthetic. The focus was on creating a smooth, intuitive browsing experience, making it easy for users to explore the inventory, learn about bespoke restorations, and navigate the buying and selling process with confidence.

Karlsson bil

Karlsson Bil is a car dealership based in Varberg, specializing in buying, selling, and restoring vehicles, including the exclusive Lignon Scandinavia line of handcrafted Land Rover Defenders. I worked on designing a website that blends the heritage of the classic Defender with a modern, sleek aesthetic. The focus was on creating a smooth, intuitive browsing experience, making it easy for users to explore the inventory, learn about bespoke restorations, and navigate the buying and selling process with confidence.

Tools used

Wix Studio & Custom code

Web Design & Branding

Carin Fredén is a Malmö-based photographer and photo editor specializing in high-quality business photography and visual branding. Her website showcases her work and services, helping businesses enhance their visual identity through images.

Carin Fredén

Carin Fredén is a Malmö-based photographer and photo editor specializing in high-quality business photography and visual branding. Her website showcases her work and services, helping businesses enhance their visual identity through images.

Tools used

Wix Studio, Figma & code

Web Design

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tek-ture

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tools used

Wix Studio

UX & User testing

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images. 

Asekio

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images. 

Tools used

Figma, Figjam & Asekio

bottom of page