top of page

What are alt tags and how to optimize them for SEO

/ Article - 

Best Practises

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.

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.

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.

You might also like

Have you ever looked at a font and thought, "Wow, this feels just right"? That’s the power of typography. Fonts do more than convey words; they set the mood, tell a story, and even nudge emotions. Choosing the right font can make or break your design. Let’s dive into the world of font styles, what they evoke, and when to use them, plus a few pairing tips to make your designs shine.

Typography tips: Choosing the perfect font

Have you ever looked at a font and thought, "Wow, this feels just right"? That’s the power of typography. Fonts do more than convey words; they set the mood, tell a story, and even nudge emotions. Choosing the right font can make or break your design. Let’s dive into the world of font styles, what they evoke, and when to use them, plus a few pairing tips to make your designs shine.
A strong brand isn’t just a logo or a catchy slogan; it’s how people perceive and connect with your business. Brands with a clear identity attract loyal customers, command higher prices, and stand out in crowded markets. Think about big names like Nike or Apple. These companies aren’t just selling products; they’re selling experiences, values, and trust.

How to create a unique and memorable brand

A strong brand isn’t just a logo or a catchy slogan; it’s how people perceive and connect with your business. Brands with a clear identity attract loyal customers, command higher prices, and stand out in crowded markets. Think about big names like Nike or Apple. These companies aren’t just selling products; they’re selling experiences, values, and trust.
If you’ve been exploring ways to level up your web design skills, you might have come across the Wix Studio Web Designer Certificate. This certification, offered by Wix Studio, is designed to validate your expertise in site planning, web animation construction and designing with responsiveness in mind.
I recently earned this certification and want to share what the process was like, along with some tips for anyone considering it.

How I earned my Wix Studio Certification

If you’ve been exploring ways to level up your web design skills, you might have come across the Wix Studio Web Designer Certificate. This certification, offered by Wix Studio, is designed to validate your expertise in site planning, web animation construction and designing with responsiveness in mind. I recently earned this certification and want to share what the process was like, along with some tips for anyone considering it.
Did you know that over 58% of all website traffic comes from mobile devices? Yet many mobile designs fail to stand out because they sacrifice creativity or functionality. This or they fail to optimise for mobile altogether, giving all those mobile users a bad experience. Here’s how you can design for mobile while keeping your creative edge intact.

How to design for mobile without sacrificing creativity

Did you know that over 58% of all website traffic comes from mobile devices? Yet many mobile designs fail to stand out because they sacrifice creativity or functionality. This or they fail to optimise for mobile altogether, giving all those mobile users a bad experience. Here’s how you can design for mobile while keeping your creative edge intact.
Ever landed on a website that felt like reading a novel? Endless paragraphs, walls of text and it goes on and on, leaving you overwhelmed and ready to click away. You’re not alone, most users feel the same way and here'e why.

Why too much text kills your website’s user experience

Ever landed on a website that felt like reading a novel? Endless paragraphs, walls of text and it goes on and on, leaving you overwhelmed and ready to click away. You’re not alone, most users feel the same way and here'e why.
As a web designer in 2024, there are thousands of productivity tools available to help you be as effective as possible. Here are some tools and plugins that I frequently use, not necessarily daily, but it would be hard to live without them.

10 must have tools for web designers in 2024

As a web designer in 2024, there are thousands of productivity tools available to help you be as effective as possible. Here are some tools and plugins that I frequently use, not necessarily daily, but it would be hard to live without them.

Explore my work

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

Copy & Web Design

Campus Webbyrå, a digital agency for small and medium-sized businesses, needed a website redesign to better showcase their services and enhance user engagement. The goal was to create a user-friendly, visually appealing website that effectively communicates their unique position as an agency created by students.

Campus Webbyrå

Campus Webbyrå, a digital agency for small and medium-sized businesses, needed a website redesign to better showcase their services and enhance user engagement. The goal was to create a user-friendly, visually appealing website that effectively communicates their unique position as an agency created by students.

Tools used

Wix Studio

Web Design

Campus Vänner, a non-profit organization based in Helsingborg, connects university students with local companies in the Skåne region. They needed a modernized brand identity and an enhanced online presence to appeal to their target audiences - students and businesses.

Campus Vänner

Campus Vänner, a non-profit organization based in Helsingborg, connects university students with local companies in the Skåne region. They needed a modernized brand identity and an enhanced online presence to appeal to their target audiences - students and businesses.

Tools used

Wix Studio & Photoshop

bottom of page