How to add alt tags on images and why you should add them

1. What Is Alt Text?

Alt text, or alternative text, is a short description added to the HTML code of a webpage to explain the content of an image. It helps search engines understand the image and assists users with visual impairments who rely on screen readers.

2. Why Is Alt Text Important for Image SEO?

Alt text plays a crucial role in image SEO (Search Engine Optimization) for several reasons. Firstly, a significant portion of online searches involve Google Image searches, accounting for about 22.6% of all searches. As a result, images present a valuable opportunity to attract more organic traffic through SEO.

3. How to add alt and title attributes in Shopify

To add alt and title attributes in Shopify, follow these steps:

  • Open your Shopify store and navigate to the page where you want to add the alt and title attributes to an image.
  • Locate the image you want to edit and click on it to access the image editor screen.
  • Look for the option to ‘Edit alt text’ and click on it. This will allow you to modify the alt text for the image.
  • In the provided field, enter the desired alt text for the image. Alt text should be a concise description of the image’s content and purpose, typically around 125 characters or less.
  • If you also want to add a title attribute to the image, check if there is an option to edit the image’s title. If available, enter the relevant title text in the provided field. The title attribute is displayed as a tooltip when a user hovers over the image.
  • Once you have entered the alt and title attributes, save your changes.
  • Repeat these steps for any other images on the page that require alt and title attributes.

Remember, providing accurate and descriptive alt text and title attributes is essential for accessibility and search engine optimization (SEO). It helps visually impaired users understand the content of the image and allows search engines to better index and rank your site.

About the author


Lorem Ipsum is simply dummy text of the printing. Lorem Ipsum has been the industry's standard, when an unknown printer took a galley of type and scrambled it to make a type specimen book.