Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Adding alt text to images

Alt text is text associated with an image that some browsers display instead of the image. Search engines use it to identify the content of a page. Adding alt text to images is a great way to give your site an SEO boost and make it more accessible.

Alt text is also helpful for assistive screen readers or browsers with images disabled. If a browser can't display the image, the alt text will display instead. For all these reasons, when you add alt text, use short terms that describe the image and relate to your site content.

You can add alt text to images directly in these areas:

In these image areas, file names usually serve as alt text:

Note: If you don't manually add alt text to an image, the image's file name will serve as alt text.

Image Block

To add alt text to an Image Block:

  1. Click an Image Block.
  2. Add alt text in the Write here... box.

  1. Choose how you'd like the caption to display by clicking Edit and choosing an option from the drop-down. To hide the caption from viewers, select Do Not Display Caption.
  2. Click Apply.
Note: All captions will display in the image's lightbox, even if you select Do Not Display Caption

Gallery Page image

To add alt text to an image in a Gallery Page:

  1. Click the Gallery Page in the Pages panel.
  2. Find the image to edit, hover over it, and click the .

  1. Add alt text in the Image Title box.
  2. Click Save.
Note: Text added to the Description box won't serve as alt text.

Gallery Block image

To add alt text to an image in a Gallery Block:

  1. Double-click the Gallery Block or click Edit.
  2. Find the image to edit, hover over it, and click the .
  3. Add alt text to the Image Title box.
  4. Click Save.
Note: Text added to the Description box won't serve as alt text.

Product image

To add alt text to a product image on the Product Page:

  1. Hover over the product and click Edit.
  2. Find the image to edit, hover over it, and click the .
  3. Add alt text to the Image Title field.

Cover Page image

To add alt text to a Cover Page image:

  1. In the Cover Page menu, click the Media panel.
  2. Hover over the image and click the .
  3. Add alt text to the Enter alt text… field.
  4. Click Save.

Thumbnail image

File names serve as alt text for thumbnail images, except when thumbnail images appear as blog post banners, in which case the blog post title serves as alt text. Ensure that you name all thumbnail images as you want them to appear before uploading them.

Next steps

 

Was this article helpful?
16 out of 34 found this helpful