What are alt tags and how to optimize them for SEO
/ Articles -
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.
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.
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
The fall of Arc: Great design isn’t enough to save a browser
Arc wasn’t just a browser, it was a bold reimagining of how the internet could feel. It was sleek, focused, and built for creativity. But now, the browser that once felt like the future is quietly fading away.
For many people, Arc Browser felt like the first browser actually made for users and not just ad revenue. So why is it suddenly being discontinued?
Why breaking design rules makes you a better designer
Many new designers believe good design means following the rules. Stick to the grid, use safe colors, and align everything perfectly. While these rules offer structure, they can stifle creativity and make designs feel predictable. The truth is, breaking rules can often lead to better, more unique designs.
But the big question is: When should you follow the rules and when should you break them?
6 smart ways to improve website clarity and UX
You’ve got 3 seconds. That’s how long it takes for visitors to decide whether to stay on your site or bounce. In those few moments, your website needs to make a great first impression.
The hero section, typically the first thing people see, should instantly communicate three things:
1. Who you are
2. What you do
3. What makes you different
If it doesn’t do all three, it’s time for a refresh.
Is Google selling Chrome? What you need to know
Maybe you've been seeing headlines about Google maybe having to sell Chrome. The U.S. Department of Justice (DOJ) is pushing some big changes that could actually reshape how we browse the internet.
So what’s happening? Why is the U.S. government going after Google’s browser in the first place? And what would it mean if Chrome wasn’t owned by Google anymore?
Let’s break it down.
Is Arc browser dead? Here’s what’s really happening
If you’ve been using Arc and love its clean design, smart tab management, and overall modern take on web browsing, you might have heard rumors that it’s shutting down. But is Arc browser actually dead? Not quite, but it’s in an uncertain place.
Here’s what’s happening with Arc, why The Browser Company (the team behind Arc) is shifting focus, and what it means for users like you.
Explore my work
.png)
Copy & Web Design
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
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
