Image SEO: How to Write Alt Text for Better Rankings

You’ve spent hours taking the perfect product photos for your online store. You upload them, write compelling descriptions, and hit publish. Weeks later, you check your analytics and find that almost no traffic is coming from Google Images. This common frustration often stems from overlooking two small but powerful fields associated with every image you upload: the alt text and the title text.

These attributes are more than just empty boxes in your website’s media library. They are direct lines of communication to search engines and vital accessibility aids for users. Understanding how to use them correctly can improve your search rankings, create a better user experience, and make your website accessible to a wider audience.

Understanding Alt Text vs. Title Text

When you upload an image to a website, the HTML code includes attributes that provide more information about it. The two most common are the alt attribute and the title attribute. While they sound similar, they serve very different purposes.

What is Alt Text?

Alt text, or alternative text, is a written description of an image. Its primary purpose is accessibility. Screen readers, which are browsers used by visually impaired individuals, read the alt text aloud, so the user understands what the image contains. Search engines like Google also read alt text to understand the context of an image, which helps them index it correctly for image search results. For these reasons, every meaningful image on your site should have descriptive alt text.

What is Title Text?

The title text, or title attribute, provides extra, non-essential information about an image. On most desktop browsers, this text appears as a small tooltip when a user hovers their mouse over the image. It is not read by screen readers and carries very little weight for SEO. Because its visibility is limited to mouse users and its content is often redundant, the title attribute is considered optional and often best left empty.

How to Write Effective Alt Text for SEO and Accessibility

Writing good alt text is a skill that balances descriptiveness with conciseness. Your goal is to provide context for both search engines and people who cannot see the image. A well-written alt text helps your content rank higher and ensures everyone has access to the information.

• Be Specific and Descriptive: Instead of “dog,” write “Golden retriever catching a red Frisbee in a park.” This level of detail provides rich context. For an e-commerce product, include the product name, model number, and color. For example, use “Sony WH-1000XM4 wireless noise-cancelling headphones in black” instead of just “headphones.”
• Keep it Concise: While detail is important, aim for around 125 characters. Most screen readers stop reading after this point, so place the most critical information at the beginning.
• Incorporate Keywords Naturally: If it makes sense, include your target keyword. If your article is about “sustainable gardening tools,” an image of a trowel could have the alt text “Hand-weeding with a stainless steel sustainable gardening trowel.” Do not force keywords where they don’t belong, as this is known as keyword stuffing and can harm your rankings.
• Avoid Redundancy: You don’t need to start with “Image of…” or “Picture of…”. Search engines and screen readers already know it’s an image. Get straight to the description.

For purely decorative images, such as abstract background patterns or stylistic dividers, it is best practice to leave the alt text empty. This tells screen readers to skip the image, preventing unnecessary distractions for the user.

Practical Examples: Good vs. Bad Alt Text

Seeing examples in practice can clarify the difference between helpful and unhelpful alt text. Imagine you run an online store that sells handmade coffee mugs.

Bad Alt Text:
This provides zero information. It’s often the default filename and is useless for both SEO and accessibility.

Okay Alt Text:
This is better, but still vague. It doesn’t describe the unique qualities of your product.

Good Alt Text:
This is perfect. It is descriptive, specific, and helps a user or search engine understand exactly what is in the photo. Plus, it naturally includes terms potential customers might search for.

Bad (Keyword Stuffing):
This is a clear attempt to manipulate search engines. It creates a poor user experience and may result in a penalty from Google.

How to Add Alt Text on Popular Platforms

Most modern content management systems (CMS) make adding alt text straightforward. You don’t need to touch any code. Here are the steps for two of the most popular platforms, WordPress and Shopify.

Adding Alt Text on WordPress

When you add an image to a page or post using the block editor, you can add alt text directly in the settings panel. Follow these steps:

1. Upload an image or click on an existing Image block in your editor.
2. With the image selected, look at the sidebar on the right. Make sure the ‘Block’ tab is active.
3. You will see an ‘Image settings’ area with a field labeled “Alt text (alternative text).”
4. Type your descriptive alt text into this box.
5. Click ‘Update’ or ‘Publish’ on your post to save the changes. WordPress automatically saves the alt text with the image.

Adding Alt Text in Shopify

For e-commerce stores, alt text on product images is especially important. Shopify’s interface makes this process simple:

1. From your Shopify admin, go to ‘Products’ and select the product you want to edit.
2. In the ‘Media’ section, click on a product image to open the preview.
3. You will see an option to ‘Add alt text’ (or ‘Edit alt text’ if it already exists).
4. Click it and a dialog box will appear. Enter your descriptive alt text.
5. Click ‘Save alt text,’ and then save your product changes.

Alt Text in a Broader Image Optimization Strategy

Alt text is a critical piece of the puzzle, but it works best as part of a complete image optimization strategy. Before you even think about alt text, you should pay attention to two other elements: file names and file sizes.

Your image file name should be descriptive before you upload it. A file named is much better for SEO than . Large image files can also drastically slow down your page load speed, which hurts both user experience and your search engine rankings. Before uploading, you should always use an online image compressor to reduce the file size while maintaining visual quality. This simple step ensures your pages load quickly for all visitors.

Presentation also matters. For profile photos on a team page or social media, a consistent look is professional. Using a circle crop tool can help you create uniform avatars. Even for these, the alt text is important. For instance, a good alt text would be “Professional headshot of John Carter, Chief Financial Officer.”

Optimizing your image alt text is not a complicated technical task. It is a small investment of time that pays dividends in improved SEO, better accessibility, and a more professional website. Your next step is to review the images on your most important pages—your homepage, top blog posts, or best-selling products. Add clear, descriptive alt text where it is missing and refine what is already there. This one change can help both search engines and new customers find you.